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