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