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