Bug 7470: Babeltheque integration
[koha_gimpoz] / koha-tmpl / opac-tmpl / prog / en / css / opac.css
index 1a8c6b1..c10e08d 100644 (file)
@@ -13,6 +13,10 @@ a:hover,#toolbar input.editshelf:hover,input.editshelf:hover,a.editshelf:hover,i
        color : #990033;
 }
 
+a.disabled {
+       color : #888888 !important;
+}
+
 body {
        background-color : white;
        text-align : left;
@@ -467,16 +471,37 @@ a .term {
 
 /* toolbar buttons */
 
-#toolbar {
+#toolbar,
+#selections-toolbar {
 background-color:#EEEEEE;
 border:1px solid #E8E8E8;
-margin : .5em 0;
+margin : 0 0;
 padding:3px 3px 5px 5px;
 vertical-align:middle;
 }
 
+#basket #toolbar {
+       padding: 7px 5px 9px 9px;
+}
+
+#selections-toolbar {
+background: #E8E8E8; /* Old browsers */
+background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */
+background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
+       margin : 0 0 1em 0;
+       padding-top : .5em;
+       padding-left : 10px;
+}
+
 #toolbar a,
-#toolbar input {
+#selections-toolbar a,
+#toolbar input,
+#selections-toolbar input {
        white-space : nowrap;
 }
 
@@ -499,15 +524,15 @@ vertical-align:middle;
 
 
 #toolbar a.print {
-       background: transparent url(../../images/print-small.png) 5px 50% no-repeat;
+       background: transparent url(../../images/print-small.png) 10px 50% no-repeat;
        text-decoration : none;
-       padding-left : 23px;
+       padding-left : 30px;
 }
 
 #toolbar a.brief {
        background: transparent url(../../images/brief.gif) 5px 50% no-repeat;
        text-decoration : none;
-       padding-left : 23px;
+       padding-left : 27px;
 }
 
 #toolbar a.detail {
@@ -540,18 +565,34 @@ vertical-align:middle;
        padding-left : 26px;
 }
 
-#toolbar a.hold {
+#toolbar a.hold,
+#selections-toolbar a.hold {
        background: transparent url(../../images/place-hold-small.png) 5px 50% no-repeat;
        text-decoration : none;
        padding-left : 23px;
 }
 
+#selections-toolbar a.hold.disabled {
+       background: transparent url(../../images/place-hold-small-disabled.png) 5px 50% no-repeat;
+}
+
 #toolbar a.newshelf {
        background : transparent url("../../images/shelf-new.gif") 5px 50% no-repeat;
        padding-left : 23px;
        text-decoration : none;
 }
 
+#selections-toolbar a.removeitems {
+       background: transparent url(../../images/shelf-delete.gif) 11px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 25px;
+}
+
+
+#selections-toolbar a.removeitems.disabled {
+       background: transparent url(../../images/shelf-delete-disabled.gif) 11px 50% no-repeat;
+}
+
 #toolbar a.send,
 a.send {
        background: transparent url(../../images/send.png) 2px 50% no-repeat;
@@ -585,7 +626,8 @@ input.editshelf {
        text-decoration : none;
 }
 
-#toolbar input.newshelf {
+#toolbar input.newshelf,
+a.newshelf {
        background : transparent url("../../images/shelf-new.gif") center left no-repeat;
        border : 0;
        color : #006699;
@@ -596,14 +638,24 @@ input.editshelf {
        text-decoration : none;
 }
 
+a.newshelf.disabled {
+       background : transparent url("../../images/shelf-new-disabled.gif") center left no-repeat;
+}
+
 #toolbar input.deleteshelf,
-input.deleteshelf {
+input.deleteshelf,
+a.deleteshelf {
        background : transparent url("../../images/shelf-delete.gif") 7px 50% no-repeat;
        border : 0;
        color : #006699;
        cursor : pointer;
        font-size : 100%;
        padding-left : 20px;
+       text-decoration : none;
+}
+
+a.deleteshelf.disabled {
+       background : transparent url("../../images/shelf-delete-disabled.gif") 7px 50% no-repeat;
 }
 
 #toolbar input.deleteshelf:hover {
@@ -618,6 +670,10 @@ input.deleteshelf:active {
        border : 0;
 }
 
+#selections {
+       font-weight : bold;
+}
+
 #tagsel_span input.submit,
 #tagsel_tag {
        background-image: url(../../images/tags-small.png);
@@ -627,6 +683,10 @@ input.deleteshelf:active {
        text-decoration: none;
 }
 
+#tagsel_tag.disabled {
+       background-image: url(../../images/tags-small-disabled.png);
+}
+
 #tagslist li { display : inline; }
 
 #placehold input.submit:hover,
@@ -2299,3 +2359,159 @@ p.patronimage.edit {
        border-color:#E8E8E8;
        margin: 1em 1em 1em 0;
 }
+
+span.sep {
+       color: #888;
+       padding: 0 .2em;
+       text-shadow: 1px 1px 0 #FFF;
+}
+
+/* ## BABELTHEQUE ## */
+/* Uncomment if babeltheque configuration no contains these lines */
+/*
+#BW_etiquettes {
+  clear :left;
+  border: 1px solid #E8E8E8;
+  margin-top: 10px;
+  width: 49%;
+  float: left;
+  visibility: hidden;
+  visibility: visible\9;
+}
+#BW_etiquettes:not(:empty) {
+  visibility: visible;
+}
+
+#BW_etiquettes h2 {
+  clear:left;
+  background-color: #E8E8E8;
+  margin: 5px 10px;
+  padding: 0 5px;
+}
+
+#BW_ulEti {max-width:100%;}
+
+#BW_ulEti ul  {
+  margin:0;
+  padding:0 15px;
+  list-style-type: none;
+}
+
+#BW_ulEti a {
+  text-decoration: none;
+}
+
+#BW_ulEti a.tag_s0  {font-weight: 120;font-size:0.8em;}
+#BW_ulEti a.tag_s1  {font-weight: 150;font-size:0.9em;}
+#BW_ulEti a.tag_s2  {font-weight: 180;font-size:1.0em;}
+#BW_ulEti a.tag_s3  {font-weight: 200;font-size:1.2em;}
+#BW_ulEti a.tag_s4  {font-weight: 220;font-size:1.4em;}
+#BW_ulEti a.tag_s5  {font-weight: 230;font-size:1.5em;}
+#BW_ulEti a.tag_s6  {font-weight: 320;font-size:1.6em;}
+#BW_ulEti a.tag_s7  {font-weight: 350;font-size:1.7em;}
+#BW_ulEti a.tag_s8  {font-weight: 400;font-size:1.8em;}
+#BW_ulEti { padding: 0px; line-height: 2em; text-align: center;}
+#BW_ulEti a { padding: 2px; }
+#BW_ulEti { margin: 0px; }
+
+#BW_ulEti ol {
+  float:left;
+  display: inline;
+  margin: 0 10px;
+}
+
+#BW_suggestions {
+  border: 1px solid #E8E8E8;
+  margin-top: 10px;
+  float: right;
+  width: 49%;
+  visibility: hidden;
+  visibility: visible\9;
+}
+#BW_suggestions:not(:empty) {
+  visibility: visible;
+}
+#BW_suggestions h2 {
+  background-color: #E8E8E8;
+  margin: 5px 10px;
+  padding: 0 5px;
+}
+#BW_suggestions .BW_livres_tag_page {
+  padding: 0 15px;
+}
+#BW_suggestions .BW_livres_tag_page:before {
+  content : '> ';
+}
+#BW_droite .BW_livres_tag:before {
+  content : '> ';
+}
+
+#BW_videos {
+  clear : both;
+  border: 1px solid #E8E8E8;
+  padding-bottom: 140px;
+  margin-top: 10px;
+  max-width: 100%;
+  visibility: hidden;
+  visibility: visible\9;
+}
+
+#BW_videos:not(:empty) {
+  visibility: visible;
+}
+
+#BW_videos h2 {
+  background-color: #E8E8E8;
+  margin: 5px 10px;
+  padding: 0 5px;
+}
+#BW_videos .BW_bloc_vid {
+  clear: both;
+  padding: 0 15px;
+}
+.BW_vignette_vid {
+  border: 1px solid #DFD9CE;
+  float: left;
+  height: 141px;
+  margin: 5px;
+  min-height: 141px;
+  padding: 5px;
+  white-space: nowrap;
+}
+
+#BW_notes {clear :left;}
+#BW_notes h2 {font-size:85%;}
+
+#BW_citations {}
+#BW_citations h2 {font-size:85%;}
+
+#BW_critiques {}
+#BW_critiques h2 {font-size:85%;}
+
+#BW_critiques_pro {}
+#BW_critiques_pro h2 {font-size:85%;}
+
+#BW_citations,#BW_critiques,#BW_critiques_pro {
+  background: -moz-linear-gradient(center top , #3399FF, #3333FF) repeat scroll 0 0 transparent;
+  background: -webkit-gradient(linear, center top, center bottom, from(#3399FF), to(#3333FF));
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399FF', endColorstr='#3333FF');
+  border: 1px solid #B7B7B7;
+  border-radius: 5px 5px 5px 5px;
+  color: #FFFFCC;
+  display: inline-block;
+  float: left;
+  font-weight: bold;
+  margin: 15px 20px 15px 0;
+  min-width: 150px;
+  padding: 0 15px 8px;
+  position: relative;
+  text-align: center;
+  text-shadow: 1px 1px 1px #777777;
+  white-space: nowrap;
+}
+
+#BW_citations a,#BW_critiques a,#BW_critiques_pro a {
+  color: #FFFFCC;
+}
+
+*/