Bug 10865: (Follow-up) Add CSS style for form hints
[koha.git] / koha-tmpl / opac-tmpl / bootstrap / less / opac.less
1 @import "mixins.less";
2 body {
3     background-color: #EAEAE6;
4 }
5
6  /* Sticky footer styles */
7 html,
8 body {
9     height: 100%;
10     /* The html and body elements cannot have any padding or margin. */
11 }
12
13 .no-js {
14     .dateformat {
15         display: inline;
16         white-space: nowrap;
17     }
18     .modal-body {
19         padding: 0;
20     }
21 }
22
23 .js {
24     .dateformat {
25         display: none;
26     }
27 }
28
29 /* Wrapper for page content to push down footer */
30 #wrap {
31     min-height: 100%;
32     height: auto !important;
33     height: 100%;
34     /* Negative indent footer by it's height */
35     // margin: 0 auto -60px;
36 }
37
38 /* Set the fixed height of the footer here */
39 #changelanguage {
40     // height: 60px;
41 }
42
43 .popup {
44     padding-left : 0;
45     padding-right: 0;
46 }
47
48 a {
49     color: @links;
50     &.cancel {
51         padding-left : 1em;
52     }
53     &:visited {
54         color: @links;
55     }
56     &.title {
57         font-weight: bold;
58         font-size : 108%;
59     }
60     &.btn-primary {
61         &:visited {
62             color : #FFF;
63         }
64     }
65 }
66
67 .ui-widget-content a,
68 .ui-widget-content a:visited {
69     color: @links;
70 }
71
72 h1 {
73     font-size : 140%;
74     line-height: 150%;
75     &#libraryname {
76         background: transparent url(../images/logo-koha.png) no-repeat scroll 0%;
77         border: 0;
78         float: left !important;
79         margin: 0;
80         padding: 0;
81         width: 120px;
82         a {
83             border: 0;
84             cursor: pointer;
85             display: block;
86             height: 0px !important;
87             margin: 0;
88             overflow: hidden;
89             padding: 40px 0 0;
90             text-decoration: none;
91             width: 120px;
92         }
93     }
94 }
95
96 h2 {
97
98     font-size : 130%;
99     line-height: 150%;
100 }
101 h3 {
102
103     font-size : 120%;
104     line-height: 150%;
105 }
106 h4 {
107
108     font-size : 110%;
109 }
110 h5 {
111
112     font-size : 100%;
113 }
114
115 caption {
116     font-size: 120%;
117     font-weight: bold;
118     margin : 0;
119     text-align: left;
120 }
121
122 input,
123 textarea {
124     width: auto;
125 }
126
127 .input-fluid {
128     width : 50%;
129 }
130
131 legend {
132     font-size: 110%;
133     font-weight: bold;
134 }
135
136 table, td {
137     background-color: #FFF;
138 }
139
140 td {
141     .btn {
142         white-space: nowrap;
143     }
144     .btn-link {
145         padding: 0;
146     }
147 }
148
149 #advsearches,
150 #booleansearch {
151     label {
152         display: inline;
153     }
154 }
155
156 #basketcount {
157     display : inline;
158     margin : 0;
159     padding : 0;
160     span {
161         background-color : #FFC;
162         color : #000;
163         display : inline;
164         font-size : 80%;
165         font-weight : normal;
166         margin : 0 0 0 .9em;
167         padding : 0 .3em 0 .3em;
168         .border-radius-all(3px);
169     }
170 }
171
172
173 #members {
174     display: block;
175     p {
176         color : #EEE;
177     }
178     a {
179         color: #A6D8ED;
180         font-weight: bold;
181         &.logout {
182             color : #E8583C;
183             padding : 0 .3em 0 .3em;
184         }
185     }
186 }
187 #koha_url p {
188         color: #666666;
189         float : right;
190         margin: 0;
191 }
192
193 #moresearches {
194     margin: .5em 0;
195     padding: 0 .8em;
196     li {
197         display: inline;
198         white-space: nowrap;
199         &:after {
200             content : " | ";
201         }
202
203     }
204     ul {
205         margin : 0;
206     }
207 }
208
209 #moresearches li:last-child:after {
210     content : "";
211 }
212
213 #news {
214     margin : .5em 0;
215 }
216
217 #opacheader {
218     background-color: #DDD;
219 }
220
221 #selections {
222     font-weight : bold;
223 }
224
225 .actions {
226     a {
227         white-space: nowrap;
228         &.hold {
229             background-image : url("../images/sprite.png"); /* Place hold small */
230             background-position : -5px -542px;
231             background-repeat: no-repeat;
232             margin-right : 1em;
233             padding-left : 21px;
234             text-decoration : none;
235         }
236         &.addtocart {
237             background-image : url("../images/sprite.png"); /* Cart small */
238             background-position : -5px -572px;
239             background-repeat: no-repeat;
240             margin-right : 1em;
241             padding-left : 20px;
242             text-decoration : none;
243         }
244         &.addtoshelf {
245             background-image : url("../images/sprite.png"); /* MARC view */
246             background-position: -5px -27px;
247             background-repeat: no-repeat;
248             margin-right : 1em;
249             padding-left : 20px;
250             text-decoration : none;
251         }
252         &.addtolist {
253             background-position: -5px -27px;
254             margin-right : 1em;
255             padding-left : 20px;
256             text-decoration : none;
257         }
258         &.tag_add {
259             background-position: -5px -1110px;
260             margin-right : 1em;
261             padding-left : 20px;
262             text-decoration : none;
263         }
264         /* List contents remove from list link */
265         &.removefromlist  {
266             background-position : -8px -690px; /* Delete */
267             margin-right : 1em;
268             text-decoration : none;
269             padding-left : 15px;
270         }
271     }
272 }
273
274 /* Override Bootstrap alert */
275 .alert {
276     background: #fffbe5; /* Old browsers */
277     background: -moz-linear-gradient(top,  #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */
278     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbe5), color-stop(9%,#fff0b2), color-stop(89%,#fff1a8), color-stop(100%,#f7e665)); /* Chrome,Safari4+ */
279     background: -webkit-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */
280     background: -o-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */
281     background: -ms-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */
282     background: linear-gradient(to bottom,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */
283     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */
284     border-color : #D6C43B;
285     color: #333;
286 }
287
288 /* Override Bootstrap alert.alert-info */
289 .alert-info {
290     background: #f4f6fa; /* Old browsers */
291     background: -moz-linear-gradient(top,  #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */
292     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(4%,#eaeef5), color-stop(96%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
293     background: -webkit-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
294     background: -o-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */
295     background: -ms-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */
296     background: linear-gradient(to bottom,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */
297     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
298     border-color : #C5D1E5;
299     color: #333;
300 }
301
302 /* Override Bootstrap alert.alert-success */
303 .alert-success {
304     background: #f8ffe8; /* Old browsers */
305     background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */
306     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(4%,#e3f5ab), color-stop(98%,#dcf48d), color-stop(100%,#9ebf28)); /* Chrome,Safari4+ */
307     background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */
308     background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */
309     background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */
310     background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */
311     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */
312     border-color : #9FBA35;
313     color: #333;
314 }
315
316 .breadcrumb {
317     background-color: #F2F2EF;
318     font-size: 85%;
319     list-style: none outside none;
320     margin: 10px 20px;
321     padding: 5px 10px;
322     .border-radius-all(7px);
323 }
324
325 .form-inline {
326     display : inline;
327     padding: 0;
328     margin: 0;
329     fieldset {
330         margin: 0.3em 0;
331         padding: 0.3em;
332     }
333 }
334
335 .main {
336     background-color: #FFF;
337     border: 1px solid #D2D2CF;
338     .border-radius-all(7px);
339     .shadowed;
340     margin-top : 0.5em;
341     margin-bottom: 0.5em;
342 }
343
344 .mastheadsearch {
345     .border-radius-all(7px);
346     padding: .8em;
347     margin: .5em 0;
348     background: #c7c7c1;
349     /* Old browsers */
350     background: -moz-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
351     /* FF3.6+ */
352     background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#c7c7c1), color-stop(100%,#a7a7a2));
353     /* Chrome,Safari4+ */
354     background: -webkit-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
355     /* Chrome10+,Safari5.1+ */
356     background: -o-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
357     /* Opera 11.10+ */
358     background: -ms-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
359     /* IE10+ */
360     background: linear-gradient(to bottom, #c7c7c1 38%,#a7a7a2 100%);
361     /* W3C */
362     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c1', endColorstr='#a7a7a2',GradientType=0 );
363     /* IE6-9 */;
364     label {
365         font-size: 115%;
366         font-weight: bold;
367     }
368 }
369
370 .navbar-inverse .brand, .navbar-inverse .nav > li > a {
371     color: #9FE1FF;
372     font-weight: bold;
373 }
374
375 .navbar-fixed-bottom.navbar-static-bottom {
376     margin-top : .5em;
377     position: static;
378 }
379
380 #changelanguage .nav > .active > p {
381     padding : 0 15px;
382 }
383
384 .table-striped tbody > tr:nth-child(odd) > td,
385 .table-striped tbody > tr:nth-child(odd) > th {
386   background-color: #F4F4F4;
387 }
388
389
390 /* jQuery UI standard tabs */
391 .ui-tabs-nav .ui-tabs-active a,
392 .ui-tabs-nav a:hover,
393 .ui-tabs-nav a:focus,
394 .ui-tabs-nav a:active,
395 .ui-tabs-nav span.a {
396     background: none repeat scroll 0 0 transparent;
397     outline: 0 none;
398 }
399
400 .ui-widget,
401 .ui-widget input,
402 .ui-widget select,
403 .ui-widget textarea,
404 .ui-widget button {
405     font-family : inherit;
406     font-size : inherit;
407 }
408
409 ul.ui-tabs-nav li {
410     list-style : none;
411 }
412 .ui-tabs.ui-widget-content {
413     background : transparent none;
414     border : 0;
415 }
416
417 .ui-tabs .ui-tabs-panel {
418     border : 1px solid #D8D8D8;
419     margin-bottom: 1em;
420 }
421 .ui-tabs-nav.ui-widget-header {
422     border : 0;
423     background : none;
424 }
425 .ui-tabs .ui-tabs-nav li {
426     background: #F3F3F3 none;
427     border-color: #D8D8D8;
428     margin-right : .4em;
429 }
430
431 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
432     background-color : #FFF;
433     border : 1px solid #D8D8D8;
434     border-bottom: 0;
435 }
436 .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
437     color : #000;
438     font-weight : bold;
439 }
440
441 .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
442     background : #F3F3F3 none;
443 }
444
445 .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {
446     background : #FFF none;
447 }
448
449 .ui-tabs .ui-state-default a,
450 .ui-tabs .ui-state-default a:link,
451 .ui-tabs .ui-state-default a:visited {
452     color: #006699;
453 }
454
455 .ui-tabs .ui-state-hover a,
456 .ui-tabs .ui-state-hover a:link,
457 .ui-tabs .ui-state-hover a:visited {
458     color: #990033;
459 }
460
461 .statictabs {
462     ul {
463         background: none repeat scroll 0 0 transparent;
464         border: 0 none;
465         margin: 0;
466         padding: 0.2em 0.2em 0;
467         border-bottom-right-radius: 4px;
468         border-bottom-left-radius: 4px;
469         border-top-right-radius: 4px;
470         border-top-left-radius: 4px;
471         color: #222222;
472         font-weight: bold;
473         font-size: 100%;
474         line-height: 1.3;
475         list-style: none outside none;
476         outline: 0 none;
477         text-decoration: none;
478         &:before {
479             content: "";
480             display: table;
481         }
482         &:after {
483             clear: both;
484             content: "";
485             display: table;
486         }
487     }
488     li {
489         background: none repeat scroll 0 0 #E6F0F2;
490         border: 1px solid #B9D8D9;
491         border-bottom: 0 none !important;
492         border-top-right-radius: 4px;
493         border-top-left-radius: 4px;
494         float: left;
495         list-style: none outside none;
496         margin-bottom: 0;
497         margin-right: 0.4em;
498         padding: 0;
499         position: relative;
500         white-space: nowrap;
501         top: 1px;
502         color: #555555;
503         font-weight: normal;
504         &.active {
505             background-color: #FFFFFF;
506             color: #212121;
507             font-weight: normal;
508             padding-bottom: 1px;
509         }
510         a {
511             color: #004D99;
512             cursor: pointer;
513             float: left;
514             padding: 0.5em 1em;
515             text-decoration: none;
516             &:hover {
517                 background-color : #EDF4F5;
518                 border-top-right-radius: 4px;
519                 border-top-left-radius: 4px;
520                 color : #538200;
521             }
522         }
523         &.active {
524             a {
525                 color: #000000;
526                 font-weight: bold;
527                 cursor: text;
528                 background: none repeat scroll 0 0 transparent;
529                 outline: 0 none;
530             }
531         }
532     }
533     .tabs-container {
534         border: 1px solid #B9D8D9;
535         background: none repeat scroll 0 0 transparent;
536         display: block;
537         padding: 1em 1.4em;
538         border-bottom-right-radius: 4px;
539         border-bottom-left-radius: 4px;
540         color: #222222;
541     }
542 }
543
544 /* End jQueryUI tab styles */
545
546 /* jQuery UI Datepicker */
547 .ui-datepicker table {width: 100%; font-size: .9em; border : 0; border-collapse: collapse; margin:0 0 .4em; }
548 .ui-datepicker th { background : transparent none; padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
549
550 .ui-datepicker-trigger {
551     vertical-align: middle;
552     margin : 0 3px;
553 }
554 .ui-datepicker {
555     .shadowed;
556 }
557 /* End jQueryUI datepicker styles */
558
559
560 /* jQueryUI Core */
561
562 .ui-widget-content {
563     border: 1px solid #AAA;
564     background: #ffffff none;
565     color: #222222;
566 }
567 .ui-widget-header {
568     border: 1px solid #AAA;
569     background: #E6F0F2 none;
570     color: #222222;
571     font-weight: bold;
572 }
573 .ui-state-default,
574 .ui-widget-content .ui-state-default,
575 .ui-widget-header .ui-state-default {
576     border: 1px solid #AAA;
577     background: #F4F8F9 none;
578     font-weight: normal;
579     color: #555555;
580 }
581 .ui-state-hover,
582 .ui-widget-content .ui-state-hover,
583 .ui-widget-header .ui-state-hover,
584 .ui-state-focus,
585 .ui-widget-content .ui-state-focus,
586 .ui-widget-header .ui-state-focus {
587     border: 1px solid #AAA;
588     background: #E6F0F2 none;
589     font-weight: normal;
590     color: #212121;
591 }
592 .ui-state-active,
593 .ui-widget-content .ui-state-active,
594 .ui-widget-header .ui-state-active {
595     border: 1px solid #aaaaaa;
596     background: #ffffff none;
597     font-weight: normal;
598     color: #212121;
599 }
600 .ui-state-highlight,
601 .ui-widget-content .ui-state-highlight,
602 .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1;
603     background: #fbf9ee;
604     color: #363636;
605 }
606 .ui-state-error,
607 .ui-widget-content .ui-state-error,
608 .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a;
609     background: #fef1ec;
610     color: #cd0a0a;
611 }
612
613 /* end jQueryUI core */
614
615 /* jQueryUI autocomplete */
616
617 .ui-autocomplete {
618     position: absolute;
619     cursor: default;
620     .shadowed;
621 }
622 .ui-autocomplete.ui-widget-content .ui-state-hover {
623     border: 1px solid #AAA;
624     background: #E6F0F2 none;
625     font-weight: normal;
626     color: #212121;
627 }
628 .ui-autocomplete-loading {
629     background: #FFF url("../../img/loading-small.gif") right center no-repeat;
630 }
631 .ui-menu li {
632     list-style:none;
633 }
634
635 /* end jQueryUI autocomplete */
636
637
638
639 th {
640     background-color: #ECEDE6;
641 }
642
643 .item-thumbnail {
644     max-width: none;
645 }
646
647 .no-image {
648     background-color : #FFF;
649     border: 1px solid #AAA;
650     color : #979797;
651     display:block;
652     font-size : 86%;
653     font-weight : bold;
654     text-align : center;
655     width : 75px;
656     .border-radius-all(3px);
657 }
658
659 #bookcover .no-image {
660     margin-right : 10px;
661     margin-bottom : 10px;
662 }
663
664 td.overdue {
665     color : #cc3333;
666 }
667 table {
668     font-size: 90%;
669 }
670 th.sum {
671     text-align: right;
672 }
673
674 td.sum {
675     background-color: #FFC;
676     font-weight: bold;
677 }
678
679 th[scope=row] {
680     background-color: transparent;
681     text-align : right;
682 }
683
684 .required {
685     color : #C00;
686 }
687
688 .label {
689     background-color: transparent;
690     color: inherit;
691     display: inline;
692     font-weight: normal;
693     padding : 0;
694     text-shadow: none;
695 }
696
697
698 fieldset {
699     &.rows {
700         float : left;
701         font-size : 90%;
702         clear : left;
703         margin: .9em 0 0 0;
704         padding: 0;
705         width: 100%;
706         legend {
707             font-weight: bold;
708             font-size : 130%;
709         }
710         label,
711         .label {
712             float: left;
713             font-weight : bold;
714             width: 9em;
715             margin-right: 1em;
716             text-align: right;
717         }
718         label {
719             &.lradio {
720                 float: none;
721                 margin: inherit;
722                 width: auto;
723             }
724         }
725         fieldset {
726             margin : 0;
727             padding : .3em;
728         }
729         ol {
730             padding: 1em 1em 0 1em;
731             list-style-type: none;
732             &.lradio {
733                 label {
734                     width : auto;
735                     float : none;
736                     margin-right : 0;
737                     &.lradio {
738                         float : left;
739                         width : 12em;
740                         margin-right : 1em;
741                     }
742                 }
743             }
744         }
745         li {
746             float : left;
747             clear : left;
748             padding-bottom: 1em;
749             list-style-type: none;
750             width: 100%;
751             &.lradio {
752                 padding-left: 8.5em;
753                 width : auto;
754                 label {
755                     float : none;
756                     width : auto;
757                     margin : 0 0 0 1em;
758                 }
759             }
760         }
761         .hint {
762             display: block;
763             margin-left : 11em;
764         }
765     }
766     &.action {
767         clear : both;
768         float : none;
769         border : none;
770         margin : 0;
771         padding : 1em 0 .3em 0;
772         width : auto;
773         p {
774             margin-bottom : 1em;
775         }
776     }
777     table {
778         font-size: 100%;
779     }
780 }
781
782 div.rows+div.rows {
783     margin-top : .6em;
784 }
785
786 div.rows {
787     float : left;
788     clear : left;
789     margin: 0 0 0 0;
790     padding: 0;
791     width: 100%;
792     span.label {
793         float: left;
794         font-weight : bold;
795         width: 9em;
796         margin-right: 1em;
797         text-align: left;
798     }
799     ol {
800         list-style-type: none;
801         margin-left : 0;
802         padding: .5em 1em 0 0;
803     }
804     li {
805         border-bottom :  1px solid #EEE;
806         float : left;
807         clear : left;
808         padding-bottom: .2em;
809         padding-top: .1em;
810         list-style-type: none;
811         width: 100%;
812     }
813     ul {
814         li {
815             margin-left : 7.3em;
816             &:first-child {
817                 float: none;
818                 clear: none;
819                 margin-left: 0;
820             }
821         }
822     }
823     ol li li {
824         border-bottom: 0;
825     }
826 }
827
828 /* different sizes for different tags in opac-tags.tt */
829 .tagweight0 {
830     font-size: 12px;
831 }
832
833 .tagweight1 {
834     font-size: 14px;
835 }
836
837 .tagweight2 {
838     font-size: 16px;
839 }
840
841 .tagweight3 {
842     font-size: 18px;
843 }
844
845 .tagweight4 {
846     font-size: 20px;
847 }
848
849 .tagweight5 {
850     font-size: 22px;
851 }
852
853 .tagweight6 {
854     font-size: 24px;
855 }
856
857 .tagweight7 {
858     font-size: 26px;
859 }
860
861 .tagweight8 {
862     font-size: 28px;
863 }
864
865 .tagweight9 {
866     font-size: 30px;
867 }
868
869 .toolbar {
870     background-color : #EEEEEE;
871     border : 1px solid #E8E8E8;
872     font-size : 85%;
873     padding:3px 3px 5px 5px;
874     vertical-align : middle;
875     a {
876         white-space: nowrap;
877     }
878     label {
879         display: inline;
880         font-size: 100%;
881         font-weight : bold;
882         margin-left : .5em;
883     }
884     select {
885         font-size: 97%;
886         height: auto;
887         line-height: inherit;
888         padding: 0;
889         margin: 0;
890         width : auto;
891         white-space: nowrap;
892     }
893     .hold,
894     #tagsel_tag {
895         padding-left: 28px;
896         font-size: 97%;
897         font-weight: bold;
898     }
899     #tagsel_form {
900         margin-top : .5em;
901     }
902     li {
903         display : inline;
904         list-style : none;
905         a {
906             border-left : 1px solid #e8e8e8;
907         }
908         &:first-child {
909             a {
910                 border-left : 0;
911             }
912         }
913     }
914     ul {
915         padding-left : 0;
916     }
917 }
918
919 #basket .toolbar {
920     padding: 7px 5px 9px 9px;
921 }
922
923 #selections-toolbar {
924     background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */
925     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
926     background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
927     background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */
928     background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */
929     background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */
930     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
931     margin : 0 0 1em 0;
932     padding-top : .5em;
933     padding-left : 10px;
934 }
935
936 .list-actions {
937     display : inline;
938 }
939
940 #tagsel_span input.submit,
941 #tagsel_tag {
942     border : 0;
943     background-color: transparent;
944     font-size : 100%;
945     color: #0076B2;
946     cursor : pointer;
947     background-image : url("../images/sprite.png"); /* Tags */
948     background-position : 1px -643px;
949     background-repeat : no-repeat;
950     padding-left : 25px;
951     text-decoration: none;
952 }
953
954 #tagsel_tag.disabled {
955     background-position : -1px -667px;
956 }
957
958
959 #tagsel_span input:hover,
960 #selections-toolbar input.hold:hover {
961     color: #005580;
962     text-decoration: underline;
963 }
964
965 #tagsel_span input.disabled,
966 #tagsel_span input.disabled:hover,
967 #tagsel_span input.hold.disabled,
968 #tagsel_span input.hold.disabled:hover,
969 #selections-toolbar input.hold.disabled,
970 #selections-toolbar input.hold.disabled:hover,
971 #selections-toolbar a.disabled,
972 #selections-toolbar a.disabled:hover {
973     color: #888888;
974     text-decoration: none;
975     padding-left : 23px;
976 }
977
978 .results_summary {
979     display: block;
980     font-size : 85%;
981     color: #707070;
982     padding : 0 0 .5em 0;
983     .results_summary {
984         font-size : 100%;
985     }
986     &.actions {
987         margin-top : .5em;
988     }
989     &.tagstatus {
990         display: inline;
991     }
992     .label {
993         color: #202020;
994     }
995     a {
996         font-weight: normal;
997     }
998 }
999
1000 #views {
1001     border-bottom : 1px solid #D6D6D6;
1002     margin-bottom : .5em;
1003     padding : 0 2em 0.2em 0.2em;
1004     white-space : nowrap;
1005 }
1006
1007 .view {
1008     padding : 0.2em .2em 2px .2em;
1009 }
1010
1011 #bibliodescriptions,
1012 #isbdcontents {
1013     clear : left;
1014     margin-top : .5em;
1015 }
1016
1017 .view {
1018     a,
1019     span {
1020         background-image: url("../images/sprite.png");
1021         background-repeat : no-repeat;
1022         font-size : 87%;
1023         font-weight : normal;
1024         padding: 0.4em 0.7em 5px 26px;
1025         text-decoration: none;
1026     }
1027 }
1028
1029 span#MARCview,
1030 span#ISBDview,
1031 span#Normalview,
1032 span#Fullhistory,
1033 span#Briefhistory {
1034     font-weight: bold;
1035 }
1036
1037 a#MARCview,
1038 span#MARCview {
1039     background-position: -3px -23px;
1040 }
1041 a#MARCviewPop,
1042 span#MARCviewPop {
1043     background-position: -3px -23px;
1044 }
1045 a#ISBDview,
1046 span#ISBDview {
1047     background-position: -3px -52px;
1048 }
1049 a#Normalview,
1050 span#Normalview {
1051     background-position: -1px 6px;
1052 }
1053
1054 .view a {
1055     background-color : #F3F3F3;
1056     border-left : 1px solid #C9C9C9;
1057 }
1058
1059 #bookcover {
1060     float : left;
1061     margin : 0;
1062     padding : 0;
1063     .no-image {
1064         margin-right : 10px;
1065         margin-bottom : 10px;
1066     }
1067     img {
1068         margin : 0 1em 1em 0;
1069     }
1070 }
1071
1072 /* pagination */
1073 .results-pagination {
1074     position: absolute;
1075     top:32px;
1076     left: -1px;
1077     width: 100%;
1078     height:auto;
1079     border: 1px solid #D0D0D0;
1080     display: none;
1081     background-color:#F3F3F3;
1082     padding-bottom:10px;
1083     z-index: 100;
1084 }
1085
1086
1087 .back {
1088     float:right;
1089     input {
1090         background:none!important;
1091         color:#999!important;
1092     }
1093 }
1094
1095 .pagination_list {
1096     ul {
1097         padding-top: 40px;
1098         padding-left:0px;
1099     }
1100     li {
1101         list-style:none;
1102         float:bottom;
1103         padding:4px;
1104         color:#999;
1105         &.highlight {
1106            background-color : #F3F3F3;
1107            border-top : 1px solid #DDDDDD;
1108            border-bottom : 1px solid #DDDDDD;
1109         }
1110         a {
1111             padding-left:0px;
1112         }
1113     }
1114     .li_pag_index {
1115         color: #999999;
1116         float: left;
1117         font-size: 15px;
1118         font-weight: bold;
1119         padding-right: 10px;
1120         text-align: right;
1121         width: 13px;
1122     }
1123 }
1124
1125 .nav_results {
1126     background-color: #F3F3F3;
1127     border: 1px solid #D0D0D0;
1128     font-size: 95%;
1129     font-weight: bold;
1130     margin-top: 0.5em;
1131     position:relative;
1132     .l_Results {
1133         a {
1134             background:#E1E1E1 url("../images/sprite.png") no-repeat 0px -504px; /* Browse results menu */
1135             color:#006699;
1136             display:block;
1137             padding:8px 28px;
1138             text-decoration:none;
1139         }
1140         &:hover {
1141             background-color:#D9D9D9;
1142         }
1143     }
1144 }
1145
1146 .pg_menu {
1147     margin: 0;
1148     border-top: 1px solid #D0D0D0;
1149     white-space : nowrap;
1150     li {
1151         color:#B2B2B2;
1152         display:inline;
1153         list-style:none;
1154         margin: 0;
1155         &.back_results {
1156             a {
1157                 border-left: 1px solid #D0D0D0;
1158                 border-right: 1px solid #D0D0D0;
1159             }
1160         }
1161         a,
1162         span {
1163             background-color: #F3F3F3;
1164             display : block;
1165             float:left;
1166             padding:.4em .5em;
1167             text-decoration:none;
1168             font-weight:normal;
1169             text-align:center;
1170         }
1171         span {
1172             color : #B2B2B2;
1173         }
1174     }
1175 }
1176
1177 #listResults{
1178     li {
1179         background-color:#999999;
1180         color:#C5C5C5;
1181         font-weight:normal;
1182         display:block;
1183         margin-right:1px;
1184         font-size: 80%;
1185         padding: 0;
1186         text-align:center;
1187         min-width:18px;
1188         &:hover {
1189             background-color:#006699;
1190         }
1191         a {
1192             color:#FFFFFF;
1193             font-weight:normal;
1194         }
1195     }
1196 }
1197
1198 /* nav */
1199 .nav_pages {
1200     .close_pagination {
1201         padding-right: 10px;
1202         position: absolute;
1203         right: 3px;
1204         top: -25px;
1205     }
1206     .close_pagination a {
1207         text-decoration:none!important;
1208     }
1209     ul {
1210         padding-top: 10px;
1211     }
1212     li {
1213         list-style:none;
1214         float:left;
1215         padding:4px;
1216         color:#999;
1217         a {
1218             text-decoration:none!important;
1219             &:hover {
1220             text-decoration:underline;
1221             }
1222         }
1223         ul {
1224             float:left;
1225         }
1226     }
1227 }
1228
1229 /* action buttons */
1230 #action {
1231     margin : .5em 0 0 0;
1232     background-color : #F3F3F3;
1233     border : 1px solid #E8E8E8;
1234     padding-bottom : 3px;
1235     li {
1236         list-style : none;
1237         margin : .2em;
1238         padding : .3em 0;
1239     }
1240     a {
1241         font-weight: bold;
1242         text-decoration : none;
1243     }
1244 }
1245
1246 #export,
1247 #moresearches_menu {
1248     li {
1249         padding : 0;
1250         margin : 0;
1251         a {
1252             font-weight: normal;
1253             &.menu-inactive {
1254                 font-weight: bold;
1255             }
1256         }
1257     }
1258 }
1259
1260 #format,
1261 #furthersearches {
1262     padding-left : 35px;
1263 }
1264 .highlight_controls {
1265     float: left;
1266 }
1267 a.addtocart,
1268 a.addtoshelf,
1269 a.brief,
1270 a.deleteshelf,
1271 a.deleteshelf.disabled,
1272 a.detail,
1273 a.download,
1274 a.editshelf,
1275 a.empty,
1276 a.hide,
1277 a.highlight_toggle,
1278 a.hold,
1279 a.hold.disabled,
1280 a.incart,
1281 a.new,
1282 a.print-small,
1283 a.print-large,
1284 a.removeitems,
1285 a.removeitems.disabled,
1286 a.reserve,
1287 a.send,
1288 a.tag_add,
1289 a.removefromlist,
1290 input.hold,
1291 input.hold.disabled,
1292 input.editshelf,
1293 .newshelf,
1294 .newshelf.disabled,
1295 .deleteshelf {
1296     background-image: url("../images/sprite.png");
1297     background-repeat: no-repeat;
1298 }
1299
1300
1301 a.addtocart {
1302     background-position: -5px -265px; /* Cart */
1303     padding-left : 35px;
1304 }
1305
1306 a.addtoshelf {
1307     background-position: -5px -225px; /* Virtual shelf */
1308     padding-left : 35px;
1309 }
1310
1311 a.brief {
1312
1313     background-position : -2px -868px; /* Zoom out */
1314     text-decoration : none;
1315     padding-left : 27px;
1316 }
1317
1318 a.cartRemove {
1319     color: #cc3333;
1320     font-size : 90%;
1321     margin : 0;
1322     padding: 0;
1323 }
1324
1325 a.detail {
1326     background-position : -2px -898px; /* Zoom in */
1327     text-decoration : none;
1328     padding-left : 27px;
1329 }
1330
1331 a.download {
1332     background-position : -5px -348px; /* Download */
1333     padding-left : 20px;
1334     text-decoration : none;
1335 }
1336
1337 a.editshelf {
1338     background-position : 2px -348px; /* List edit */
1339     padding-left : 26px;
1340     text-decoration : none;
1341 }
1342
1343 a.empty {
1344     background-position : 2px -598px; /* Trash */
1345     text-decoration : none;
1346     padding-left : 30px;
1347 }
1348
1349 a.hide {
1350     background-position: -3px -814px; /* Close */
1351     text-decoration : none;
1352     padding-left : 26px;
1353 }
1354
1355 a.highlight_toggle {
1356     background-position: -5px -841px; /* Highlight */
1357     display: none;
1358     padding-left : 35px;
1359 }
1360
1361 a.hold,
1362 input.hold {
1363     background-position : -2px -453px; /* Toolbar place hold */
1364     text-decoration : none;
1365     padding-left : 23px;
1366 }
1367
1368 a.hold.disabled,
1369 input.hold.disabled {
1370     background-position : -5px -621px; /* Place hold disabled */
1371 }
1372
1373 a.incart {
1374     background-position: -5px -265px; /* Cart */
1375     color : #666;
1376     padding-left : 35px;
1377 }
1378
1379 a.new {
1380     background-image : url("../images/sprite.png"); /* New */
1381     background-position : -4px -922px;
1382     padding-left : 23px;
1383     text-decoration : none;
1384 }
1385
1386 a.print-small {
1387     background-position : 0px -423px; /* Toolbar print */
1388     text-decoration : none;
1389     padding-left : 30px;
1390 }
1391
1392 a.print-large {
1393     background-position : -5px -186px; /* Toolbar print */
1394     text-decoration : none;
1395     padding-left : 35px;
1396 }
1397
1398 a.removeitems,
1399 a.deleteshelf {
1400     background-position : 2px -690px; /* Delete */
1401     text-decoration : none;
1402     padding-left : 25px;
1403 }
1404
1405 a.removeitems.disabled,
1406 a.deleteshelf.disabled {
1407     background-position : 2px -712px; /* Delete disabled */
1408 }
1409
1410 a.reserve {
1411     background-position: -6px -144px; /* Place hold */
1412     padding-left : 35px;
1413 }
1414
1415 a.send {
1416     background-position : 2px -386px; /* Email */
1417     text-decoration : none;
1418     padding-left : 28px;
1419 }
1420
1421 a.tag_add {
1422     background-position: 3px -1111px; /* Tag results */
1423     padding-left : 27px;
1424     text-decoration: none;
1425 }
1426
1427 input.hold {
1428     background-color: transparent;
1429     border : 0;
1430     color: #0076B2;
1431     font-weight: bold;
1432 }
1433
1434 input.editshelf {
1435     background-color: transparent;
1436     background-position : 2px -736px; /* List edit */
1437     border : 0;
1438     color : #006699;
1439     cursor : pointer;
1440     filter: none;
1441     font-size : 100%;
1442     padding-left : 29px;
1443     text-decoration : none;
1444 }
1445
1446 .newshelf {
1447     background-position: 2px -764px; /* List new */
1448     border : 0;
1449     color : #006699;
1450     cursor : pointer;
1451     filter: none;
1452     font-size : 100%;
1453     padding-left : 28px;
1454     text-decoration : none;
1455 }
1456
1457 .newshelf.disabled {
1458     background-position: -4px -791px; /* List new disabled */
1459 }
1460
1461 .deleteshelf {
1462     background-color: transparent;
1463     background-position : 2px -690px; /* Delete */
1464     border : 0;
1465     color : #006699;
1466     cursor : pointer;
1467     filter: none;
1468     font-size : 100%;
1469     padding-left : 25px;
1470     text-decoration : none;
1471 }
1472
1473 .links a {
1474     font-weight : bold;
1475 }
1476
1477 .deleteshelf:hover {
1478     color: #990033;
1479 }
1480
1481
1482 .editshelf:active,
1483 .deleteshelf:active {
1484     border : 0;
1485 }
1486
1487 #tagslist li { display : inline; }
1488
1489 #login4tags {
1490     background-image: url("../images/sprite.png"); /* Tag results disabled */
1491     background-position: -6px -1130px;
1492     background-repeat: no-repeat;
1493     padding-left : 20px;
1494     text-decoration: none;
1495 }
1496
1497 .tag_results_input {
1498     margin-left: 1em;
1499     padding: 0.3em;
1500     font-size: 12px;
1501     input[type="text"] {
1502         font-size: inherit;
1503         margin : 0;
1504         padding : 0;
1505     }
1506     label {
1507         display : inline;
1508     }
1509 }
1510
1511 .tagsinput {
1512     input[type="text"] {
1513         font-size: inherit;
1514         margin : 0;
1515         padding : 0;
1516     }
1517     label {
1518         display : inline;
1519     }
1520 }
1521
1522 .branch-info-tooltip {
1523     display: none;
1524 }
1525
1526 #social_networks {
1527     a {
1528         background: transparent url("../images/social-sprite.png") no-repeat;
1529         display: block;
1530         height : 20px !important;
1531         width : 20px;
1532         text-indent : -999em;
1533     }
1534     span {
1535         color: #274D7F;
1536         display : block;
1537         float : left;
1538         font-size: 85%;
1539         font-weight: bold;
1540         line-height: 2em;
1541         margin : .5em 0 .5em .5em !important;
1542     }
1543     div {
1544         float : left !important;
1545         margin : .5em 0 .5em .2em !important;
1546     }
1547     #facebook {
1548         background-position : -7px -35px;
1549     }
1550     #twitter {
1551         background-position : -7px -5px;
1552     }
1553     #linkedin {
1554         background-position : -7px -95px;
1555     }
1556     #delicious {
1557         background-position : -7px -66px;
1558     }
1559     #email {
1560         background-position : -7px -126px;
1561     }
1562 }
1563
1564 #marc {
1565     td,
1566     th {
1567         background-color : transparent;
1568         border : 0;
1569         padding: 3px 5px;
1570         text-align : left;
1571     }
1572     td:first-child {
1573         text-indent : 2em;
1574     }
1575     p {
1576         padding-bottom: .6em;
1577         .label {
1578             font-weight : bold;
1579         }
1580     }
1581     ul {
1582         padding-bottom: .6em;
1583     }
1584     .results_summary {
1585         clear :  left;
1586         ul {
1587             display : inline;
1588             float :  none;
1589             clear :  none;
1590             margin: 0;
1591             padding: 0;
1592             list-style : none;
1593         }
1594         li {
1595             display: inline;
1596         }
1597     }
1598 }
1599
1600 #items,
1601 #items td
1602 #items th {
1603     border : 1px solid #EEE;
1604     font-size : 90%;
1605 }
1606
1607 #plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
1608 #plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
1609 #plainmarc td { border: 0; padding : 2px; vertical-align: top; }
1610
1611 #renewcontrols {
1612      float: right;
1613      font-size: 66%;
1614 }
1615
1616 #renewcontrols a {
1617     background-repeat : no-repeat;
1618     text-decoration:none;
1619     padding : .1em .4em;
1620     padding-left : 18px;
1621 }
1622
1623 #renewselected_link {
1624     background-image : url("../images/sprite.png");
1625     background-position : -5px -986px;
1626     background-repeat: no-repeat;
1627 }
1628
1629 #renewall_link {
1630     background-image : url("../images/sprite.png");
1631     background-position : -8px -967px;
1632     background-repeat: no-repeat;
1633 }
1634
1635 .authref {
1636     text-indent: 2em;
1637 }
1638
1639 .authref .label {
1640     font-style: italic;
1641 }
1642
1643 .authstanza {
1644     margin-top: 1em;
1645 }
1646
1647 .authstanzaheading {
1648     font-weight: bold;
1649 }
1650 .authorizedheading {
1651     font-weight: bold;
1652 }
1653 .authstanza li {
1654     margin-left: 0.5em;
1655 }
1656 .authres_notes, .authres_seealso, .authres_otherscript {
1657   padding-top: .5em;
1658 }
1659 .authres_notes {
1660   font-style: italic;
1661 }
1662
1663 #didyoumean {
1664     background-color: #EEE;
1665     border: 1px solid #E8E8E8;
1666     margin: 0 0 0.5em;
1667     text-align: left;
1668     padding: 0.5em;
1669     .border-radius-all(3px);
1670 }
1671
1672 .suggestionlabel {
1673     font-weight: bold;
1674 }
1675
1676 .searchsuggestion {
1677     padding: 0.2em 0.5em;
1678     white-space: nowrap;
1679     display: inline-block;
1680 }
1681
1682 .authlink {
1683     padding-left: 0.25em;
1684 }
1685 #hierarchies a {
1686     font-weight: normal;
1687     text-decoration: underline;
1688     color: #069;
1689 }
1690
1691 #hierarchies a:hover {
1692     color: #990033;
1693 }
1694
1695 #top-pages {
1696     margin: 0 0 0.5em;
1697 }
1698 .dropdown-menu > li > a {
1699     font-size: 90%;
1700 }
1701 a.listmenulink:link,
1702 a.listmenulink:visited {
1703     color : #0076B2;
1704     font-weight: bold;
1705 }
1706 a.listmenulink:hover,
1707 a.listmenulink:active {
1708     color : #FFF;
1709     font-weight: bold;
1710 }
1711 #cartDetails,
1712 #cartUpdate,
1713 #holdDetails,
1714 #listsDetails {
1715     background-color : #FFF;
1716 //    border: 1px solid #739acf;
1717     border: 1px solid rgba(0, 0, 0, 0.2);
1718     border-radius: 6px 6px 6px 6px;
1719     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
1720     color : black;
1721     display : none;
1722     font-size: 90%;
1723     margin : 0;
1724     padding : 8px 20px;
1725     text-align : center;
1726     width : 180px;
1727     z-index: 2;
1728 }
1729 #cartmenulink {
1730     white-space: nowrap;
1731 }
1732
1733 #search-facets,
1734 #menu {
1735     border : 1px solid #D2D2CF;
1736     .border-radius-all(7px);
1737     ul {
1738        margin : 0;
1739         padding : .3em;
1740     }
1741     form {
1742        margin : 0;
1743     }
1744     h4 {
1745         font-size : 90%;
1746         margin : 0 0 .6em 0;
1747         text-align : center;
1748         a {
1749             background-color : #F2F2EF;
1750             border-radius: 8px 8px 0 0;
1751             border-bottom : 1px solid #D8D8D8;
1752             display: block;
1753             font-weight: bold;
1754             padding : .7em .2em;
1755             text-decoration: none;
1756         }
1757     }
1758     li {
1759         font-size: 90%;
1760         font-weight : bold;
1761         list-style-type : none;
1762         li {
1763             font-weight : normal;
1764             font-size : 95%;
1765             line-height: 125%;
1766             margin-bottom : 2px;
1767             padding : .1em .2em;
1768         }
1769         &.showmore {
1770             a {
1771                 font-weight : bold;
1772                 text-indent : 1em;
1773             }
1774         }
1775     }
1776     a {
1777         font-weight : normal;
1778         text-decoration: underline;
1779     }
1780 }
1781
1782 #menu {
1783     font-size : 94%;
1784     li {
1785         list-style-type : none;
1786         a {
1787             background: #eeeeee;
1788             text-decoration : none;
1789             display : block;
1790             border : 1px solid #D8D8D8;
1791             border-radius: 5px 0 0 5px;
1792             border-bottom-color:  #999;
1793             font-size : 111%;
1794             padding : .4em .6em;
1795             margin : .4em 0;
1796             margin-right: -1px;
1797             &:hover {
1798                 background: #eaeef5;
1799             }
1800         }
1801         &.active {
1802             a {
1803                 background-color : #FFF;
1804                 background-image : none;
1805                 border-right-width: 0;
1806                 font-weight : bold;
1807                 &:hover {
1808                     background-color : #fff;
1809                 }
1810             }
1811         }
1812     }
1813     h4 {
1814         display: none;
1815     }
1816 }
1817
1818 #addto {
1819     max-width : 10em;
1820 }
1821
1822 /* Search results add to cart (lists disabled) */
1823 .addto a.addtocart {
1824     background-image: url("../images/sprite.png"); /* Cart */
1825     background-position: -5px -266px;
1826     background-repeat: no-repeat;
1827     text-decoration : none;
1828     padding-left : 33px;
1829 }
1830
1831 .searchresults {
1832     p {
1833         margin: 0;
1834         padding: 0 0 .6em 0;
1835         &.details {
1836            color : #979797;
1837         }
1838     }
1839     a {
1840         &.highlight_toggle {
1841             background-image: url("../images/sprite.png"); /* Highlight */
1842             background-position: -11px -841px;
1843             background-repeat: no-repeat;
1844             display: none;
1845             font-weight: normal;
1846             padding : 0 10px 0 21px;
1847         }
1848     }
1849     .commentline {
1850         background-color : rgb(255, 255, 204);
1851         background-color : rgba(255, 255, 204, 0.4);
1852         border : 1px solid #CCC;
1853         display: inline-block;
1854         .border-radius-all(3px);
1855         .shadowed;
1856         margin : .3em;
1857         padding : .4em;
1858     }
1859     .commentline.yours {
1860         background-color : rgb(239, 254, 213);
1861         background-color : rgba(239, 254, 213, 0.4);
1862     }
1863 }
1864
1865 .commentline .avatar {
1866     float : right;
1867     padding-left : .5em;
1868 }
1869
1870 /* style for search terms in catalogsearch */
1871 .term {
1872     /* color : blue; */
1873     color : #990000;
1874     background-color : #FFFFCC;
1875 }
1876
1877 /* style for shelving location in catalogsearch */
1878 .shelvingloc {
1879     display : block;
1880     font-style : italic;
1881 }
1882 #CheckAll,
1883 #CheckNone {
1884     font-weight : normal;
1885     margin : 0 .5em;
1886     text-decoration: underline;
1887 }
1888
1889 span.sep {
1890     color: #888;
1891     padding: 0 .2em 0 .5em;
1892     text-shadow: 1px 1px 0 #FFF;
1893 }
1894
1895 /* style for PM-generated pagination bar */
1896
1897 .pages span:first-child,
1898 .pages a:first-child {
1899     border-width: 1px 1px 1px 1px;
1900     border-bottom-left-radius: 3px;
1901     border-top-left-radius: 3px;
1902 }
1903
1904 .pages span:last-child,
1905 .pages a:last-child {
1906     border-width: 1px 1px 1px 0;
1907     border-bottom-right-radius: 3px;
1908     border-top-right-radius: 3px;
1909 }
1910
1911 .pages .inactive,
1912 .pages .currentPage,
1913 .pages a {
1914     -moz-border-bottom-colors: none;
1915     -moz-border-left-colors: none;
1916     -moz-border-right-colors: none;
1917     -moz-border-top-colors: none;
1918     background-color: #FFFFFF;
1919     border-color: #DDDDDD;
1920     border-image: none;
1921     border-style: solid;
1922     border-width: 1px 1px 1px 0;
1923     float: left;
1924     font-size: 11.9px;
1925     line-height: 20px;
1926     padding: 4px 12px;
1927     text-decoration: none;
1928 }
1929
1930 .pages .inactive {
1931     background-color: #F5F5F5;
1932 }
1933
1934 .pages a[rel='last'] {
1935     border-bottom-right-radius: 3px;
1936     border-top-right-radius: 3px;
1937 }
1938
1939 .hold-message {
1940     background-color: #FFF0B1;
1941     display: inline-block;
1942     margin: 0.5em;
1943     padding: 0.2em 0.5em;
1944     .border-radius-all(3px);
1945 }
1946 .reserve_date,
1947 .expiration_date {
1948     white-space: nowrap;
1949 }
1950 .close {
1951     color: #0088CC;
1952     position: inherit;
1953     top: auto;
1954     right : auto;
1955     filter : none;
1956     float : none;
1957     font-size: inherit;
1958     font-weight: normal;
1959     opacity: inherit;
1960     text-shadow: none;
1961 }
1962
1963 .close:hover {
1964     color: #538200;
1965     filter: inherit;
1966     font-size: inherit;
1967     opacity: inherit;
1968 }
1969
1970 /* Redefine a new style for Bootstrap's class "close" since we use that already */
1971 /* Use <a class="closebtn" href="#">&times;</a> */
1972 .alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
1973 .modal-header .closebtn{margin-top:2px;}
1974 .closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
1975 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
1976 .btn-group label,
1977 .btn-group select {
1978     font-size: 13px;
1979 }
1980
1981 .span2 select {
1982     width: 100%;
1983 }
1984
1985 .popup .main {
1986     font-size: 90%;
1987     padding: 0 1em;
1988 }
1989
1990 .popup legend {
1991     line-height: 1.5em;
1992     margin-bottom : .5em;
1993 }
1994
1995 .available {
1996     color : #006600;
1997 }
1998
1999 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
2000     display : block;
2001 }
2002
2003 .notforloan {
2004     color : #900;
2005 }
2006
2007 .lost {
2008     color : #666;
2009 }
2010
2011 .suggestion {
2012     background-color : #EEEEEB;
2013     border : 1px solid #DDDED3;
2014     margin : 1em auto;
2015     padding : .5em;
2016     width : 35%;
2017     .border-radius-all(3px);
2018 }
2019
2020 .librarypulldown .transl1 {
2021     width : auto;
2022 }
2023
2024 .nolibrarypulldown {
2025     width : 68%;
2026 }
2027
2028 .nolibrarypulldown .transl1 {
2029     width : 87%;
2030 }
2031
2032 #opac-main-search {
2033     select {
2034         width : auto;
2035         max-width: 12em;
2036     }
2037 }
2038
2039 #logo {
2040     background:transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0%;
2041     border: 0;
2042     float : left !important;
2043     margin:0;
2044     padding:0;
2045     width:100px;
2046     a {
2047         border:0;
2048         cursor:pointer;
2049         display:block;
2050         height:0px !important;
2051         margin:0;
2052         overflow:hidden;
2053         padding:40px 0 0;
2054         text-decoration:none;
2055         width:100px;
2056     }
2057 }
2058
2059 #user-menu-trigger {
2060     display: none;
2061     .icon-user {
2062         background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
2063         background-position: -168px 0;
2064         background-repeat: no-repeat;
2065         height: 14px;
2066         line-height: 14px;
2067         margin : 12px 0 0;
2068         vertical-align: text-top;
2069         width: 14px;
2070     }
2071     .caret {
2072         border-bottom-color: #999999;
2073         border-top-color: #999999;
2074         margin-top: 18px;
2075     }
2076 }
2077
2078 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2079 .floating {
2080     -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2081     box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2082     margin-top: 0;
2083 }
2084
2085 .tdlabel {
2086     font-weight: bold;
2087     display: none;
2088 }
2089
2090 td img {
2091     max-width: none;
2092 }
2093
2094 #ulactioncontainer {
2095     min-width: 16em;
2096 }
2097
2098 .notesrow {
2099     label {
2100         font-weight: bold;
2101     }
2102     span {
2103         display: block;
2104     }
2105 }
2106
2107 .thumbnail-shelfbrowser span {
2108     margin: 0px auto;
2109 }
2110
2111 .dropdown-menu > li > a.menu-inactive:hover {
2112     background : #FFF none;
2113     color : #000;
2114 }
2115
2116 .table {
2117     .sorting_asc {
2118         padding-right: 19px;
2119         background: url("../images/asc.gif") no-repeat scroll right center #ECEDE6;
2120     }
2121     .sorting_desc {
2122         padding-right: 19px;
2123         background: url("../images/desc.gif") no-repeat scroll right center #ECEDE6;
2124     }
2125     .sorting {
2126         padding-right: 19px;
2127         background: url("../images/ascdesc.gif") no-repeat scroll right center #ECEDE6;
2128     }
2129     .nosort,
2130     .nosort.sorting_asc,
2131     .nosort.sorting_desc,
2132     .nosort.sorting {
2133         padding-right: 19px;
2134         background: #ECEDE6 none;
2135     }
2136 }
2137 .tags {
2138     ul {
2139         display: inline;
2140         list-style: none;
2141         margin-left : 0;
2142         li {
2143             display: inline;
2144         }
2145     }
2146 }
2147 .coverimages {
2148     float : right;
2149 }
2150 #i18nMenu {
2151     margin-left : 1em;
2152     li {
2153         font-size : 85%;
2154         li {
2155             font-size: 100%;
2156         }
2157         li > a {
2158             font-size : 100%;
2159             &:hover {
2160                 color : #FFF;
2161             }
2162         }
2163         a {
2164             color : @links;
2165         }
2166     }
2167     .dropdown-menu {
2168         li {
2169             p {
2170                 clear: both;
2171                 display: block;
2172                 font-weight: normal;
2173                 line-height: 20px;
2174                 padding: 3px 20px;
2175                 white-space: nowrap;
2176             }
2177         }
2178     }
2179 }
2180
2181 #subjectsList,
2182 #authorSearch {
2183     label {
2184         display :inline;
2185         vertical-align: middle;
2186     }
2187     ul {
2188         border-bottom: 1px solid #EEE;
2189         list-style-type: none;
2190         margin: 0;
2191         padding: .6em 0;
2192     }
2193     li {
2194         list-style-type: none;
2195         margin: 0;
2196         padding: 0;
2197     }
2198 }
2199
2200
2201 #overdrive-results {
2202     font-weight: bold;
2203     padding-left: 1em;
2204 }
2205
2206 .throbber {
2207     vertical-align: middle;
2208 }
2209
2210 #overdrive-results-list .star-rating-control {
2211     display: block;
2212     overflow: auto;
2213 }
2214
2215 #shelfbrowser {
2216     table {
2217         margin : 0;
2218     }
2219     table,
2220     td,
2221     th {
2222         border : 0;
2223         font-size : 90%;
2224         text-align : center;
2225     }
2226     td,
2227     th {
2228         padding: 3px 5px;
2229         width : 20%;
2230     }
2231     a {
2232         display : block;
2233         font-size : 110%;
2234         font-weight : bold;
2235         text-decoration : none;
2236     }
2237     #browser_next,
2238     #browser_previous {
2239         background-image : url("../images/sprite.png");
2240         background-repeat: no-repeat;
2241         width : 16px;
2242         a {
2243             cursor: pointer;
2244             display : block;
2245             height: 0 !important;
2246             margin: 0;
2247             overflow: hidden;
2248             padding: 50px 0 0;
2249             text-decoration: none;
2250             width: 16px;
2251         }
2252     }
2253     #browser_previous {
2254         background-position: -9px -1007px;
2255     }
2256     #browser_next {
2257         background-position: -9px -1057px;
2258     }
2259 }
2260
2261 #holds {
2262     margin : 0 auto;
2263     max-width: 800px;
2264 }
2265 .holdrow {
2266     clear : both;
2267     padding: 0 1em 1em 1em;
2268     border-bottom:1px solid #CCC;
2269     margin-bottom:.5em;
2270     fieldset {
2271         border : 0;
2272         margin : 0;
2273         float: none;
2274         .label {
2275             font-size: 14px;
2276         }
2277     }
2278     label {
2279         display: inline;
2280     }
2281 }
2282 .hold-options {
2283     clear : both;
2284 }
2285 .toggle-hold-options {
2286     background-color: #eee;
2287     clear : both;
2288     display : block;
2289     font-weight : bold;
2290     margin: 1em 0;
2291     padding: .5em;
2292 }
2293 .copiesrow {
2294     clear : both;
2295 }
2296
2297 #idreambooksreadometer {
2298     float: right;
2299 }
2300
2301 a.idreambooksrating {
2302     font-size: 30px;
2303     color: #29ADE4;
2304     padding-left: 85px;
2305     line-height: 30px;
2306     text-decoration: none;
2307 }
2308
2309 .idreambookslegend {
2310     font-size: small;
2311 }
2312
2313 a.reviewlink,
2314 a.reviewlink:visited {
2315     text-decoration: none;
2316     color: black;
2317     font-weight: normal;
2318 }
2319
2320 .idreambookssummary a {
2321     color: #707070;
2322     text-decoration: none;
2323 }
2324
2325 .idreambookssummary img,
2326 .idbresult img {
2327     vertical-align: middle;
2328 }
2329
2330 .idbresult {
2331     color: #29ADE4;
2332     text-align: center;
2333     margin: 0.5em;
2334     padding: 0.5em;
2335 }
2336
2337 .idbresult a,
2338 .idbresult a:visited {
2339     text-decoration: none;
2340     color: #29ADE4;
2341 }
2342
2343 .idbresult img {
2344     padding-right: 6px;
2345 }
2346
2347 .js-show {
2348     display: none;
2349 }
2350
2351 .modal-nojs {
2352     .modal-header,
2353     .modal-footer {
2354         display: none;
2355     }
2356 }
2357
2358 @import "responsive.less";