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