Bug 11694: Improve handling of individual hold suspension in Bootstrap OPAC
[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     }
762     &.action {
763         clear : both;
764         float : none;
765         border : none;
766         margin : 0;
767         padding : 1em 0 .3em 0;
768         width : auto;
769         p {
770             margin-bottom : 1em;
771         }
772     }
773     table {
774         font-size: 100%;
775     }
776 }
777
778 div.rows+div.rows {
779     margin-top : .6em;
780 }
781
782 div.rows {
783     float : left;
784     clear : left;
785     margin: 0 0 0 0;
786     padding: 0;
787     width: 100%;
788     span.label {
789         float: left;
790         font-weight : bold;
791         width: 9em;
792         margin-right: 1em;
793         text-align: left;
794     }
795     ol {
796         list-style-type: none;
797         margin-left : 0;
798         padding: .5em 1em 0 0;
799     }
800     li {
801         border-bottom :  1px solid #EEE;
802         float : left;
803         clear : left;
804         padding-bottom: .2em;
805         padding-top: .1em;
806         list-style-type: none;
807         width: 100%;
808     }
809     ul {
810         li {
811             margin-left : 7.3em;
812             &:first-child {
813                 float: none;
814                 clear: none;
815                 margin-left: 0;
816             }
817         }
818     }
819     ol li li {
820         border-bottom: 0;
821     }
822 }
823
824 /* different sizes for different tags in opac-tags.tt */
825 .tagweight0 {
826     font-size: 12px;
827 }
828
829 .tagweight1 {
830     font-size: 14px;
831 }
832
833 .tagweight2 {
834     font-size: 16px;
835 }
836
837 .tagweight3 {
838     font-size: 18px;
839 }
840
841 .tagweight4 {
842     font-size: 20px;
843 }
844
845 .tagweight5 {
846     font-size: 22px;
847 }
848
849 .tagweight6 {
850     font-size: 24px;
851 }
852
853 .tagweight7 {
854     font-size: 26px;
855 }
856
857 .tagweight8 {
858     font-size: 28px;
859 }
860
861 .tagweight9 {
862     font-size: 30px;
863 }
864
865 .toolbar {
866     background-color : #EEEEEE;
867     border : 1px solid #E8E8E8;
868     font-size : 85%;
869     padding:3px 3px 5px 5px;
870     vertical-align : middle;
871     a {
872         white-space: nowrap;
873     }
874     label {
875         display: inline;
876         font-size: 100%;
877         font-weight : bold;
878         margin-left : .5em;
879     }
880     select {
881         font-size: 97%;
882         height: auto;
883         line-height: inherit;
884         padding: 0;
885         margin: 0;
886         width : auto;
887         white-space: nowrap;
888     }
889     .hold,
890     #tagsel_tag {
891         padding-left: 28px;
892         font-size: 97%;
893         font-weight: bold;
894     }
895     #tagsel_form {
896         margin-top : .5em;
897     }
898     li {
899         display : inline;
900         list-style : none;
901         a {
902             border-left : 1px solid #e8e8e8;
903         }
904         &:first-child {
905             a {
906                 border-left : 0;
907             }
908         }
909     }
910     ul {
911         padding-left : 0;
912     }
913 }
914
915 #basket .toolbar {
916     padding: 7px 5px 9px 9px;
917 }
918
919 #selections-toolbar {
920     background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */
921     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
922     background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
923     background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */
924     background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */
925     background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */
926     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
927     margin : 0 0 1em 0;
928     padding-top : .5em;
929     padding-left : 10px;
930 }
931
932 .list-actions {
933     display : inline;
934 }
935
936 #tagsel_span input.submit,
937 #tagsel_tag {
938     border : 0;
939     background-color: transparent;
940     font-size : 100%;
941     color: #0076B2;
942     cursor : pointer;
943     background-image : url("../images/sprite.png"); /* Tags */
944     background-position : 1px -643px;
945     background-repeat : no-repeat;
946     padding-left : 25px;
947     text-decoration: none;
948 }
949
950 #tagsel_tag.disabled {
951     background-position : -1px -667px;
952 }
953
954
955 #tagsel_span input:hover,
956 #selections-toolbar input.hold:hover {
957     color: #005580;
958     text-decoration: underline;
959 }
960
961 #tagsel_span input.disabled,
962 #tagsel_span input.disabled:hover,
963 #tagsel_span input.hold.disabled,
964 #tagsel_span input.hold.disabled:hover,
965 #selections-toolbar input.hold.disabled,
966 #selections-toolbar input.hold.disabled:hover,
967 #selections-toolbar a.disabled,
968 #selections-toolbar a.disabled:hover {
969     color: #888888;
970     text-decoration: none;
971     padding-left : 23px;
972 }
973
974 .results_summary {
975     display: block;
976     font-size : 85%;
977     color: #707070;
978     padding : 0 0 .5em 0;
979     .results_summary {
980         font-size : 100%;
981     }
982     &.actions {
983         margin-top : .5em;
984     }
985     &.tagstatus {
986         display: inline;
987     }
988     .label {
989         color: #202020;
990     }
991     a {
992         font-weight: normal;
993     }
994 }
995
996 #views {
997     border-bottom : 1px solid #D6D6D6;
998     margin-bottom : .5em;
999     padding : 0 2em 0.2em 0.2em;
1000     white-space : nowrap;
1001 }
1002
1003 .view {
1004     padding : 0.2em .2em 2px .2em;
1005 }
1006
1007 #bibliodescriptions,
1008 #isbdcontents {
1009     clear : left;
1010     margin-top : .5em;
1011 }
1012
1013 .view {
1014     a,
1015     span {
1016         background-image: url("../images/sprite.png");
1017         background-repeat : no-repeat;
1018         font-size : 87%;
1019         font-weight : normal;
1020         padding: 0.4em 0.7em 5px 26px;
1021         text-decoration: none;
1022     }
1023 }
1024
1025 span#MARCview,
1026 span#ISBDview,
1027 span#Normalview,
1028 span#Fullhistory,
1029 span#Briefhistory {
1030     font-weight: bold;
1031 }
1032
1033 a#MARCview,
1034 span#MARCview {
1035     background-position: -3px -23px;
1036 }
1037 a#MARCviewPop,
1038 span#MARCviewPop {
1039     background-position: -3px -23px;
1040 }
1041 a#ISBDview,
1042 span#ISBDview {
1043     background-position: -3px -52px;
1044 }
1045 a#Normalview,
1046 span#Normalview {
1047     background-position: -1px 6px;
1048 }
1049
1050 .view a {
1051     background-color : #F3F3F3;
1052     border-left : 1px solid #C9C9C9;
1053 }
1054
1055 #bookcover {
1056     float : left;
1057     margin : 0;
1058     padding : 0;
1059     .no-image {
1060         margin-right : 10px;
1061         margin-bottom : 10px;
1062     }
1063     img {
1064         margin : 0 1em 1em 0;
1065     }
1066 }
1067
1068 /* pagination */
1069 .results-pagination {
1070     position: absolute;
1071     top:32px;
1072     left: -1px;
1073     width: 100%;
1074     height:auto;
1075     border: 1px solid #D0D0D0;
1076     display: none;
1077     background-color:#F3F3F3;
1078     padding-bottom:10px;
1079     z-index: 100;
1080 }
1081
1082
1083 .back {
1084     float:right;
1085     input {
1086         background:none!important;
1087         color:#999!important;
1088     }
1089 }
1090
1091 .pagination_list {
1092     ul {
1093         padding-top: 40px;
1094         padding-left:0px;
1095     }
1096     li {
1097         list-style:none;
1098         float:bottom;
1099         padding:4px;
1100         color:#999;
1101         &.highlight {
1102            background-color : #F3F3F3;
1103            border-top : 1px solid #DDDDDD;
1104            border-bottom : 1px solid #DDDDDD;
1105         }
1106         a {
1107             padding-left:0px;
1108         }
1109     }
1110     .li_pag_index {
1111         color: #999999;
1112         float: left;
1113         font-size: 15px;
1114         font-weight: bold;
1115         padding-right: 10px;
1116         text-align: right;
1117         width: 13px;
1118     }
1119 }
1120
1121 .nav_results {
1122     background-color: #F3F3F3;
1123     border: 1px solid #D0D0D0;
1124     font-size: 95%;
1125     font-weight: bold;
1126     margin-top: 0.5em;
1127     position:relative;
1128     .l_Results {
1129         a {
1130             background:#E1E1E1 url("../images/sprite.png") no-repeat 0px -504px; /* Browse results menu */
1131             color:#006699;
1132             display:block;
1133             padding:8px 28px;
1134             text-decoration:none;
1135         }
1136         &:hover {
1137             background-color:#D9D9D9;
1138         }
1139     }
1140 }
1141
1142 .pg_menu {
1143     margin: 0;
1144     border-top: 1px solid #D0D0D0;
1145     white-space : nowrap;
1146     li {
1147         color:#B2B2B2;
1148         display:inline;
1149         list-style:none;
1150         margin: 0;
1151         &.back_results {
1152             a {
1153                 border-left: 1px solid #D0D0D0;
1154                 border-right: 1px solid #D0D0D0;
1155             }
1156         }
1157         a,
1158         span {
1159             background-color: #F3F3F3;
1160             display : block;
1161             float:left;
1162             padding:.4em .5em;
1163             text-decoration:none;
1164             font-weight:normal;
1165             text-align:center;
1166         }
1167         span {
1168             color : #B2B2B2;
1169         }
1170     }
1171 }
1172
1173 #listResults{
1174     li {
1175         background-color:#999999;
1176         color:#C5C5C5;
1177         font-weight:normal;
1178         display:block;
1179         margin-right:1px;
1180         font-size: 80%;
1181         padding: 0;
1182         text-align:center;
1183         min-width:18px;
1184         &:hover {
1185             background-color:#006699;
1186         }
1187         a {
1188             color:#FFFFFF;
1189             font-weight:normal;
1190         }
1191     }
1192 }
1193
1194 /* nav */
1195 .nav_pages {
1196     .close_pagination {
1197         padding-right: 10px;
1198         position: absolute;
1199         right: 3px;
1200         top: -25px;
1201     }
1202     .close_pagination a {
1203         text-decoration:none!important;
1204     }
1205     ul {
1206         padding-top: 10px;
1207     }
1208     li {
1209         list-style:none;
1210         float:left;
1211         padding:4px;
1212         color:#999;
1213         a {
1214             text-decoration:none!important;
1215             &:hover {
1216             text-decoration:underline;
1217             }
1218         }
1219         ul {
1220             float:left;
1221         }
1222     }
1223 }
1224
1225 /* action buttons */
1226 #action {
1227     margin : .5em 0 0 0;
1228     background-color : #F3F3F3;
1229     border : 1px solid #E8E8E8;
1230     padding-bottom : 3px;
1231     li {
1232         list-style : none;
1233         margin : .2em;
1234         padding : .3em 0;
1235     }
1236     a {
1237         font-weight: bold;
1238         text-decoration : none;
1239     }
1240 }
1241
1242 #export,
1243 #moresearches_menu {
1244     li {
1245         padding : 0;
1246         margin : 0;
1247         a {
1248             font-weight: normal;
1249             &.menu-inactive {
1250                 font-weight: bold;
1251             }
1252         }
1253     }
1254 }
1255
1256 #format,
1257 #furthersearches {
1258     padding-left : 35px;
1259 }
1260 .highlight_controls {
1261     float: left;
1262 }
1263 a.addtocart,
1264 a.addtoshelf,
1265 a.brief,
1266 a.deleteshelf,
1267 a.deleteshelf.disabled,
1268 a.detail,
1269 a.download,
1270 a.editshelf,
1271 a.empty,
1272 a.hide,
1273 a.highlight_toggle,
1274 a.hold,
1275 a.hold.disabled,
1276 a.incart,
1277 a.new,
1278 a.print-small,
1279 a.print-large,
1280 a.removeitems,
1281 a.removeitems.disabled,
1282 a.reserve,
1283 a.send,
1284 a.tag_add,
1285 a.removefromlist,
1286 input.hold,
1287 input.hold.disabled,
1288 input.editshelf,
1289 .newshelf,
1290 .newshelf.disabled,
1291 .deleteshelf {
1292     background-image: url("../images/sprite.png");
1293     background-repeat: no-repeat;
1294 }
1295
1296
1297 a.addtocart {
1298     background-position: -5px -265px; /* Cart */
1299     padding-left : 35px;
1300 }
1301
1302 a.addtoshelf {
1303     background-position: -5px -225px; /* Virtual shelf */
1304     padding-left : 35px;
1305 }
1306
1307 a.brief {
1308
1309     background-position : -2px -868px; /* Zoom out */
1310     text-decoration : none;
1311     padding-left : 27px;
1312 }
1313
1314 a.cartRemove {
1315     color: #cc3333;
1316     font-size : 90%;
1317     margin : 0;
1318     padding: 0;
1319 }
1320
1321 a.detail {
1322     background-position : -2px -898px; /* Zoom in */
1323     text-decoration : none;
1324     padding-left : 27px;
1325 }
1326
1327 a.download {
1328     background-position : -5px -348px; /* Download */
1329     padding-left : 20px;
1330     text-decoration : none;
1331 }
1332
1333 a.editshelf {
1334     background-position : 2px -348px; /* List edit */
1335     padding-left : 26px;
1336     text-decoration : none;
1337 }
1338
1339 a.empty {
1340     background-position : 2px -598px; /* Trash */
1341     text-decoration : none;
1342     padding-left : 30px;
1343 }
1344
1345 a.hide {
1346     background-position: -3px -814px; /* Close */
1347     text-decoration : none;
1348     padding-left : 26px;
1349 }
1350
1351 a.highlight_toggle {
1352     background-position: -5px -841px; /* Highlight */
1353     display: none;
1354     padding-left : 35px;
1355 }
1356
1357 a.hold,
1358 input.hold {
1359     background-position : -2px -453px; /* Toolbar place hold */
1360     text-decoration : none;
1361     padding-left : 23px;
1362 }
1363
1364 a.hold.disabled,
1365 input.hold.disabled {
1366     background-position : -5px -621px; /* Place hold disabled */
1367 }
1368
1369 a.incart {
1370     background-position: -5px -265px; /* Cart */
1371     color : #666;
1372     padding-left : 35px;
1373 }
1374
1375 a.new {
1376     background-image : url("../images/sprite.png"); /* New */
1377     background-position : -4px -922px;
1378     padding-left : 23px;
1379     text-decoration : none;
1380 }
1381
1382 a.print-small {
1383     background-position : 0px -423px; /* Toolbar print */
1384     text-decoration : none;
1385     padding-left : 30px;
1386 }
1387
1388 a.print-large {
1389     background-position : -5px -186px; /* Toolbar print */
1390     text-decoration : none;
1391     padding-left : 35px;
1392 }
1393
1394 a.removeitems,
1395 a.deleteshelf {
1396     background-position : 2px -690px; /* Delete */
1397     text-decoration : none;
1398     padding-left : 25px;
1399 }
1400
1401 a.removeitems.disabled,
1402 a.deleteshelf.disabled {
1403     background-position : 2px -712px; /* Delete disabled */
1404 }
1405
1406 a.reserve {
1407     background-position: -6px -144px; /* Place hold */
1408     padding-left : 35px;
1409 }
1410
1411 a.send {
1412     background-position : 2px -386px; /* Email */
1413     text-decoration : none;
1414     padding-left : 28px;
1415 }
1416
1417 a.tag_add {
1418     background-position: 3px -1111px; /* Tag results */
1419     padding-left : 27px;
1420     text-decoration: none;
1421 }
1422
1423 input.hold {
1424     background-color: transparent;
1425     border : 0;
1426     color: #0076B2;
1427     font-weight: bold;
1428 }
1429
1430 input.editshelf {
1431     background-color: transparent;
1432     background-position : 2px -736px; /* List edit */
1433     border : 0;
1434     color : #006699;
1435     cursor : pointer;
1436     filter: none;
1437     font-size : 100%;
1438     padding-left : 29px;
1439     text-decoration : none;
1440 }
1441
1442 .newshelf {
1443     background-position: 2px -764px; /* List new */
1444     border : 0;
1445     color : #006699;
1446     cursor : pointer;
1447     filter: none;
1448     font-size : 100%;
1449     padding-left : 28px;
1450     text-decoration : none;
1451 }
1452
1453 .newshelf.disabled {
1454     background-position: -4px -791px; /* List new disabled */
1455 }
1456
1457 .deleteshelf {
1458     background-color: transparent;
1459     background-position : 2px -690px; /* Delete */
1460     border : 0;
1461     color : #006699;
1462     cursor : pointer;
1463     filter: none;
1464     font-size : 100%;
1465     padding-left : 25px;
1466     text-decoration : none;
1467 }
1468
1469 .links a {
1470     font-weight : bold;
1471 }
1472
1473 .deleteshelf:hover {
1474     color: #990033;
1475 }
1476
1477
1478 .editshelf:active,
1479 .deleteshelf:active {
1480     border : 0;
1481 }
1482
1483 #tagslist li { display : inline; }
1484
1485 #login4tags {
1486     background-image: url("../images/sprite.png"); /* Tag results disabled */
1487     background-position: -6px -1130px;
1488     background-repeat: no-repeat;
1489     padding-left : 20px;
1490     text-decoration: none;
1491 }
1492
1493 .tag_results_input {
1494     margin-left: 1em;
1495     padding: 0.3em;
1496     font-size: 12px;
1497     input[type="text"] {
1498         font-size: inherit;
1499         margin : 0;
1500         padding : 0;
1501     }
1502     label {
1503         display : inline;
1504     }
1505 }
1506
1507 .tagsinput {
1508     input[type="text"] {
1509         font-size: inherit;
1510         margin : 0;
1511         padding : 0;
1512     }
1513     label {
1514         display : inline;
1515     }
1516 }
1517
1518 .branch-info-tooltip {
1519     display: none;
1520 }
1521
1522 #social_networks {
1523     a {
1524         background: transparent url("../images/social-sprite.png") no-repeat;
1525         display: block;
1526         height : 20px !important;
1527         width : 20px;
1528         text-indent : -999em;
1529     }
1530     span {
1531         color: #274D7F;
1532         display : block;
1533         float : left;
1534         font-size: 85%;
1535         font-weight: bold;
1536         line-height: 2em;
1537         margin : .5em 0 .5em .5em !important;
1538     }
1539     div {
1540         float : left !important;
1541         margin : .5em 0 .5em .2em !important;
1542     }
1543     #facebook {
1544         background-position : -7px -35px;
1545     }
1546     #twitter {
1547         background-position : -7px -5px;
1548     }
1549     #linkedin {
1550         background-position : -7px -95px;
1551     }
1552     #delicious {
1553         background-position : -7px -66px;
1554     }
1555     #email {
1556         background-position : -7px -126px;
1557     }
1558 }
1559
1560 #marc {
1561     td,
1562     th {
1563         background-color : transparent;
1564         border : 0;
1565         padding: 3px 5px;
1566         text-align : left;
1567     }
1568     td:first-child {
1569         text-indent : 2em;
1570     }
1571     p {
1572         padding-bottom: .6em;
1573         .label {
1574             font-weight : bold;
1575         }
1576     }
1577     ul {
1578         padding-bottom: .6em;
1579     }
1580     .results_summary {
1581         clear :  left;
1582         ul {
1583             display : inline;
1584             float :  none;
1585             clear :  none;
1586             margin: 0;
1587             padding: 0;
1588             list-style : none;
1589         }
1590         li {
1591             display: inline;
1592         }
1593     }
1594 }
1595
1596 #items,
1597 #items td
1598 #items th {
1599     border : 1px solid #EEE;
1600     font-size : 90%;
1601 }
1602
1603 #plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
1604 #plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
1605 #plainmarc td { border: 0; padding : 2px; vertical-align: top; }
1606
1607 #renewcontrols {
1608      float: right;
1609      font-size: 66%;
1610 }
1611
1612 #renewcontrols a {
1613     background-repeat : no-repeat;
1614     text-decoration:none;
1615     padding : .1em .4em;
1616     padding-left : 18px;
1617 }
1618
1619 #renewselected_link {
1620     background-image : url("../images/sprite.png");
1621     background-position : -5px -986px;
1622     background-repeat: no-repeat;
1623 }
1624
1625 #renewall_link {
1626     background-image : url("../images/sprite.png");
1627     background-position : -8px -967px;
1628     background-repeat: no-repeat;
1629 }
1630
1631 .authref {
1632     text-indent: 2em;
1633 }
1634
1635 .authref .label {
1636     font-style: italic;
1637 }
1638
1639 .authstanza {
1640     margin-top: 1em;
1641 }
1642
1643 .authstanzaheading {
1644     font-weight: bold;
1645 }
1646 .authorizedheading {
1647     font-weight: bold;
1648 }
1649 .authstanza li {
1650     margin-left: 0.5em;
1651 }
1652 .authres_notes, .authres_seealso, .authres_otherscript {
1653   padding-top: .5em;
1654 }
1655 .authres_notes {
1656   font-style: italic;
1657 }
1658
1659 #didyoumean {
1660     background-color: #EEE;
1661     border: 1px solid #E8E8E8;
1662     margin: 0 0 0.5em;
1663     text-align: left;
1664     padding: 0.5em;
1665     .border-radius-all(3px);
1666 }
1667
1668 .suggestionlabel {
1669     font-weight: bold;
1670 }
1671
1672 .searchsuggestion {
1673     padding: 0.2em 0.5em;
1674     white-space: nowrap;
1675     display: inline-block;
1676 }
1677
1678 .authlink {
1679     padding-left: 0.25em;
1680 }
1681 #hierarchies a {
1682     font-weight: normal;
1683     text-decoration: underline;
1684     color: #069;
1685 }
1686
1687 #hierarchies a:hover {
1688     color: #990033;
1689 }
1690
1691 #top-pages {
1692     margin: 0 0 0.5em;
1693 }
1694 .dropdown-menu > li > a {
1695     font-size: 90%;
1696 }
1697 a.listmenulink:link,
1698 a.listmenulink:visited {
1699     color : #0076B2;
1700     font-weight: bold;
1701 }
1702 a.listmenulink:hover,
1703 a.listmenulink:active {
1704     color : #FFF;
1705     font-weight: bold;
1706 }
1707 #cartDetails,
1708 #cartUpdate,
1709 #holdDetails,
1710 #listsDetails {
1711     background-color : #FFF;
1712 //    border: 1px solid #739acf;
1713     border: 1px solid rgba(0, 0, 0, 0.2);
1714     border-radius: 6px 6px 6px 6px;
1715     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
1716     color : black;
1717     display : none;
1718     font-size: 90%;
1719     margin : 0;
1720     padding : 8px 20px;
1721     text-align : center;
1722     width : 180px;
1723     z-index: 2;
1724 }
1725 #cartmenulink {
1726     white-space: nowrap;
1727 }
1728
1729 #search-facets,
1730 #menu {
1731     border : 1px solid #D2D2CF;
1732     .border-radius-all(7px);
1733     ul {
1734        margin : 0;
1735         padding : .3em;
1736     }
1737     form {
1738        margin : 0;
1739     }
1740     h4 {
1741         font-size : 90%;
1742         margin : 0 0 .6em 0;
1743         text-align : center;
1744         a {
1745             background-color : #F2F2EF;
1746             border-radius: 8px 8px 0 0;
1747             border-bottom : 1px solid #D8D8D8;
1748             display: block;
1749             font-weight: bold;
1750             padding : .7em .2em;
1751             text-decoration: none;
1752         }
1753     }
1754     li {
1755         font-size: 90%;
1756         font-weight : bold;
1757         list-style-type : none;
1758         li {
1759             font-weight : normal;
1760             font-size : 95%;
1761             line-height: 125%;
1762             margin-bottom : 2px;
1763             padding : .1em .2em;
1764         }
1765         &.showmore {
1766             a {
1767                 font-weight : bold;
1768                 text-indent : 1em;
1769             }
1770         }
1771     }
1772     a {
1773         font-weight : normal;
1774         text-decoration: underline;
1775     }
1776 }
1777
1778 #menu {
1779     font-size : 94%;
1780     li {
1781         list-style-type : none;
1782         a {
1783             background: #eeeeee;
1784             text-decoration : none;
1785             display : block;
1786             border : 1px solid #D8D8D8;
1787             border-radius: 5px 0 0 5px;
1788             border-bottom-color:  #999;
1789             font-size : 111%;
1790             padding : .4em .6em;
1791             margin : .4em 0;
1792             margin-right: -1px;
1793             &:hover {
1794                 background: #eaeef5;
1795             }
1796         }
1797         &.active {
1798             a {
1799                 background-color : #FFF;
1800                 background-image : none;
1801                 border-right-width: 0;
1802                 font-weight : bold;
1803                 &:hover {
1804                     background-color : #fff;
1805                 }
1806             }
1807         }
1808     }
1809     h4 {
1810         display: none;
1811     }
1812 }
1813
1814 #addto {
1815     max-width : 10em;
1816 }
1817
1818 /* Search results add to cart (lists disabled) */
1819 .addto a.addtocart {
1820     background-image: url("../images/sprite.png"); /* Cart */
1821     background-position: -5px -266px;
1822     background-repeat: no-repeat;
1823     text-decoration : none;
1824     padding-left : 33px;
1825 }
1826
1827 .searchresults {
1828     p {
1829         margin: 0;
1830         padding: 0 0 .6em 0;
1831         &.details {
1832            color : #979797;
1833         }
1834     }
1835     a {
1836         &.highlight_toggle {
1837             background-image: url("../images/sprite.png"); /* Highlight */
1838             background-position: -11px -841px;
1839             background-repeat: no-repeat;
1840             display: none;
1841             font-weight: normal;
1842             padding : 0 10px 0 21px;
1843         }
1844     }
1845     .commentline {
1846         background-color : rgb(255, 255, 204);
1847         background-color : rgba(255, 255, 204, 0.4);
1848         border : 1px solid #CCC;
1849         display: inline-block;
1850         .border-radius-all(3px);
1851         .shadowed;
1852         margin : .3em;
1853         padding : .4em;
1854     }
1855     .commentline.yours {
1856         background-color : rgb(239, 254, 213);
1857         background-color : rgba(239, 254, 213, 0.4);
1858     }
1859 }
1860
1861 .commentline .avatar {
1862     float : right;
1863     padding-left : .5em;
1864 }
1865
1866 /* style for search terms in catalogsearch */
1867 .term {
1868     /* color : blue; */
1869     color : #990000;
1870     background-color : #FFFFCC;
1871 }
1872
1873 /* style for shelving location in catalogsearch */
1874 .shelvingloc {
1875     display : block;
1876     font-style : italic;
1877 }
1878 #CheckAll,
1879 #CheckNone {
1880     font-weight : normal;
1881     margin : 0 .5em;
1882     text-decoration: underline;
1883 }
1884
1885 span.sep {
1886     color: #888;
1887     padding: 0 .2em 0 .5em;
1888     text-shadow: 1px 1px 0 #FFF;
1889 }
1890
1891 /* style for PM-generated pagination bar */
1892
1893 .pages span:first-child,
1894 .pages a:first-child {
1895     border-width: 1px 1px 1px 1px;
1896     border-bottom-left-radius: 3px;
1897     border-top-left-radius: 3px;
1898 }
1899
1900 .pages span:last-child,
1901 .pages a:last-child {
1902     border-width: 1px 1px 1px 0;
1903     border-bottom-right-radius: 3px;
1904     border-top-right-radius: 3px;
1905 }
1906
1907 .pages .inactive,
1908 .pages .currentPage,
1909 .pages a {
1910     -moz-border-bottom-colors: none;
1911     -moz-border-left-colors: none;
1912     -moz-border-right-colors: none;
1913     -moz-border-top-colors: none;
1914     background-color: #FFFFFF;
1915     border-color: #DDDDDD;
1916     border-image: none;
1917     border-style: solid;
1918     border-width: 1px 1px 1px 0;
1919     float: left;
1920     font-size: 11.9px;
1921     line-height: 20px;
1922     padding: 4px 12px;
1923     text-decoration: none;
1924 }
1925
1926 .pages .inactive {
1927     background-color: #F5F5F5;
1928 }
1929
1930 .pages a[rel='last'] {
1931     border-bottom-right-radius: 3px;
1932     border-top-right-radius: 3px;
1933 }
1934
1935 .hold-message {
1936     background-color: #FFF0B1;
1937     display: inline-block;
1938     margin: 0.5em;
1939     padding: 0.2em 0.5em;
1940     .border-radius-all(3px);
1941 }
1942 .reserve_date,
1943 .expiration_date {
1944     white-space: nowrap;
1945 }
1946 .close {
1947     color: #0088CC;
1948     position: inherit;
1949     top: auto;
1950     right : auto;
1951     filter : none;
1952     float : none;
1953     font-size: inherit;
1954     font-weight: normal;
1955     opacity: inherit;
1956     text-shadow: none;
1957 }
1958
1959 .close:hover {
1960     color: #538200;
1961     filter: inherit;
1962     font-size: inherit;
1963     opacity: inherit;
1964 }
1965
1966 /* Redefine a new style for Bootstrap's class "close" since we use that already */
1967 /* Use <a class="closebtn" href="#">&times;</a> */
1968 .alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
1969 .modal-header .closebtn{margin-top:2px;}
1970 .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);}
1971 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
1972 .btn-group label,
1973 .btn-group select {
1974     font-size: 13px;
1975 }
1976
1977 .span2 select {
1978     width: 100%;
1979 }
1980
1981 .popup .main {
1982     font-size: 90%;
1983     padding: 0 1em;
1984 }
1985
1986 .popup legend {
1987     line-height: 1.5em;
1988     margin-bottom : .5em;
1989 }
1990
1991 .available {
1992     color : #006600;
1993 }
1994
1995 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
1996     display : block;
1997 }
1998
1999 .notforloan {
2000     color : #900;
2001 }
2002
2003 .lost {
2004     color : #666;
2005 }
2006
2007 .suggestion {
2008     background-color : #EEEEEB;
2009     border : 1px solid #DDDED3;
2010     margin : 1em auto;
2011     padding : .5em;
2012     width : 35%;
2013     .border-radius-all(3px);
2014 }
2015
2016 .librarypulldown .transl1 {
2017     width : auto;
2018 }
2019
2020 .nolibrarypulldown {
2021     width : 68%;
2022 }
2023
2024 .nolibrarypulldown .transl1 {
2025     width : 87%;
2026 }
2027
2028 #opac-main-search {
2029     select {
2030         width : auto;
2031         max-width: 12em;
2032     }
2033 }
2034
2035 #logo {
2036     background:transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0%;
2037     border: 0;
2038     float : left !important;
2039     margin:0;
2040     padding:0;
2041     width:100px;
2042     a {
2043         border:0;
2044         cursor:pointer;
2045         display:block;
2046         height:0px !important;
2047         margin:0;
2048         overflow:hidden;
2049         padding:40px 0 0;
2050         text-decoration:none;
2051         width:100px;
2052     }
2053 }
2054
2055 #user-menu-trigger {
2056     display: none;
2057     .icon-user {
2058         background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
2059         background-position: -168px 0;
2060         background-repeat: no-repeat;
2061         height: 14px;
2062         line-height: 14px;
2063         margin : 12px 0 0;
2064         vertical-align: text-top;
2065         width: 14px;
2066     }
2067     .caret {
2068         border-bottom-color: #999999;
2069         border-top-color: #999999;
2070         margin-top: 18px;
2071     }
2072 }
2073
2074 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2075 .floating {
2076     -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2077     box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2078     margin-top: 0;
2079 }
2080
2081 .tdlabel {
2082     font-weight: bold;
2083     display: none;
2084 }
2085
2086 td img {
2087     max-width: none;
2088 }
2089
2090 #ulactioncontainer {
2091     min-width: 16em;
2092 }
2093
2094 .notesrow {
2095     label {
2096         font-weight: bold;
2097     }
2098     span {
2099         display: block;
2100     }
2101 }
2102
2103 .thumbnail-shelfbrowser span {
2104     margin: 0px auto;
2105 }
2106
2107 .dropdown-menu > li > a.menu-inactive:hover {
2108     background : #FFF none;
2109     color : #000;
2110 }
2111
2112 .table {
2113     .sorting_asc {
2114         padding-right: 19px;
2115         background: url("../images/asc.gif") no-repeat scroll right center #ECEDE6;
2116     }
2117     .sorting_desc {
2118         padding-right: 19px;
2119         background: url("../images/desc.gif") no-repeat scroll right center #ECEDE6;
2120     }
2121     .sorting {
2122         padding-right: 19px;
2123         background: url("../images/ascdesc.gif") no-repeat scroll right center #ECEDE6;
2124     }
2125     .nosort,
2126     .nosort.sorting_asc,
2127     .nosort.sorting_desc,
2128     .nosort.sorting {
2129         padding-right: 19px;
2130         background: #ECEDE6 none;
2131     }
2132 }
2133 .tags {
2134     ul {
2135         display: inline;
2136         list-style: none;
2137         margin-left : 0;
2138         li {
2139             display: inline;
2140         }
2141     }
2142 }
2143 .coverimages {
2144     float : right;
2145 }
2146 #i18nMenu {
2147     margin-left : 1em;
2148     li {
2149         font-size : 85%;
2150         li {
2151             font-size: 100%;
2152         }
2153         li > a {
2154             font-size : 100%;
2155             &:hover {
2156                 color : #FFF;
2157             }
2158         }
2159         a {
2160             color : @links;
2161         }
2162     }
2163     .dropdown-menu {
2164         li {
2165             p {
2166                 clear: both;
2167                 display: block;
2168                 font-weight: normal;
2169                 line-height: 20px;
2170                 padding: 3px 20px;
2171                 white-space: nowrap;
2172             }
2173         }
2174     }
2175 }
2176
2177 #subjectsList,
2178 #authorSearch {
2179     label {
2180         display :inline;
2181         vertical-align: middle;
2182     }
2183     ul {
2184         border-bottom: 1px solid #EEE;
2185         list-style-type: none;
2186         margin: 0;
2187         padding: .6em 0;
2188     }
2189     li {
2190         list-style-type: none;
2191         margin: 0;
2192         padding: 0;
2193     }
2194 }
2195
2196
2197 #overdrive-results {
2198     font-weight: bold;
2199     padding-left: 1em;
2200 }
2201
2202 .throbber {
2203     vertical-align: middle;
2204 }
2205
2206 #overdrive-results-list .star-rating-control {
2207     display: block;
2208     overflow: auto;
2209 }
2210
2211 #shelfbrowser {
2212     table {
2213         margin : 0;
2214     }
2215     table,
2216     td,
2217     th {
2218         border : 0;
2219         font-size : 90%;
2220         text-align : center;
2221     }
2222     td,
2223     th {
2224         padding: 3px 5px;
2225         width : 20%;
2226     }
2227     a {
2228         display : block;
2229         font-size : 110%;
2230         font-weight : bold;
2231         text-decoration : none;
2232     }
2233     #browser_next,
2234     #browser_previous {
2235         background-image : url("../images/sprite.png");
2236         background-repeat: no-repeat;
2237         width : 16px;
2238         a {
2239             cursor: pointer;
2240             display : block;
2241             height: 0 !important;
2242             margin: 0;
2243             overflow: hidden;
2244             padding: 50px 0 0;
2245             text-decoration: none;
2246             width: 16px;
2247         }
2248     }
2249     #browser_previous {
2250         background-position: -9px -1007px;
2251     }
2252     #browser_next {
2253         background-position: -9px -1057px;
2254     }
2255 }
2256
2257 #holds {
2258     margin : 0 auto;
2259     max-width: 800px;
2260 }
2261 .holdrow {
2262     clear : both;
2263     padding: 0 1em 1em 1em;
2264     border-bottom:1px solid #CCC;
2265     margin-bottom:.5em;
2266     fieldset {
2267         border : 0;
2268         margin : 0;
2269         float: none;
2270         .label {
2271             font-size: 14px;
2272         }
2273     }
2274     label {
2275         display: inline;
2276     }
2277 }
2278 .hold-options {
2279     clear : both;
2280 }
2281 .toggle-hold-options {
2282     background-color: #eee;
2283     clear : both;
2284     display : block;
2285     font-weight : bold;
2286     margin: 1em 0;
2287     padding: .5em;
2288 }
2289 .copiesrow {
2290     clear : both;
2291 }
2292
2293 #idreambooksreadometer {
2294     float: right;
2295 }
2296
2297 a.idreambooksrating {
2298     font-size: 30px;
2299     color: #29ADE4;
2300     padding-left: 85px;
2301     line-height: 30px;
2302     text-decoration: none;
2303 }
2304
2305 .idreambookslegend {
2306     font-size: small;
2307 }
2308
2309 a.reviewlink,
2310 a.reviewlink:visited {
2311     text-decoration: none;
2312     color: black;
2313     font-weight: normal;
2314 }
2315
2316 .idreambookssummary a {
2317     color: #707070;
2318     text-decoration: none;
2319 }
2320
2321 .idreambookssummary img,
2322 .idbresult img {
2323     vertical-align: middle;
2324 }
2325
2326 .idbresult {
2327     color: #29ADE4;
2328     text-align: center;
2329     margin: 0.5em;
2330     padding: 0.5em;
2331 }
2332
2333 .idbresult a,
2334 .idbresult a:visited {
2335     text-decoration: none;
2336     color: #29ADE4;
2337 }
2338
2339 .idbresult img {
2340     padding-right: 6px;
2341 }
2342
2343 .js-show {
2344     display: none;
2345 }
2346
2347 .modal-nojs {
2348     .modal-header,
2349     .modal-footer {
2350         display: none;
2351     }
2352 }
2353
2354 @import "responsive.less";