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