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