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