Line 0
Link Here
|
|
|
1 |
/* |
2 |
Mobile stylesheet |
3 |
Frédérick Capovilla, 2012 - Libéo |
4 |
*/ |
5 |
|
6 |
/* Hidden elements */ |
7 |
|
8 |
body#opac-main #login, |
9 |
body#opac-main #login~div, |
10 |
body#opac-main #opacnav, |
11 |
body#opac-main #news, |
12 |
body#results #facetcontainer, |
13 |
body#opac-detail #ulactioncontainer>:not(#action), |
14 |
body#opac-detail #ulactioncontainer #action a:not(.reserve), |
15 |
body#opac-detail #shelfbrowser, |
16 |
body#opac-detail #views, |
17 |
body#opac-detail div#bibliodescriptions>ul>li:nth-of-type(n+3), |
18 |
body#results #userresults .pages:nth-of-type(1), |
19 |
body#results #userresults>br, |
20 |
body#results td.select.selectcol, |
21 |
body#results span.results_summary.actions>:not(.hold), |
22 |
body#results span.addto, |
23 |
body#results span#placehold, |
24 |
body#results span.checkall, |
25 |
body#results span.clearall, |
26 |
body#results .searchresults td.resultscontrol, |
27 |
body#advsearch form div.yui-g:nth-last-of-type(-n+4), |
28 |
body#opac-readingrecord ul.ui-tabs-nav li, |
29 |
body#opac-login-page #opac-main-search div#libraryname, |
30 |
#leftmenus>:not(#menu), |
31 |
#top-bar #menu-left, |
32 |
#members>ul>li:nth-child(2), |
33 |
#moresearches, |
34 |
#breadcrumbs>p:nth-of-type(1), |
35 |
#main_footer .colleft, |
36 |
#opac-main-search a.logo { |
37 |
display:none !important; |
38 |
} |
39 |
|
40 |
|
41 |
/* General */ |
42 |
|
43 |
body{ |
44 |
min-width: 100px; |
45 |
} |
46 |
|
47 |
#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 { |
48 |
min-width: 100px; |
49 |
} |
50 |
|
51 |
.yui-ge div.first, .yui-gf .yui-g, .yui-gf .yui-u{ |
52 |
width: 100%; |
53 |
} |
54 |
|
55 |
#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after { |
56 |
content: ""; |
57 |
} |
58 |
|
59 |
#container{ |
60 |
border-radius: 0; |
61 |
margin: 0; |
62 |
padding: 0; |
63 |
padding-bottom: 10px; |
64 |
border: 0; |
65 |
} |
66 |
|
67 |
#container #ctn_lt { |
68 |
padding: 0 10px; |
69 |
padding-left: auto; |
70 |
} |
71 |
|
72 |
#doc3{ |
73 |
margin: 0; |
74 |
width: 100%; |
75 |
} |
76 |
|
77 |
#opac-main-search { |
78 |
margin: 0 !important; |
79 |
padding: 0; |
80 |
} |
81 |
|
82 |
#main_footer{ |
83 |
margin-bottom: 0; |
84 |
} |
85 |
|
86 |
#yui-main .yui-b { |
87 |
margin: 0 !important; |
88 |
} |
89 |
|
90 |
#breadcrumbs{ |
91 |
margin: 0 !important; |
92 |
padding: 0 !important; |
93 |
} |
94 |
|
95 |
body#results #breadcrumbs>*{ |
96 |
padding: 20px !important; |
97 |
} |
98 |
|
99 |
|
100 |
/* Main */ |
101 |
|
102 |
body#opac-main #opacmainuserblock { |
103 |
padding: 0 |
104 |
} |
105 |
|
106 |
body#opac-main #container #ctn_lt{ |
107 |
padding: 15px; |
108 |
} |
109 |
|
110 |
|
111 |
/* Results */ |
112 |
|
113 |
body#results div#userresults { |
114 |
padding: 0; |
115 |
border: 0; |
116 |
} |
117 |
|
118 |
body#results .yui-t1 #yui-main .yui-b { |
119 |
margin: 0; |
120 |
} |
121 |
|
122 |
body#results #container #ctn_lt{ |
123 |
padding: 0; |
124 |
} |
125 |
|
126 |
body#results .searchresults td.resultscontrol{ |
127 |
border-radius: 0; |
128 |
} |
129 |
|
130 |
body#results .searchresults .resort{ |
131 |
width: 50%; |
132 |
float:right; |
133 |
} |
134 |
|
135 |
body#results .searchresults #sort_by{ |
136 |
width: 100%; |
137 |
} |
138 |
|
139 |
body#results .searchresults .cartlist{ |
140 |
width:50%; |
141 |
} |
142 |
|
143 |
body#results .results_summary.actions .hold { |
144 |
font-size: 140%; |
145 |
font-weight: bold; |
146 |
margin-left: 0; |
147 |
} |
148 |
|
149 |
|
150 |
/* Cancel highlighting */ |
151 |
|
152 |
a .term { |
153 |
text-decoration: inherit; |
154 |
} |
155 |
|
156 |
.term { |
157 |
background-color: inherit; |
158 |
color: inherit; |
159 |
} |
160 |
|
161 |
|
162 |
/* Details */ |
163 |
|
164 |
body#opac-detail #ctn_lt, |
165 |
body#opac-marcdetail #ctn_lt, |
166 |
body#opac-isbddetail #ctn_lt{ |
167 |
margin: 10px; |
168 |
padding: 0; |
169 |
} |
170 |
|
171 |
body#opac-detail #opac-detail-yui-ge { |
172 |
padding-top: 15px; |
173 |
} |
174 |
|
175 |
#views>span { |
176 |
display:block; |
177 |
} |
178 |
|
179 |
body#opac-detail #ulactioncontainer{ |
180 |
position: absolute; |
181 |
top: 0; |
182 |
right: 0; |
183 |
} |
184 |
|
185 |
body#opac-detail #container { |
186 |
position: relative; |
187 |
} |
188 |
|
189 |
body#opac-detail #ulactioncontainer ul{ |
190 |
margin-top: 0; |
191 |
padding: 5px; |
192 |
} |
193 |
|
194 |
body#opac-detail #ulactioncontainer li{ |
195 |
margin: 0; |
196 |
padding: 0; |
197 |
} |
198 |
|
199 |
/* Logo in the footer */ |
200 |
|
201 |
#opac-main-search div#libraryname { |
202 |
display: block; |
203 |
position: absolute; |
204 |
bottom: -116px; |
205 |
left: 0; |
206 |
padding: 0 20px; |
207 |
} |
208 |
|
209 |
#opac-main-search div#libraryname img { |
210 |
display: block; |
211 |
} |
212 |
|
213 |
#doc3{ |
214 |
position: relative; |
215 |
} |
216 |
|
217 |
#main_footer { |
218 |
padding-top: 29px; |
219 |
} |
220 |
|
221 |
#main_footer .colright, |
222 |
#main_footer .colleft{ |
223 |
float: none; |
224 |
} |
225 |
|
226 |
#main_footer .colright .koha{ |
227 |
float: right; |
228 |
overflow: hidden; |
229 |
text-indent: -5000em; |
230 |
width: 92px; |
231 |
height: 80px; |
232 |
background-position: center; |
233 |
} |
234 |
|
235 |
|
236 |
/* Login bar */ |
237 |
|
238 |
div#top-bar { |
239 |
display: block; |
240 |
position: absolute; |
241 |
left: 0; |
242 |
bottom: -29px; |
243 |
top: auto; |
244 |
overflow: hidden; |
245 |
z-index: auto; |
246 |
} |
247 |
|
248 |
#members ul{ |
249 |
margin: 0; |
250 |
} |
251 |
|
252 |
|
253 |
/* Search bar */ |
254 |
|
255 |
form#searchform { |
256 |
border-radius: 0; |
257 |
padding-top: 50px; |
258 |
} |
259 |
|
260 |
form.single-library #filters .jqTransformSelectWrapper { |
261 |
position: relative; |
262 |
width: 100% !important; |
263 |
left: 0; |
264 |
top: 0; |
265 |
border-radius: 3px; |
266 |
} |
267 |
|
268 |
form.multi-libraries #filters .jqTransformSelectWrapper{ |
269 |
position: relative; |
270 |
width: 49% !important; |
271 |
float: left; |
272 |
top: 0px; |
273 |
left: 0px; |
274 |
border-radius: 3px; |
275 |
} |
276 |
|
277 |
form.multi-libraries #libraries .jqTransformSelectWrapper{ |
278 |
position: relative; |
279 |
width: 49% !important; |
280 |
float: right; |
281 |
top: 0px; |
282 |
left: 0px; |
283 |
border-radius: 3px; |
284 |
} |
285 |
|
286 |
form.multi-libraries .input-wrapper{ |
287 |
margin: 0; |
288 |
} |
289 |
|
290 |
form#searchform .input-wrapper input[type="text"]{ |
291 |
-webkit-box-sizing: border-box; |
292 |
-moz-box-sizing: border-box; |
293 |
box-sizing: border-box; |
294 |
border-radius: 3px; |
295 |
} |
296 |
|
297 |
form#searchform .input-wrapper{ |
298 |
-webkit-box-sizing: border-box; |
299 |
-moz-box-sizing: border-box; |
300 |
box-sizing: border-box; |
301 |
position: absolute; |
302 |
top: 15px; |
303 |
left: 0; |
304 |
width: 100%; |
305 |
padding: 0 10px; |
306 |
padding-right: 46px; |
307 |
} |
308 |
|
309 |
form#searchform input[type="submit"]{ |
310 |
position: absolute; |
311 |
border-radius: 0; |
312 |
top: 15px; |
313 |
right: 10px; |
314 |
} |
315 |
|
316 |
.jqTransformSelectWrapper{ |
317 |
margin: 0; |
318 |
} |
319 |
|
320 |
.jqTransformSelectWrapper div{ |
321 |
overflow: hidden; |
322 |
} |
323 |
|
324 |
.jqTransformSelectWrapper div span{ |
325 |
white-space:nowrap; |
326 |
} |
327 |
|
328 |
.jqTransformSelectWrapper div a{ |
329 |
border-left: 5px solid #FFF; |
330 |
border-right: 5px solid #FFF; |
331 |
background-color: white; |
332 |
box-shadow: -3px 0 5px #FFF; |
333 |
right: 0px; |
334 |
border-radius: 8px; |
335 |
} |
336 |
|
337 |
.jqTransformSelectWrapper ul li a{ |
338 |
padding: 10px 0; |
339 |
} |
340 |
|
341 |
#opac-main-search #fluid { |
342 |
display: block; |
343 |
} |
344 |
|
345 |
|
346 |
/* Login screen */ |
347 |
|
348 |
#holds, #opac-auth { |
349 |
min-width: 0; |
350 |
width: auto; |
351 |
} |
352 |
|
353 |
|
354 |
/* User */ |
355 |
|
356 |
body#opac-user .yui-b, |
357 |
body#opac-passwd .yui-b, |
358 |
body#opac-search-history .yui-b, |
359 |
body#opac-readingrecord .yui-b, |
360 |
body#opac-userupdate .yui-b, |
361 |
body#opac-account .yui-b{ |
362 |
width: auto; |
363 |
float: none; |
364 |
} |
365 |
|
366 |
body#opac-user #yui-main , |
367 |
body#opac-passwd #yui-main , |
368 |
body#opac-search-history #yui-main , |
369 |
body#opac-readingrecord #yui-main , |
370 |
body#opac-userupdate #yui-main , |
371 |
body#opac-account #yui-main { |
372 |
float: none; |
373 |
margin: 0; |
374 |
} |
375 |
|
376 |
body#opac-userupdate .yui-g .yui-u{ |
377 |
width: 100%; |
378 |
} |
379 |
|
380 |
body#opac-passwd fieldset, |
381 |
body#opac-userupdate fieldset{ |
382 |
margin: 1em 0; |
383 |
} |
384 |
|
385 |
.renewals { |
386 |
display: inline; |
387 |
} |
388 |
|
389 |
|
390 |
/* Tables */ |
391 |
|
392 |
body#opac-user #checkoutst td.links, |
393 |
body#opac-user thead, |
394 |
body#opac-holds div:not(.calendar) table>tbody>tr:nth-child(1), |
395 |
body#opac-readingrecord #readingrec tr:nth-child(1), |
396 |
body#opac-detail #holdingst thead, |
397 |
body#opac-detail #holdingst td.call_no a{ |
398 |
display: none !important; |
399 |
} |
400 |
|
401 |
body#opac-detail table#holdingst, |
402 |
body#opac-readingrecord table, |
403 |
body#opac-holds div:not(.calendar) table, |
404 |
body#opac-user table#holdst, |
405 |
body#opac-user table#checkoutst{ |
406 |
border-right: none; |
407 |
border-top: none; |
408 |
border: none; |
409 |
counter-reset: item; |
410 |
} |
411 |
|
412 |
body#opac-detail #holdingst tr, |
413 |
body#opac-readingrecord tr, |
414 |
body#opac-holds div:not(.calendar) tr, |
415 |
body#opac-user #holdst tr, |
416 |
body#opac-user #checkoutst tr{ |
417 |
border: none; |
418 |
display: block; |
419 |
position: relative; |
420 |
margin-left: 10px; |
421 |
margin-bottom: 10px; |
422 |
} |
423 |
|
424 |
body#opac-detail #holdingst td, |
425 |
body#opac-readingrecord td, |
426 |
body#opac-holds div:not(.calendar) td, |
427 |
body#opac-user #holdst td, |
428 |
body#opac-user #checkoutst td{ |
429 |
display: block; |
430 |
border: 1px solid #DDD; |
431 |
position: relative; |
432 |
} |
433 |
|
434 |
body#opac-user #checkoutst caption { |
435 |
display: block; |
436 |
} |
437 |
|
438 |
body#opac-detail #holdingst tr:before, |
439 |
body#opac-readingrecord tr:before, |
440 |
body#opac-holds div:not(.calendar) tr:not(.copiesrow):before, |
441 |
body#opac-user #holdst tr:before, |
442 |
body#opac-user #checkoutst tr:before { |
443 |
font-weight: bold; |
444 |
content: counter(item) ". "; |
445 |
counter-increment: item; |
446 |
display: block; |
447 |
position: absolute; |
448 |
left: -13px; |
449 |
top: 4px; |
450 |
} |
451 |
|
452 |
body#opac-detail #holdingst td:before, |
453 |
body#opac-readingrecord td:before, |
454 |
body#opac-holds div:not(.calendar) td:before, |
455 |
body#opac-user #holdst td:before, |
456 |
body#opac-user #checkoutst td:before { |
457 |
font-weight: bold; |
458 |
} |
459 |
|
460 |
body#opac-detail #holdingst td.itype:before {content: "Item type : ";} |
461 |
body#opac-detail #holdingst td.location:before {content: "Location : ";} |
462 |
body#opac-detail #holdingst td.collection:before {content: "Collection : ";} |
463 |
body#opac-detail #holdingst td.call_no:before {content: "Call Number : ";} |
464 |
body#opac-detail #holdingst td.vol_info:before {content: "Vol Info : ";} |
465 |
body#opac-detail #holdingst td.url:before {content: "URL : ";} |
466 |
body#opac-detail #holdingst td.copynumber:before {content: "Copy Number : ";} |
467 |
body#opac-detail #holdingst td.status:before {content: "Status : ";} |
468 |
body#opac-detail #holdingst td.notes:before {content: "Notes : ";} |
469 |
body#opac-detail #holdingst td.date_due:before {content: "Date Due : ";} |
470 |
body#opac-detail #holdingst td.barcode:before {content: "Barcode : ";} |
471 |
body#opac-detail #holdingst td.holds_count:before {content: "Item holds : ";} |
472 |
|
473 |
body#opac-user #checkoutst td.date_due:before {content: "Date due : ";} |
474 |
body#opac-user #checkoutst td.call_no:before {content: "Call No. : ";} |
475 |
body#opac-user #checkoutst td.fines:before {content: "Fines : ";} |
476 |
|
477 |
body#opac-user #holdst td.reservedate:before {content: "Placed On : ";} |
478 |
body#opac-user #holdst td.expirationdate:before {content: "Expires On : ";} |
479 |
body#opac-user #holdst td.branch:before {content: "Pick Up Location : ";} |
480 |
body#opac-user #holdst td.priority:before {content: "Priority : ";} |
481 |
body#opac-user #holdst td.status:before {content: "Status : ";} |
482 |
|
483 |
body#opac-readingrecord #readingrec td:nth-child(3):before {content: "Item Type : ";} |
484 |
body#opac-readingrecord #readingrec td:nth-child(4):before {content: "Call No. : ";} |
485 |
body#opac-readingrecord #readingrec td:nth-child(5):before {content: "Date : ";} |
486 |
|
487 |
body#opac-holds #bibitemloop>tbody>tr:not(.copiesrow) td.hold:before {content: "Hold : ";} |
488 |
body#opac-holds #bibitemloop>tbody>tr:not(.copiesrow) td.itype:before {content: "Item Type : ";} |
489 |
body#opac-holds #bibitemloop>tbody>tr:not(.copiesrow) td.priority:before {content: "Priority : ";} |
490 |
body#opac-holds #bibitemloop>tbody>tr:not(.copiesrow) td.reserve_date:before {content: "Hold Starts On Date : ";} |
491 |
body#opac-holds #bibitemloop>tbody>tr:not(.copiesrow) td.expiration_date:before {content: "Hold Not Needed After : ";} |
492 |
body#opac-holds #bibitemloop>tbody>tr:not(.copiesrow) td.place_on_type:before {content: "Place On : ";} |
493 |
body#opac-holds #bibitemloop>tbody>tr:not(.copiesrow) td.branch:before {content: "Pickup Location : ";} |
494 |
|
495 |
body#opac-holds #bibitemloop table td.copy:before {content: "Copy : ";} |
496 |
body#opac-holds #bibitemloop table td.itype:before {content: "Item Type : ";} |
497 |
body#opac-holds #bibitemloop table td.barcode:before {content: "Barcode : ";} |
498 |
body#opac-holds #bibitemloop table td.homebranch:before {content: "Home Library : ";} |
499 |
body#opac-holds #bibitemloop table td.holdingbranch:before {content: "Last Location : ";} |
500 |
body#opac-holds #bibitemloop table td.call_no:before {content: "Call Number : ";} |
501 |
body#opac-holds #bibitemloop table td.vol_info:before {content: "Vol Info : ";} |
502 |
body#opac-holds #bibitemloop table td.information:before {content: "Information : ";} |
503 |
|
504 |
|
505 |
/* Holds */ |
506 |
|
507 |
body#opac-holds tr.copiesrow { |
508 |
margin-left: 25px; |
509 |
} |
510 |
|
511 |
body#opac-holds tr.copiesrow>td:nth-child(1) { |
512 |
display: none; |
513 |
} |
514 |
|
515 |
body#opac-holds #bibitemloop tr { |
516 |
margin-bottom: 0; |
517 |
} |
518 |
|
519 |
|
520 |
/* User Fines table */ |
521 |
|
522 |
body#opac-account #useraccount th:nth-child(3), |
523 |
body#opac-account #useraccount td:nth-child(3) { |
524 |
display: none !important; |
525 |
} |
526 |
|
527 |
body#opac-account #useraccount table { |
528 |
position: relative; |
529 |
margin-bottom: 50px; |
530 |
} |
531 |
|
532 |
body#opac-account #useraccount tfoot { |
533 |
display: block; |
534 |
position: absolute; |
535 |
bottom: 0; |
536 |
right: 0; |
537 |
bottom: -23px; |
538 |
} |
539 |
|
540 |
body#opac-account #useraccount thead th { |
541 |
padding: 2px 10px; |
542 |
} |
543 |
|
544 |
body#opac-account #useraccount tbody td:nth-child(1) { |
545 |
min-width: 70px; |
546 |
} |
547 |
|
548 |
body#opac-account #useraccount tbody td:nth-child(4) { |
549 |
text-align: right; |
550 |
} |
551 |
|
552 |
body#opac-account #useraccount tfoot th { |
553 |
display: none; |
554 |
} |
555 |
|
556 |
body#opac-account #useraccount tfoot td { |
557 |
border-right: 1px solid #DDD; |
558 |
} |
559 |
|
560 |
body#opac-account #useraccount tfoot td:before { |
561 |
content: "Total due : " |
562 |
} |
563 |
|
564 |
|
565 |
/* User menu */ |
566 |
|
567 |
#leftmenus>#menu ul li.messaging, |
568 |
#leftmenus>#menu ul li.suggestions, |
569 |
#leftmenus>#menu ul li.privateshelves, |
570 |
#leftmenus>#menu { |
571 |
display: none; |
572 |
} |
573 |
|
574 |
.mobile_only { |
575 |
display: block; |
576 |
} |
577 |
|
578 |
body.mobile_menu form#searchform .input-wrapper{ |
579 |
padding-left: 90px; |
580 |
} |
581 |
|
582 |
body.mobile_menu_opened #doc3>div, |
583 |
body.mobile_menu_opened #main_footer>div { |
584 |
position: relative; |
585 |
left: 200px; |
586 |
} |
587 |
|
588 |
body.mobile_menu_opened #main_footer { |
589 |
display: none; |
590 |
} |
591 |
|
592 |
body.mobile_menu_opened #doc3 { |
593 |
overflow: hidden; |
594 |
min-height: 380px; |
595 |
} |
596 |
|
597 |
body.mobile_menu_opened #ctn_rb>.ctn_in>.yui-b { |
598 |
position: static; |
599 |
} |
600 |
|
601 |
body.mobile_menu_opened #leftmenus>#menu { |
602 |
display: block; |
603 |
position: absolute; |
604 |
width: 200px; |
605 |
height: 100%; |
606 |
top: 0; |
607 |
left: -201px; |
608 |
padding: 0; |
609 |
z-index: 999; |
610 |
} |
611 |
|
612 |
#mobile_menu_button { |
613 |
position: absolute; |
614 |
cursor: pointer; |
615 |
background: url(../../images/mobile-menu-button.png) no-repeat scroll 50% 50%; |
616 |
border: 0px; |
617 |
font-size: 0; |
618 |
width: 76px; |
619 |
height: 38px; |
620 |
top: 13px; |
621 |
left: 6px; |
622 |
} |