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