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