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