1 | /* ----------------------------------------------------------------------------- |
---|
2 | LAPIS-LAZULI |
---|
3 | Theme for Piwigo |
---|
4 | ------------------------------------------------------------------------------ |
---|
5 | file: gally/lapis-lazuli/theme.css |
---|
6 | file version: 1.2.1 |
---|
7 | ------------------------------------------------------------------------------ |
---|
8 | author: grum at grum.dnsalias.com |
---|
9 | << May the Little SpaceFrog be with you >> |
---|
10 | ------------------------------------------------------------------------------ |
---|
11 | Lapis-Lazuli for template "Gally" |
---|
12 | ----------------------------------------------------------------------------- */ |
---|
13 | |
---|
14 | div.errors { |
---|
15 | background:#FFB0B0; |
---|
16 | border:4px solid #802020; |
---|
17 | color:#802020; |
---|
18 | padding:8px; |
---|
19 | } |
---|
20 | div.errors a { |
---|
21 | color:#800000; |
---|
22 | font-weight:bold; |
---|
23 | } |
---|
24 | |
---|
25 | div.infos { |
---|
26 | background:#B0FFB0; |
---|
27 | border:4px solid #208020; |
---|
28 | color:#208020; |
---|
29 | padding:8px; |
---|
30 | } |
---|
31 | div.infos a { |
---|
32 | color:#008000; |
---|
33 | font-weight:bold; |
---|
34 | } |
---|
35 | |
---|
36 | div.errors ul, div.infos ul { |
---|
37 | text-align:justify; |
---|
38 | padding-left:0px; |
---|
39 | } |
---|
40 | |
---|
41 | div.errors ul li, div.infos ul li { |
---|
42 | margin-bottom:4px; |
---|
43 | } |
---|
44 | |
---|
45 | div.ui-widget-overlay { |
---|
46 | background:#101010; |
---|
47 | opacity:0.88; |
---|
48 | filter:alpha(opacity:88); |
---|
49 | position:absolute; |
---|
50 | left:0px; |
---|
51 | top:0px; |
---|
52 | } |
---|
53 | |
---|
54 | .ui-dialog-buttonpane { |
---|
55 | margin-bottom:8px; |
---|
56 | } |
---|
57 | |
---|
58 | |
---|
59 | /* |
---|
60 | page |
---|
61 | */ |
---|
62 | |
---|
63 | body { |
---|
64 | background:#303030 url(./../icon/backgd.png) repeat scroll 0 0; |
---|
65 | color:#dedede; |
---|
66 | } |
---|
67 | |
---|
68 | #the_page { |
---|
69 | display:block; |
---|
70 | margin:auto; |
---|
71 | width:1012px; |
---|
72 | background:transparent; |
---|
73 | } |
---|
74 | |
---|
75 | a { |
---|
76 | color: #0088EE; |
---|
77 | } |
---|
78 | |
---|
79 | A:hover { |
---|
80 | color: #F07D00; |
---|
81 | } |
---|
82 | |
---|
83 | |
---|
84 | a.button, a.navButton { |
---|
85 | display:inline-block; |
---|
86 | /*display:table-cell;*/ |
---|
87 | width:28px; |
---|
88 | height:28px; |
---|
89 | } |
---|
90 | |
---|
91 | a.button, a.navButton, span.button, #icon_menu { |
---|
92 | background-image:url(./../icon/buttons.png); |
---|
93 | background-repeat:no-repeat; |
---|
94 | } |
---|
95 | |
---|
96 | /* menu */ |
---|
97 | #icon_menu.button, #icon_menu.button2 { |
---|
98 | width:28px; |
---|
99 | height:28px; |
---|
100 | display:inline-block; |
---|
101 | } |
---|
102 | #icon_menu.button { |
---|
103 | background-position:0px -84px; |
---|
104 | } |
---|
105 | #icon_menu.button:hover { |
---|
106 | background-position:0px -112px; |
---|
107 | } |
---|
108 | |
---|
109 | #icon_menu.button2 { |
---|
110 | background-position:-28px -84px; |
---|
111 | } |
---|
112 | #icon_menu.button2:hover { |
---|
113 | background-position:-28px -112px; |
---|
114 | } |
---|
115 | |
---|
116 | |
---|
117 | #thePicturePage #icon_menu.button { |
---|
118 | width:22px; |
---|
119 | height:20px; |
---|
120 | background-position:-1400px 0px; |
---|
121 | } |
---|
122 | #thePicturePage #icon_menu.button:hover { |
---|
123 | background-position:-1400px -28px; |
---|
124 | } |
---|
125 | |
---|
126 | #thePicturePage #icon_menu.button2 { |
---|
127 | width:22px; |
---|
128 | height:20px; |
---|
129 | background-position:-1372px 0px; |
---|
130 | } |
---|
131 | #thePicturePage #icon_menu.button2:hover { |
---|
132 | background-position:-1372px -28px; |
---|
133 | } |
---|
134 | |
---|
135 | |
---|
136 | |
---|
137 | |
---|
138 | /* index.tpl */ |
---|
139 | |
---|
140 | #icon_caddie { |
---|
141 | background-position:0px 0; |
---|
142 | } |
---|
143 | #icon_caddie:hover { |
---|
144 | background-position:0px -28px; |
---|
145 | } |
---|
146 | |
---|
147 | #icon_category_edit { |
---|
148 | background-position:-84px 0; |
---|
149 | } |
---|
150 | #icon_category_edit:hover { |
---|
151 | background-position:-84px -28px; |
---|
152 | } |
---|
153 | |
---|
154 | #icon_search_rules { |
---|
155 | background-position:-504px 0; |
---|
156 | } |
---|
157 | #icon_search_rules:hover { |
---|
158 | background-position:-504px -28px; |
---|
159 | } |
---|
160 | |
---|
161 | #icon_start_slideshow { |
---|
162 | background-position:-560px 0; |
---|
163 | } |
---|
164 | #icon_start_slideshow:hover { |
---|
165 | background-position:-560px -28px; |
---|
166 | } |
---|
167 | |
---|
168 | #icon_flat { |
---|
169 | background-position:-252px 0; |
---|
170 | } |
---|
171 | #icon_flat:hover { |
---|
172 | background-position:-252px -28px; |
---|
173 | } |
---|
174 | |
---|
175 | #icon_normal_mode { |
---|
176 | background-position:-392px 0; |
---|
177 | } |
---|
178 | #icon_normal_mode:hover { |
---|
179 | background-position:-392px -28px; |
---|
180 | } |
---|
181 | |
---|
182 | #icon_calendar { |
---|
183 | background-position:-28px 0; |
---|
184 | } |
---|
185 | #icon_calendar:hover { |
---|
186 | background-position:-28px -28px; |
---|
187 | } |
---|
188 | |
---|
189 | #icon_calendar_created { |
---|
190 | background-position:-56px 0; |
---|
191 | } |
---|
192 | #icon_calendar_created:hover { |
---|
193 | background-position:-56px -28px; |
---|
194 | } |
---|
195 | |
---|
196 | /* about.tpl */ |
---|
197 | /* comments.tpl */ |
---|
198 | /* identification.tpl */ |
---|
199 | /* nbm.tpl */ |
---|
200 | /* notification.tpl */ |
---|
201 | /* password.tpl */ |
---|
202 | /* tags.tpl */ |
---|
203 | /* profile.tpl */ |
---|
204 | /* register.tpl */ |
---|
205 | /* upload.tpl */ |
---|
206 | #icon_home { |
---|
207 | background-position:-308px 0; |
---|
208 | } |
---|
209 | #icon_home:hover { |
---|
210 | background-position:-308px -28px; |
---|
211 | } |
---|
212 | |
---|
213 | /* identification.tpl */ |
---|
214 | /* menubar_identification.tpl */ |
---|
215 | #icon_lost_password { |
---|
216 | background-position:-336px 0; |
---|
217 | } |
---|
218 | #icon_lost_password:hover { |
---|
219 | background-position:-336px -28px; |
---|
220 | } |
---|
221 | |
---|
222 | #icon_register, #icon_register2, #icon_register3 { |
---|
223 | background-position:-420px 0; |
---|
224 | } |
---|
225 | #icon_register:hover, #icon_register2:hover, #icon_register3:hover { |
---|
226 | background-position:-420px -28px; |
---|
227 | } |
---|
228 | |
---|
229 | #icon_lost_password, #icon_lost_password2, #icon_lost_password3 { |
---|
230 | background-position:-336px 0; |
---|
231 | } |
---|
232 | #icon_lost_password:hover, #icon_lost_password2:hover, #icon_lost_password3:hover { |
---|
233 | background-position:-336px -28px; |
---|
234 | } |
---|
235 | |
---|
236 | /* menubar_categories.tpl */ |
---|
237 | #icon_start_filter { |
---|
238 | background-position:-1288px 0px; |
---|
239 | height: 28px; |
---|
240 | margin-top: 2px; |
---|
241 | width: 28px; |
---|
242 | } |
---|
243 | #icon_start_filter:hover { |
---|
244 | background-position:-1288px -28px; |
---|
245 | } |
---|
246 | |
---|
247 | #icon_stop_filter { |
---|
248 | background-position:-1316px 0px; |
---|
249 | } |
---|
250 | #icon_stop_filter:hover { |
---|
251 | background-position:-1316px -28px; |
---|
252 | } |
---|
253 | |
---|
254 | /* picture.tpl */ |
---|
255 | #icon_high_res { |
---|
256 | background-position:-224px 0; |
---|
257 | } |
---|
258 | #icon_high_res:hover { |
---|
259 | background-position:-224px -28px; |
---|
260 | } |
---|
261 | |
---|
262 | #icon_stop_slideshow { |
---|
263 | background-position:-532px 0; |
---|
264 | } |
---|
265 | #icon_stop_slideshow:hover { |
---|
266 | background-position:-532px -28px; |
---|
267 | } |
---|
268 | |
---|
269 | #icon_metadata { |
---|
270 | background-position:-364px 0; |
---|
271 | } |
---|
272 | #icon_metadata:hover { |
---|
273 | background-position:-364px -28px; |
---|
274 | } |
---|
275 | |
---|
276 | #icon_save { |
---|
277 | background-position:-476px 0; |
---|
278 | } |
---|
279 | #icon_save:hover { |
---|
280 | background-position:-476px -28px; |
---|
281 | } |
---|
282 | |
---|
283 | #icon_favorite { |
---|
284 | background-position:-168px 0; |
---|
285 | } |
---|
286 | #icon_favorite:hover { |
---|
287 | background-position:-168px -28px; |
---|
288 | } |
---|
289 | |
---|
290 | #icon_del_favorite { |
---|
291 | background-position:-196px 0; |
---|
292 | } |
---|
293 | #icon_del_favorite:hover { |
---|
294 | background-position:-196px -28px; |
---|
295 | } |
---|
296 | |
---|
297 | #icon_delall_favorite { |
---|
298 | background-position:-196px 0; |
---|
299 | } |
---|
300 | #icon_delall_favorite:hover { |
---|
301 | background-position:-196px -28px; |
---|
302 | } |
---|
303 | |
---|
304 | #icon_representative { |
---|
305 | background-position:-448px 0; |
---|
306 | } |
---|
307 | #icon_representative:hover { |
---|
308 | background-position:-448px -28px; |
---|
309 | } |
---|
310 | |
---|
311 | #icon_preferences { |
---|
312 | background-position:-1344px 0; |
---|
313 | } |
---|
314 | #icon_preferences:hover { |
---|
315 | background-position:-1344px -28px; |
---|
316 | } |
---|
317 | |
---|
318 | /* tags.tpl */ |
---|
319 | #icon_cloud { |
---|
320 | background-position:-588px 0; |
---|
321 | } |
---|
322 | #icon_cloud:hover { |
---|
323 | background-position:-588px -28px; |
---|
324 | } |
---|
325 | |
---|
326 | #icon_tag_letters { |
---|
327 | background-position:-616px 0; |
---|
328 | } |
---|
329 | #icon_tag_letters:hover { |
---|
330 | background-position:-616px -28px; |
---|
331 | } |
---|
332 | |
---|
333 | /* picture_nav_buttons.tpl */ |
---|
334 | #icon_last { |
---|
335 | background-position:-896px 0; |
---|
336 | } |
---|
337 | #icon_last:hover { |
---|
338 | background-position:-896px -28px; |
---|
339 | } |
---|
340 | #icon_last_unactive { |
---|
341 | background-position:-896px -56px; |
---|
342 | cursor:default; |
---|
343 | } |
---|
344 | #icon_right { |
---|
345 | background-position:-952px 0; |
---|
346 | } |
---|
347 | #icon_right:hover { |
---|
348 | background-position:-952px -28px; |
---|
349 | } |
---|
350 | #icon_right_unactive { |
---|
351 | background-position:-952px -56px; |
---|
352 | cursor:default; |
---|
353 | } |
---|
354 | #icon_play { |
---|
355 | background-position:-1008px 0; |
---|
356 | } |
---|
357 | #icon_play:hover { |
---|
358 | background-position:-1008px -28px; |
---|
359 | } |
---|
360 | |
---|
361 | #icon_pause { |
---|
362 | background-position:-1036px 0; |
---|
363 | } |
---|
364 | #icon_pause:hover { |
---|
365 | background-position:-1036px -28px; |
---|
366 | } |
---|
367 | |
---|
368 | #icon_up { |
---|
369 | background-position:-980px 0; |
---|
370 | } |
---|
371 | #icon_up:hover { |
---|
372 | background-position:-980px -28px; |
---|
373 | } |
---|
374 | |
---|
375 | #icon_left { |
---|
376 | background-position:-924px 0; |
---|
377 | } |
---|
378 | #icon_left:hover { |
---|
379 | background-position:-924px -28px; |
---|
380 | } |
---|
381 | #icon_left_unactive { |
---|
382 | background-position:-924px -56px; |
---|
383 | cursor:default; |
---|
384 | } |
---|
385 | #icon_first { |
---|
386 | background-position:-868px 0; |
---|
387 | } |
---|
388 | #icon_first:hover { |
---|
389 | background-position:-868px -28px; |
---|
390 | } |
---|
391 | #icon_first_unactive { |
---|
392 | background-position:-868px -56px; |
---|
393 | cursor:default; |
---|
394 | } |
---|
395 | |
---|
396 | #icon_start_repeat { |
---|
397 | background-position:-1092px 0; |
---|
398 | } |
---|
399 | #icon_start_repeat:hover { |
---|
400 | background-position:-1092px -28px; |
---|
401 | } |
---|
402 | |
---|
403 | #icon_stop_repeat { |
---|
404 | background-position:-1064px 0; |
---|
405 | } |
---|
406 | #icon_stop_repeat:hover { |
---|
407 | background-position:-1064px -28px; |
---|
408 | } |
---|
409 | |
---|
410 | #icon_dec_period { |
---|
411 | background-position:-1120px 0; |
---|
412 | } |
---|
413 | #icon_dec_period:hover { |
---|
414 | background-position:-1120px -28px; |
---|
415 | } |
---|
416 | #icon_dec_period_unactive { |
---|
417 | background-position:-1120px -56px; |
---|
418 | cursor:default; |
---|
419 | } |
---|
420 | #icon_inc_period { |
---|
421 | background-position:-1148px 0; |
---|
422 | } |
---|
423 | #icon_inc_period:hover { |
---|
424 | background-position:-1148px -28px; |
---|
425 | } |
---|
426 | #icon_inc_period_unactive { |
---|
427 | background-position:-1148px -56px; |
---|
428 | cursor:default; |
---|
429 | } |
---|
430 | |
---|
431 | /* popuphelp.tpl */ |
---|
432 | /* search_rules.tpl */ |
---|
433 | #icon_exit { |
---|
434 | background-position:-840px 0; |
---|
435 | } |
---|
436 | #icon_exit:hover { |
---|
437 | background-position:-840px -28px; |
---|
438 | } |
---|
439 | |
---|
440 | /* search.tpl */ |
---|
441 | #icon_help { |
---|
442 | background-position:-280px 0; |
---|
443 | } |
---|
444 | #icon_help:hover { |
---|
445 | background-position:-280px -28px; |
---|
446 | } |
---|
447 | |
---|
448 | /* pseudo icons */ |
---|
449 | span.id_recent { |
---|
450 | background-position:-700px -28px; |
---|
451 | height: 16px; |
---|
452 | width: 16px; |
---|
453 | margin: -3px -3px 2px 2px; |
---|
454 | } |
---|
455 | span.id_recent_cat { |
---|
456 | background-position:-700px -28px; |
---|
457 | height: 16px; |
---|
458 | width: 16px; |
---|
459 | position: relative; |
---|
460 | top: -5px; |
---|
461 | left:-6px; |
---|
462 | } |
---|
463 | span.id_recent_cat_by_child { |
---|
464 | background-position:-728px -28px; |
---|
465 | height: 16px; |
---|
466 | width: 18px; |
---|
467 | position: relative; |
---|
468 | left:-6px; |
---|
469 | } |
---|
470 | span.id_delete { |
---|
471 | background-position:-756px 0; |
---|
472 | height: 16px; |
---|
473 | width: 16px; |
---|
474 | } |
---|
475 | span.id_delete:hover { |
---|
476 | background-position:-756px -28px; |
---|
477 | } |
---|
478 | span.id_edit { |
---|
479 | background-position:-784px 0; |
---|
480 | height: 16px; |
---|
481 | width: 16px; |
---|
482 | } |
---|
483 | span.id_edit:hover { |
---|
484 | background-position:-784px -28px; |
---|
485 | } |
---|
486 | span.id_validate { |
---|
487 | background-position:-812px 0; |
---|
488 | height: 16px; |
---|
489 | width: 16px; |
---|
490 | } |
---|
491 | span.id_validate:hover { |
---|
492 | background-position:-812px -28px; |
---|
493 | } |
---|
494 | |
---|
495 | div.description span.id_recent_cat { |
---|
496 | top: 0px; |
---|
497 | left:-4px; |
---|
498 | } |
---|
499 | |
---|
500 | |
---|
501 | |
---|
502 | /* |
---|
503 | * page : header |
---|
504 | */ |
---|
505 | #theHeader { |
---|
506 | background:transparent url(./../icon/skin_top.png) no-repeat scroll 0 0; |
---|
507 | height:120px; |
---|
508 | } |
---|
509 | |
---|
510 | #theHeader h1, #theHeader h2, #theHeader h3, #theHeader p { |
---|
511 | margin:0; |
---|
512 | padding:15px; |
---|
513 | } |
---|
514 | |
---|
515 | |
---|
516 | /* |
---|
517 | page : title |
---|
518 | */ |
---|
519 | .titrePage { |
---|
520 | height:auto; |
---|
521 | padding:0 12px 0 30px; |
---|
522 | min-height:31px; |
---|
523 | } |
---|
524 | |
---|
525 | .titrePageEmpty { |
---|
526 | height:0px; |
---|
527 | min-height:0px; |
---|
528 | } |
---|
529 | |
---|
530 | |
---|
531 | .titrePage, .navigationBar, #imageHeaderBar { |
---|
532 | background:#303030 url(./../icon/backgd.png) repeat scroll 0 0; |
---|
533 | border-left:1px solid #FFFFFF; |
---|
534 | border-right:1px solid #FFFFFF; |
---|
535 | margin-left:8px; |
---|
536 | margin-right:10px; |
---|
537 | padding-left:8px; |
---|
538 | padding-right:8px; |
---|
539 | } |
---|
540 | |
---|
541 | .titrePage .categoryActions { |
---|
542 | padding-top:2px; |
---|
543 | height:28px; |
---|
544 | } |
---|
545 | |
---|
546 | #titrePageID { |
---|
547 | min-height:62px; |
---|
548 | height:auto; |
---|
549 | padding-bottom:1px; |
---|
550 | } |
---|
551 | |
---|
552 | /* |
---|
553 | * page content |
---|
554 | */ |
---|
555 | #content { |
---|
556 | background:transparent url(./../icon/skin_page.png) repeat scroll 0 0; |
---|
557 | min-height:450px; |
---|
558 | } |
---|
559 | |
---|
560 | #content h2 { |
---|
561 | clear:left; |
---|
562 | } |
---|
563 | |
---|
564 | #content2 { |
---|
565 | padding:8px; |
---|
566 | } |
---|
567 | |
---|
568 | /* |
---|
569 | * page : identification, register, profile |
---|
570 | */ |
---|
571 | #identification, #register, #profile { |
---|
572 | margin:0; |
---|
573 | padding:16px; |
---|
574 | } |
---|
575 | |
---|
576 | /* |
---|
577 | page content : thumbnails |
---|
578 | */ |
---|
579 | |
---|
580 | #additional_infoTOP, #additional_infoBOTTOM { |
---|
581 | background-color:#101010; |
---|
582 | -moz-border-radius:8px; |
---|
583 | -webkit-border-radius:8px; |
---|
584 | -khtml-border-radius:8px; |
---|
585 | border-radius:8px; |
---|
586 | margin:12px 26px 16px 16px; |
---|
587 | } |
---|
588 | |
---|
589 | .additional_info { |
---|
590 | border-right:1px #303030 dotted; |
---|
591 | padding:8px 8px 8px 16px; |
---|
592 | } |
---|
593 | |
---|
594 | #thumbnails { |
---|
595 | font-size:80%; |
---|
596 | font-weight:bold; |
---|
597 | } |
---|
598 | |
---|
599 | /* |
---|
600 | page content : categories thumbnails |
---|
601 | */ |
---|
602 | |
---|
603 | #subContent { |
---|
604 | padding:0px; |
---|
605 | clear:both; |
---|
606 | } |
---|
607 | |
---|
608 | #subContent h2 { |
---|
609 | font-size: 150%; |
---|
610 | border-bottom:1px solid #303030; |
---|
611 | padding-bottom:4px; |
---|
612 | } |
---|
613 | |
---|
614 | |
---|
615 | .thumbnailCategory { |
---|
616 | background-color: #101010; |
---|
617 | border:2px solid #000000; |
---|
618 | display:block; |
---|
619 | margin:8px; |
---|
620 | padding:8px 8px 0 4px; |
---|
621 | -moz-border-radius:12px; |
---|
622 | -webkit-border-radius:12px; |
---|
623 | -khtml-border-radius:12px; |
---|
624 | border-radius:12px; |
---|
625 | } |
---|
626 | |
---|
627 | .thumbnailCategory:hover { |
---|
628 | background-color:#dedede; |
---|
629 | border:2px solid #0088EE; |
---|
630 | color:#101010; |
---|
631 | } |
---|
632 | |
---|
633 | ul.thumbnailCategories { |
---|
634 | padding:16px 0 0; |
---|
635 | } |
---|
636 | |
---|
637 | ul.thumbnailCategories li { |
---|
638 | float:none; |
---|
639 | margin:auto; |
---|
640 | width:96%; |
---|
641 | } |
---|
642 | |
---|
643 | #thumbContents { |
---|
644 | margin:0px; |
---|
645 | } |
---|
646 | |
---|
647 | .illustration { |
---|
648 | text-align:center; |
---|
649 | padding-left:20px; |
---|
650 | padding-right:20px; |
---|
651 | } |
---|
652 | |
---|
653 | li.odd1 .illustration { |
---|
654 | float:right; |
---|
655 | } |
---|
656 | |
---|
657 | |
---|
658 | .illustration a img { |
---|
659 | border:2px #ffffff solid; |
---|
660 | } |
---|
661 | |
---|
662 | p.thumbCatDesc { |
---|
663 | border-top:1px #303030 dotted; |
---|
664 | text-align:justify; |
---|
665 | } |
---|
666 | |
---|
667 | p.thumbCatDescNbImg { |
---|
668 | text-align:right; |
---|
669 | font-style:italic; |
---|
670 | } |
---|
671 | |
---|
672 | .content ul.thumbnails img, #linkPrev img, #linkNext img { |
---|
673 | border:1px solid #FFFFFF; |
---|
674 | } |
---|
675 | |
---|
676 | .content ul.thumbnails img.newImage { |
---|
677 | border:none; |
---|
678 | left:5px; |
---|
679 | top:-2px; |
---|
680 | position:relative; |
---|
681 | } |
---|
682 | |
---|
683 | .content ul.thumbnails span.wrap2 { |
---|
684 | display:table-cell; |
---|
685 | margin:0; |
---|
686 | vertical-align:middle; |
---|
687 | height:140px; |
---|
688 | width:140px; |
---|
689 | -moz-border-radius: 8px; /* round corners with Geko */ |
---|
690 | -webkit-border-radius: 8px; /* round corners with webkit */ |
---|
691 | -khtml-border-radius: 8px; /* round corners with khtml */ |
---|
692 | border-radius:8px; /* round corners with CSS3 compliant browsers */ |
---|
693 | background-color:#101010; |
---|
694 | border:none; |
---|
695 | } |
---|
696 | |
---|
697 | #content UL.thumbnails SPAN.wrap2:hover { |
---|
698 | background-color: #FFFFFF; |
---|
699 | } |
---|
700 | |
---|
701 | table.wrap1 { |
---|
702 | padding:25px 50px; |
---|
703 | } |
---|
704 | |
---|
705 | /* |
---|
706 | * page :search |
---|
707 | */ |
---|
708 | form.filter { |
---|
709 | margin:0; |
---|
710 | padding:16px; |
---|
711 | } |
---|
712 | |
---|
713 | /* |
---|
714 | * page:help |
---|
715 | */ |
---|
716 | .help { |
---|
717 | margin:8px; |
---|
718 | } |
---|
719 | |
---|
720 | /* |
---|
721 | page : copyright |
---|
722 | */ |
---|
723 | #copyright { |
---|
724 | font-size:10px; |
---|
725 | background:transparent url(./../icon/skin_bottom.png) no-repeat; |
---|
726 | width:1012px; |
---|
727 | height:45px; |
---|
728 | padding:16px; |
---|
729 | position:relative; |
---|
730 | color:#dedede; |
---|
731 | z-index:800; |
---|
732 | } |
---|
733 | |
---|
734 | /* |
---|
735 | page : menubar |
---|
736 | */ |
---|
737 | #menubar { |
---|
738 | display:block; |
---|
739 | width:100%; |
---|
740 | z-index:1000; |
---|
741 | height:30px; |
---|
742 | margin:0; |
---|
743 | padding:0; |
---|
744 | position:relative; |
---|
745 | visibility:visible; |
---|
746 | overflow:visible; |
---|
747 | left:-6px; |
---|
748 | } |
---|
749 | |
---|
750 | #menubar dt { |
---|
751 | font-size:120%; |
---|
752 | font-weight:bold; |
---|
753 | cursor:default; |
---|
754 | z-index:1010; |
---|
755 | } |
---|
756 | |
---|
757 | #menubar dt a { |
---|
758 | color:#dedede; |
---|
759 | } |
---|
760 | |
---|
761 | #menubar dl:hover dt:hover, #menubar dl:hover dt a:hover { |
---|
762 | color:#F07D00; |
---|
763 | } |
---|
764 | |
---|
765 | #menubar dl:hover dt, #menubar dl:hover dt a { |
---|
766 | color:#0088EE; |
---|
767 | } |
---|
768 | |
---|
769 | #menubar dl { |
---|
770 | float:left; |
---|
771 | margin:1px 1px 1px 10px; |
---|
772 | padding:0px 6px 0; |
---|
773 | max-height:30px; |
---|
774 | } |
---|
775 | |
---|
776 | #menubar dl:hover { |
---|
777 | background-color:#000000; |
---|
778 | border:1px #ffffff solid; |
---|
779 | border-bottom:none; |
---|
780 | -moz-border-radius-topleft:12px; |
---|
781 | -moz-border-radius-topright:12px; |
---|
782 | -webkit-border-top-left-radius:12px; |
---|
783 | -webkit-border-top-right-radius:12px; |
---|
784 | -khtml-border-top-left-radius: 12px; |
---|
785 | -khtml-border-top-right-radius: 12px; |
---|
786 | border-radius:12px 12px 0 0; |
---|
787 | margin:-4px 0px 0px 9px; |
---|
788 | padding-top:4px; |
---|
789 | } |
---|
790 | |
---|
791 | #menubar ul { |
---|
792 | list-style-type:disc; |
---|
793 | font-size:92%; |
---|
794 | margin:8px 0 0; |
---|
795 | padding:0 0 0 10px; |
---|
796 | } |
---|
797 | |
---|
798 | #menubar ul ul { |
---|
799 | font-size:100%; |
---|
800 | padding-bottom:0px; |
---|
801 | padding-top:0px; |
---|
802 | } |
---|
803 | |
---|
804 | #menubar dt .button { |
---|
805 | left:-4px; |
---|
806 | top:-5px; |
---|
807 | float:left; |
---|
808 | } |
---|
809 | |
---|
810 | #menubar p.totalImages { |
---|
811 | font-size:80%; |
---|
812 | } |
---|
813 | |
---|
814 | |
---|
815 | div#menubar dd, |
---|
816 | div#menubar ul ul, |
---|
817 | div#menubar ul li:hover ul ul, |
---|
818 | div#menubar ul ul li:hover ul ul, |
---|
819 | div#menubar ul ul ul li:hover ul ul, |
---|
820 | div#menubar ul ul ul ul li:hover ul ul, |
---|
821 | div#menubar ul ul ul ul ul li:hover ul ul, |
---|
822 | div#menubar ul ul ul ul ul ul li:hover ul ul { |
---|
823 | display:none; |
---|
824 | } |
---|
825 | |
---|
826 | #menubar dd ul ul { |
---|
827 | -moz-border-radius:4px; |
---|
828 | -webkit-border-radius:4px; |
---|
829 | -khtml-border-radius:4px; |
---|
830 | border-radius:4px; |
---|
831 | left:99%; |
---|
832 | position:absolute; |
---|
833 | padding-top:8px; |
---|
834 | padding-bottom:8px; |
---|
835 | padding-left:10px; |
---|
836 | margin:-23px 0px 0px -8px; /* for FF, Opera, Safari... */ |
---|
837 | #margin:-8px 0px 0px -8px; /* for the M$IE (f**k M$IE and the bad tips) */ |
---|
838 | } |
---|
839 | |
---|
840 | div#menubar dl:hover dd, |
---|
841 | div#menubar ul li:hover ul, |
---|
842 | div#menubar ul ul li:hover ul, |
---|
843 | div#menubar ul ul ul li:hover ul, |
---|
844 | div#menubar ul ul ul ul li:hover ul, |
---|
845 | div#menubar ul ul ul ul ul li:hover ul, |
---|
846 | div#menubar ul ul ul ul ul ul li:hover ul, |
---|
847 | div#menubar ul ul ul ul ul ul ul li:hover ul { |
---|
848 | display:block; |
---|
849 | background:#000000; |
---|
850 | border:1px solid #ffffff; |
---|
851 | padding-bottom:6px; |
---|
852 | min-width:180px; |
---|
853 | } |
---|
854 | |
---|
855 | #menubar dd { |
---|
856 | position:absolute; |
---|
857 | z-index:-1; |
---|
858 | margin:-1px 0 0 -7px; |
---|
859 | -moz-border-radius-bottomleft:4px; |
---|
860 | -moz-border-radius-bottomright:4px; |
---|
861 | -webkit-border-bottom-left-radius:4px; |
---|
862 | -webkit-border-bottom-right-radius:4px; |
---|
863 | -khtml-border-bottom-left-radius:4px; |
---|
864 | -khtml-border-bottom-right-radius:4px; |
---|
865 | border-radius:0px 4px; |
---|
866 | } |
---|
867 | |
---|
868 | |
---|
869 | #menubar li { |
---|
870 | padding:0px; |
---|
871 | padding-right:8px; |
---|
872 | margin-left:8px; |
---|
873 | } |
---|
874 | |
---|
875 | #mbCategories dt { |
---|
876 | height:18px; |
---|
877 | overflow:hidden; |
---|
878 | } |
---|
879 | |
---|
880 | |
---|
881 | /* |
---|
882 | calendar bar |
---|
883 | */ |
---|
884 | .calendarBar { |
---|
885 | margin-top:2px; |
---|
886 | text-align:center; |
---|
887 | padding:0 15px; |
---|
888 | } |
---|
889 | span.calItemP { |
---|
890 | float:left; |
---|
891 | } |
---|
892 | span.calItemN { |
---|
893 | float:right; |
---|
894 | } |
---|
895 | |
---|
896 | span.calItem, span.calItemEmpty { |
---|
897 | display:inline-table; |
---|
898 | margin:1px; |
---|
899 | min-width:15px; |
---|
900 | padding-left:2px; |
---|
901 | padding-right:2px; |
---|
902 | border:1px solid #303030; |
---|
903 | font-weight:bold; |
---|
904 | } |
---|
905 | |
---|
906 | td.calDayHead { |
---|
907 | font-size:14px; |
---|
908 | font-weight:normal; |
---|
909 | padding-bottom:12px; |
---|
910 | } |
---|
911 | |
---|
912 | table.calMonth tbody td.calDayCellFull, table.calMonth tbody td.calDayCellEmpty { |
---|
913 | border:1px solid #101010; |
---|
914 | overflow:hidden; |
---|
915 | } |
---|
916 | |
---|
917 | .calBackDate { |
---|
918 | color:#000000; |
---|
919 | padding-left:10px; |
---|
920 | padding-top:7px; |
---|
921 | } |
---|
922 | .calForeDate { |
---|
923 | color: #fff; |
---|
924 | padding-left:10px; |
---|
925 | padding-top:6px; |
---|
926 | } |
---|
927 | |
---|
928 | table.calMonth tbody td.calDayCellEmpty, table.calMonth tbody td.calDayCellBlank { |
---|
929 | height:97px; |
---|
930 | width:84px; |
---|
931 | } |
---|
932 | |
---|
933 | td.calDayCellEmpty { |
---|
934 | color:#303030; |
---|
935 | padding-left:12px; |
---|
936 | padding-top:8px; |
---|
937 | } |
---|
938 | |
---|
939 | div.calImg { |
---|
940 | position:relative; |
---|
941 | left:8px; |
---|
942 | top:8px; |
---|
943 | } |
---|
944 | |
---|
945 | |
---|
946 | .calendarCalBar { |
---|
947 | border-bottom:1px dotted #606060; |
---|
948 | padding-left:16px; |
---|
949 | padding-top:8px; |
---|
950 | margin-left:8px; |
---|
951 | margin-right:12px; |
---|
952 | } |
---|
953 | |
---|
954 | table.calMonth { |
---|
955 | margin-left:auto; |
---|
956 | margin-right:auto; |
---|
957 | left:0px; |
---|
958 | } |
---|
959 | |
---|
960 | table.calMonth td.calDayCellFull:hover { |
---|
961 | background-color:#ffffff; |
---|
962 | } |
---|
963 | |
---|
964 | |
---|
965 | |
---|
966 | /* |
---|
967 | inputs |
---|
968 | */ |
---|
969 | input[type="text"], input[type="password"], select, textarea, file { |
---|
970 | font-family: monospace; |
---|
971 | background: #f0f0f0; |
---|
972 | color:#333333; |
---|
973 | border:none; |
---|
974 | margin:0px; |
---|
975 | max-width:640px; |
---|
976 | } |
---|
977 | |
---|
978 | input:focus, select:focus { |
---|
979 | background: #ffffff; |
---|
980 | color:#000000; |
---|
981 | } |
---|
982 | |
---|
983 | input[type="submit"], input[type="button"], input[type="reset"], button { |
---|
984 | font-family: monospace; |
---|
985 | border-bottom:1px #606060 solid; |
---|
986 | border-right:1px #606060 solid; |
---|
987 | border-top:1px #ffffff solid; |
---|
988 | border-left:1px #ffffff solid; |
---|
989 | } |
---|
990 | |
---|
991 | input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { |
---|
992 | border-bottom:1px #ffffff solid; |
---|
993 | border-right:1px #ffffff solid; |
---|
994 | border-top:1px #606060 solid; |
---|
995 | border-left:1px #606060 solid; |
---|
996 | } |
---|
997 | |
---|
998 | fieldset { |
---|
999 | border:1px #606060 dotted; |
---|
1000 | margin:3px; |
---|
1001 | padding:8px; |
---|
1002 | } |
---|
1003 | |
---|
1004 | fieldset legend { |
---|
1005 | padding-left:3px; |
---|
1006 | padding-right:3px; |
---|
1007 | background:#000000; |
---|
1008 | } |
---|
1009 | |
---|
1010 | |
---|
1011 | |
---|
1012 | /* |
---|
1013 | picture page |
---|
1014 | */ |
---|
1015 | #thePicturePage #titrePageID { |
---|
1016 | background: none repeat scroll 0 0 transparent; |
---|
1017 | border: medium none; |
---|
1018 | clear: both; |
---|
1019 | height: auto; |
---|
1020 | margin: 0 0 2px; |
---|
1021 | min-height:0; |
---|
1022 | } |
---|
1023 | |
---|
1024 | #imageHeaderBar { |
---|
1025 | height:20px; |
---|
1026 | } |
---|
1027 | #imageHeaderBar.menu { |
---|
1028 | height:53px; |
---|
1029 | } |
---|
1030 | |
---|
1031 | .imageNumber { |
---|
1032 | border:1px #999999 solid; |
---|
1033 | } |
---|
1034 | |
---|
1035 | #theImage { |
---|
1036 | position:static; |
---|
1037 | padding-bottom:0px; |
---|
1038 | } |
---|
1039 | |
---|
1040 | #theImage p { |
---|
1041 | margin:0; |
---|
1042 | } |
---|
1043 | |
---|
1044 | #theImgContainer { |
---|
1045 | border:8px #ffffff solid; |
---|
1046 | margin-top:30px; |
---|
1047 | } |
---|
1048 | |
---|
1049 | #theImgHighBg { |
---|
1050 | background-color:#000000; |
---|
1051 | opacity:0.88; |
---|
1052 | filter:alpha(opacity:88); |
---|
1053 | } |
---|
1054 | |
---|
1055 | #theImgHighContainer { |
---|
1056 | -moz-border-radius:10px; |
---|
1057 | -webkit-border-radius:10px; |
---|
1058 | -khtml-border-radius:10px; |
---|
1059 | border-radius:10px; |
---|
1060 | background:#FFFFFF url(./../icon/processing.gif) no-repeat scroll 82px 42px; |
---|
1061 | } |
---|
1062 | |
---|
1063 | #theImgHighCloseButton { |
---|
1064 | width:28px; |
---|
1065 | height:28px; |
---|
1066 | background:transparent url(./../icon/close_high.png) no-repeat scroll 0px 0px; |
---|
1067 | top:15px; |
---|
1068 | right:-15px; |
---|
1069 | cursor:pointer; |
---|
1070 | } |
---|
1071 | |
---|
1072 | #theImgHighZoomButton { |
---|
1073 | width:28px; |
---|
1074 | height:28px; |
---|
1075 | top:45px; |
---|
1076 | right:-15px; |
---|
1077 | cursor:pointer; |
---|
1078 | } |
---|
1079 | |
---|
1080 | #theImgHighZoomButton.fit { |
---|
1081 | background:transparent url(./../icon/zoom_fit_high.png) no-repeat scroll 0px 0px; |
---|
1082 | } |
---|
1083 | |
---|
1084 | #theImgHighZoomButton.full { |
---|
1085 | background:transparent url(./../icon/zoom_1-1_high.png) no-repeat scroll 0px 0px; |
---|
1086 | } |
---|
1087 | |
---|
1088 | |
---|
1089 | #imageHeaderBar.browsePath h2 { |
---|
1090 | font-weight:normal; |
---|
1091 | } |
---|
1092 | |
---|
1093 | #imageToolBar { |
---|
1094 | height:37px; |
---|
1095 | top:0px; |
---|
1096 | overflow:visible; |
---|
1097 | margin-left:9px; |
---|
1098 | width:992px; |
---|
1099 | } |
---|
1100 | |
---|
1101 | .imageToolBarBg { |
---|
1102 | background:#303030 url(./../icon/backgd.png) repeat scroll 0 -2px; |
---|
1103 | z-index:-1; |
---|
1104 | left:0px; |
---|
1105 | } |
---|
1106 | |
---|
1107 | #imageToolBar h2 { |
---|
1108 | color:#f0f0f0; |
---|
1109 | margin-top:6px; |
---|
1110 | } |
---|
1111 | |
---|
1112 | #navThumbNext { |
---|
1113 | right:auto; |
---|
1114 | margin-left:824px; |
---|
1115 | } |
---|
1116 | |
---|
1117 | #navThumbPrev { |
---|
1118 | left:auto; |
---|
1119 | margin-left:-14px; |
---|
1120 | } |
---|
1121 | |
---|
1122 | #navThumbNext, #navThumbPrev { |
---|
1123 | top:310px; |
---|
1124 | max-height:200px; |
---|
1125 | height:200px; |
---|
1126 | } |
---|
1127 | |
---|
1128 | #navThumbPrevContainer, #navThumbNextContainer { |
---|
1129 | height:200px; |
---|
1130 | } |
---|
1131 | |
---|
1132 | .navThumbPrevContent a img, .navThumbNextContent a img { |
---|
1133 | border:1px #606060 solid; |
---|
1134 | } |
---|
1135 | |
---|
1136 | .navThumbPrevContent a:hover img, .navThumbNextContent a:hover img { |
---|
1137 | border:1px #f0f0f0 solid; |
---|
1138 | } |
---|
1139 | |
---|
1140 | .navThumbNextBg, .navThumbPrevBg { |
---|
1141 | -moz-border-radius:12px; |
---|
1142 | -webkit-border-radius:12px; |
---|
1143 | -khtml-border-radius:12px; |
---|
1144 | border-radius:12px; |
---|
1145 | background:#303030 url(./../icon/backgd.png); |
---|
1146 | border:1px solid #ffffff; |
---|
1147 | height:180px; |
---|
1148 | width:180px; |
---|
1149 | margin:10px; |
---|
1150 | } |
---|
1151 | |
---|
1152 | #navThumbNextContainer:hover div.navThumbNextBg, |
---|
1153 | #navThumbPrevContainer:hover div.navThumbPrevBg { |
---|
1154 | background:#ffffff; |
---|
1155 | } |
---|
1156 | |
---|
1157 | |
---|
1158 | #imageInfos { |
---|
1159 | z-index:100; |
---|
1160 | } |
---|
1161 | |
---|
1162 | #imageInfosContainer { |
---|
1163 | padding-bottom:8px; |
---|
1164 | } |
---|
1165 | |
---|
1166 | .infoTable { |
---|
1167 | margin:auto; |
---|
1168 | font-size:90%; |
---|
1169 | max-width:94%; |
---|
1170 | color:#f0f0f0; |
---|
1171 | z-index:200; |
---|
1172 | border-collapse:collapse; |
---|
1173 | position:relative; |
---|
1174 | left:25px; |
---|
1175 | } |
---|
1176 | |
---|
1177 | .infoTable td { |
---|
1178 | padding-bottom:5px; |
---|
1179 | padding-left:4px; |
---|
1180 | padding-right:5px; |
---|
1181 | } |
---|
1182 | |
---|
1183 | .infoTable td.value, .infoTable td.label { |
---|
1184 | padding-right:50px; |
---|
1185 | } |
---|
1186 | |
---|
1187 | .infoTable .label { |
---|
1188 | font-weight:bold; |
---|
1189 | border-left:1px dotted #606060; |
---|
1190 | } |
---|
1191 | |
---|
1192 | .infoTable tr:hover { |
---|
1193 | color:#0088EE; |
---|
1194 | cursor:default; |
---|
1195 | } |
---|
1196 | .infoTable tr.emptyrow td { |
---|
1197 | height:4px; |
---|
1198 | padding:0px; |
---|
1199 | } |
---|
1200 | |
---|
1201 | .imageMeta { |
---|
1202 | padding-top:16px; |
---|
1203 | } |
---|
1204 | |
---|
1205 | #updateRate { |
---|
1206 | margin-right:25px; |
---|
1207 | float:left; |
---|
1208 | } |
---|
1209 | #rateForm { |
---|
1210 | float:left; |
---|
1211 | position:relative; |
---|
1212 | top:-2px; |
---|
1213 | } |
---|
1214 | #rateForm input[type="button"].rateButtonStarFull, |
---|
1215 | #rateForm input[type="button"].rateButtonStarFull:focus, |
---|
1216 | #rateForm input[type="submit"].rateButtonStarFull { |
---|
1217 | background: url('./../icon/rating-stars.png') no-repeat scroll; background-position:-16px center; width:16px; |
---|
1218 | } |
---|
1219 | |
---|
1220 | #rateForm input[type="button"].rateButtonStarEmpty, |
---|
1221 | #rateForm input[type="button"].rateButtonStarEmpty:focus, |
---|
1222 | #rateForm input[type="submit"].rateButtonStarEmpty { |
---|
1223 | background: url('./../icon/rating-stars.png') no-repeat scroll; background-position:0 center; width:16px; |
---|
1224 | } |
---|
1225 | |
---|
1226 | #rateForm input[type="button"], |
---|
1227 | #rateForm input[type="button"]:active, |
---|
1228 | #rateForm input[type="submit"], |
---|
1229 | #rateForm input[type="submit"]:active { |
---|
1230 | cursor:pointer; |
---|
1231 | border:none; |
---|
1232 | padding:0; |
---|
1233 | } |
---|
1234 | |
---|
1235 | .commentList { |
---|
1236 | margin-left:8px; |
---|
1237 | padding:10px 4px 10px 10px; |
---|
1238 | } |
---|
1239 | |
---|
1240 | #theCommentsPage ul.commentList { |
---|
1241 | margin-bottom:0; |
---|
1242 | margin-left:8px; |
---|
1243 | margin-right:8px; |
---|
1244 | padding-left:0px; |
---|
1245 | } |
---|
1246 | |
---|
1247 | .commentDetail { |
---|
1248 | border-bottom:1px dotted #606060; |
---|
1249 | } |
---|
1250 | |
---|
1251 | .commentDetail ul { |
---|
1252 | list-style-type:none; |
---|
1253 | padding:4px; |
---|
1254 | } |
---|
1255 | |
---|
1256 | .commentDetail ul li { |
---|
1257 | display:inline; |
---|
1258 | } |
---|
1259 | |
---|
1260 | .commentDetail .description .author, |
---|
1261 | .commentDetail .description .date { |
---|
1262 | font-weight:bold; |
---|
1263 | color:#f0f0f0; |
---|
1264 | } |
---|
1265 | |
---|
1266 | .commentDetail .description blockquote { |
---|
1267 | margin:0; |
---|
1268 | padding:4px 4px 8px 12px; |
---|
1269 | text-align:justify; |
---|
1270 | } |
---|
1271 | |
---|
1272 | .commentDetail fieldset legend { |
---|
1273 | background:none; |
---|
1274 | } |
---|
1275 | |
---|
1276 | #titleComment h3:hover { |
---|
1277 | background:#303030; |
---|
1278 | } |
---|
1279 | |
---|
1280 | .comment_icon { |
---|
1281 | margin-left:5px; |
---|
1282 | padding:0; |
---|
1283 | position:absolute; |
---|
1284 | } |
---|
1285 | |
---|
1286 | #theCommentContainer { |
---|
1287 | clear:both; |
---|
1288 | } |
---|
1289 | |
---|
1290 | #theCommentContainer input, #theCommentContainer textarea { |
---|
1291 | max-width:458px; |
---|
1292 | } |
---|
1293 | |
---|
1294 | #theCommentContainer #contentEditId { |
---|
1295 | max-width:410px; |
---|
1296 | } |
---|
1297 | |
---|
1298 | #theCommentContainer form { |
---|
1299 | padding-right:8px; |
---|
1300 | padding-left:8px; |
---|
1301 | padding-top:0px; |
---|
1302 | } |
---|
1303 | |
---|
1304 | #theCommentList { |
---|
1305 | width:489px; |
---|
1306 | height:75%; |
---|
1307 | } |
---|
1308 | |
---|
1309 | /* |
---|
1310 | * tabs |
---|
1311 | */ |
---|
1312 | #theTabs { |
---|
1313 | } |
---|
1314 | |
---|
1315 | #theTabsBg { |
---|
1316 | background:#303030 url(./../icon/backgd.png) repeat scroll 0 0; |
---|
1317 | border-bottom:1px solid #606060; |
---|
1318 | } |
---|
1319 | |
---|
1320 | #theTabsheets { |
---|
1321 | margin:6px 0 0; |
---|
1322 | } |
---|
1323 | |
---|
1324 | #theTabsheets li.tab { |
---|
1325 | -moz-border-radius:4px; |
---|
1326 | -webkit-border-radius:4px; |
---|
1327 | -khtml-border-radius:4px; |
---|
1328 | border-radius:4px; |
---|
1329 | background-color:#303030; |
---|
1330 | border:1px solid #606060; |
---|
1331 | display:block; |
---|
1332 | float:left; |
---|
1333 | margin:0 0 0 4px; |
---|
1334 | padding:2px 8px; |
---|
1335 | position:relative; |
---|
1336 | top:-2px; |
---|
1337 | } |
---|
1338 | |
---|
1339 | #theTabsheets li.ui-tabs-selected { |
---|
1340 | border-bottom-width:3px; |
---|
1341 | padding:4px 8px; |
---|
1342 | top:-3px; |
---|
1343 | } |
---|
1344 | |
---|
1345 | #theTabsContainer { |
---|
1346 | margin-left:9px; |
---|
1347 | position:absolute; |
---|
1348 | width:992px; |
---|
1349 | } |
---|
1350 | |
---|
1351 | #theTabsContainer .navigationBar { |
---|
1352 | background:transparent; |
---|
1353 | margin:0px; |
---|
1354 | border:none; |
---|
1355 | float:right; |
---|
1356 | } |
---|
1357 | |
---|
1358 | |
---|
1359 | |
---|
1360 | /* |
---|
1361 | tags |
---|
1362 | */ |
---|
1363 | |
---|
1364 | #fullTagCloud SPAN a:hover { |
---|
1365 | background:#303030 url(./../icon/backgd.png) repeat scroll 0 0; |
---|
1366 | -moz-border-radius:3px; |
---|
1367 | -webkit-border-radius:3px; |
---|
1368 | -khtml-border-radius:3px; |
---|
1369 | border-radius:3px; |
---|
1370 | } |
---|
1371 | |
---|
1372 | #menuTagCloud SPAN { |
---|
1373 | margin:0px; |
---|
1374 | } |
---|
1375 | |
---|
1376 | #fullTagCloud span a { |
---|
1377 | padding:4px; |
---|
1378 | margin:0px; |
---|
1379 | } |
---|
1380 | |
---|
1381 | #fullTagCloud { |
---|
1382 | padding:8px 16px; |
---|
1383 | margin:0px; |
---|
1384 | } |
---|
1385 | |
---|
1386 | .tagLetters { |
---|
1387 | padding:8px 16px; |
---|
1388 | } |
---|
1389 | |
---|
1390 | .nbEntries { |
---|
1391 | text-align:right; |
---|
1392 | padding-left:20px; |
---|
1393 | } |
---|
1394 | |
---|
1395 | .tagaddbutton { |
---|
1396 | left:-4px; |
---|
1397 | position:relative; |
---|
1398 | top:-3px; |
---|
1399 | } |
---|
1400 | |
---|
1401 | |
---|
1402 | .mandatorystar { |
---|
1403 | color:#A04040; |
---|
1404 | } |
---|
1405 | |
---|
1406 | .mandatorynfo { |
---|
1407 | font-size:90%; |
---|
1408 | margin:0 0 4px 8px |
---|
1409 | } |
---|
1410 | |
---|
1411 | /* |
---|
1412 | help |
---|
1413 | */ |
---|
1414 | #thePopuphelpPage h1 { |
---|
1415 | background:transparent; |
---|
1416 | padding-top:30px; |
---|
1417 | } |
---|
1418 | |
---|
1419 | |
---|
1420 | #thePopuphelpPage #the_page { |
---|
1421 | width:auto; |
---|
1422 | } |
---|
1423 | |
---|
1424 | #thePopuphelpPage #theHeader { |
---|
1425 | -moz-border-radius-topleft:12px; |
---|
1426 | -moz-border-radius-topright:12px; |
---|
1427 | -webkit-border-top-left-radius:12px; |
---|
1428 | -webkit-border-top-right-radius:12px; |
---|
1429 | -khtml-border-top-left-radius:12px; |
---|
1430 | -khtml-border-top-right-radius:12px; |
---|
1431 | border-radius:12px 0px; |
---|
1432 | background:#000000 none repeat scroll 0 0; |
---|
1433 | border-color:#FFFFFF; |
---|
1434 | border-style:solid solid none; |
---|
1435 | border-width:1px 1px medium; |
---|
1436 | height:80px; |
---|
1437 | margin:8px 8px 0; |
---|
1438 | } |
---|
1439 | |
---|
1440 | #thePopuphelpPage #content { |
---|
1441 | background:#000000 none repeat scroll 0 0; |
---|
1442 | border-color:-moz-use-text-color #FFFFFF; |
---|
1443 | border-style:none solid; |
---|
1444 | border-width:medium 1px; |
---|
1445 | margin:0 8px; |
---|
1446 | min-height:0; |
---|
1447 | padding:16px; |
---|
1448 | } |
---|
1449 | |
---|
1450 | #thePopuphelpPage #copyright { |
---|
1451 | -moz-border-radius-bottomleft:12px; |
---|
1452 | -moz-border-radius-bottomright:12px; |
---|
1453 | -webkit-border-bottom-left-radius:12px; |
---|
1454 | -webkit-border-bottom-right-radius:12px; |
---|
1455 | -khtml-border-bottom-left-radius:12px; |
---|
1456 | -khtml-border-bottom-right-radius:12px; |
---|
1457 | border-radius:0px 12px; |
---|
1458 | background:#000000 none repeat scroll 0 0; |
---|
1459 | border-color:#FFFFFF; |
---|
1460 | border-style:none solid solid; |
---|
1461 | border-width:1px; |
---|
1462 | height:25px; |
---|
1463 | margin:0 8px 8px; |
---|
1464 | width:auto; |
---|
1465 | } |
---|
1466 | |
---|
1467 | #thePopuphelpPage ul.categoryActions { |
---|
1468 | margin:-16px 0 0; |
---|
1469 | padding:0; |
---|
1470 | } |
---|
1471 | |
---|
1472 | /* |
---|
1473 | * diaporama |
---|
1474 | */ |
---|
1475 | #imageHeaderBar h2.showtitle { |
---|
1476 | display:inline; |
---|
1477 | } |
---|
1478 | |
---|
1479 | #imageHeaderBar div.slideShow { |
---|
1480 | padding:2px 0 0 5px; |
---|
1481 | } |
---|
1482 | |
---|
1483 | /* |
---|
1484 | vd language switch plugin |
---|
1485 | */ |
---|
1486 | div.content ul.categoryActions li.menuf ul li a, |
---|
1487 | div.content ul.categoryActions li.menuf ul li a:visited { |
---|
1488 | height:27px; |
---|
1489 | line-height:27px; |
---|
1490 | } |
---|
1491 | |
---|
1492 | div.content ul.categoryActions li.menuf ul.flag-pan .flags:hover, .menuf a img.flags { |
---|
1493 | border:1px solid #303030; |
---|
1494 | } |
---|
1495 | |
---|
1496 | div.content ul.categoryActions li.menuf ul.flag-pan .flags { |
---|
1497 | border:1px solid #000000; |
---|
1498 | } |
---|
1499 | |
---|
1500 | div.content ul.categoryActions li.menuf ul.flag-pan { |
---|
1501 | background:#000000 url(./../icon/backgd.png) repeat scroll 0 0; |
---|
1502 | -moz-border-radius-bottomleft:12px; |
---|
1503 | -moz-border-radius-bottomright:12px; |
---|
1504 | -webkit-border-bottom-left-radius:12px; |
---|
1505 | -webkit-border-bottom-right-radius:12px; |
---|
1506 | -khtml-border-bottom-left-radius:12px; |
---|
1507 | -khtml-border-bottom-right-radius:12px; |
---|
1508 | border-radius:12px; |
---|
1509 | padding-bottom:4px; |
---|
1510 | border:none; |
---|
1511 | } |
---|
1512 | |
---|
1513 | |
---|
1514 | div.content ul.categoryActions li.menuf ul li a, |
---|
1515 | div.content ul.categoryActions li.menuf ul li.languageSwitchBoxTitle { |
---|
1516 | color:#dedede; |
---|
1517 | } |
---|
1518 | div.content ul.categoryActions li.menuf ul li a:hover { |
---|
1519 | color:#f07d00; |
---|
1520 | } |
---|
1521 | |
---|
1522 | /* |
---|
1523 | * PWG Stuff plugin |
---|
1524 | */ |
---|
1525 | div.stuffs_block { |
---|
1526 | background:transparent url(./../icon/skin_page.png); |
---|
1527 | margin:0px; |
---|
1528 | padding:0px; |
---|
1529 | } |
---|
1530 | |
---|
1531 | div.stuffs_block .stuffs { |
---|
1532 | margin:0px; |
---|
1533 | padding:0px; |
---|
1534 | background:transparent; |
---|
1535 | } |
---|
1536 | |
---|
1537 | div.stuffs_block .stuffs h2 { |
---|
1538 | margin:0px; |
---|
1539 | padding-top:4px; |
---|
1540 | } |
---|
1541 | |
---|
1542 | /* |
---|
1543 | * Comment editor compatibility |
---|
1544 | */ |
---|
1545 | |
---|
1546 | #theCategoryPage div#ce-content.content, |
---|
1547 | #theCategoryPage div#ce-message-block.content { |
---|
1548 | background:transparent url(./../icon/skin_page.png); |
---|
1549 | } |
---|
1550 | |
---|
1551 | |
---|
1552 | #thePicturePage div#ce-content.content, |
---|
1553 | #thePicturePage div#ce-message-block.content { |
---|
1554 | margin:70px auto auto; |
---|
1555 | border:1px solid #FFFFFF; |
---|
1556 | } |
---|
1557 | |
---|
1558 | div#ce-content .titrePage, div#ce-message-block .titrePage { |
---|
1559 | background:#303030 url(./../icon/backgd.png); |
---|
1560 | height:31px; |
---|
1561 | border:none; |
---|
1562 | margin:0; |
---|
1563 | } |
---|
1564 | |
---|
1565 | #theCategoryPage div#ce-content .titrePage, |
---|
1566 | #theCategoryPage div#ce-message-block .titrePage { |
---|
1567 | margin:0 11px 0 9px; |
---|
1568 | } |
---|
1569 | |
---|
1570 | div#ce-content h2, div#ce-message-block h2 { |
---|
1571 | padding-top:4px; |
---|
1572 | margin:0px; |
---|
1573 | } |
---|
1574 | |
---|
1575 | div#ce-content.content ul.categoryActions { |
---|
1576 | padding-top:1px; |
---|
1577 | } |
---|
1578 | |
---|
1579 | div#ce-comments { |
---|
1580 | padding-bottom:0; |
---|
1581 | padding-top:16px; |
---|
1582 | } |
---|
1583 | |
---|
1584 | /* |
---|
1585 | * AMM compatibility |
---|
1586 | */ |
---|
1587 | div#menubar dd.randompicdd { |
---|
1588 | margin-left:-7px; |
---|
1589 | } |
---|
1590 | |
---|
1591 | div#irandompicinner.illustration { |
---|
1592 | height:auto; |
---|
1593 | padding:0px; |
---|
1594 | } |
---|
1595 | |
---|
1596 | |
---|
1597 | |
---|
1598 | /* |
---|
1599 | * GMaps compatibility |
---|
1600 | */ |
---|
1601 | #icon_gmaps.size42x28 { |
---|
1602 | background:url(./../icon/gmaps/i42x28.png); |
---|
1603 | width:42px; |
---|
1604 | height:28px; |
---|
1605 | } |
---|
1606 | #icon_gmaps.size42x28:hover { |
---|
1607 | background:url(./../icon/gmaps/i42x28_h.png); |
---|
1608 | } |
---|
1609 | #icon_gmaps.size28x28 { |
---|
1610 | background:url(./../icon/gmaps/i28x28.png); |
---|
1611 | width:28px; |
---|
1612 | height:28px; |
---|
1613 | } |
---|
1614 | #icon_gmaps.size28x28:hover { |
---|
1615 | background:url(./../icon/gmaps/i28x28_h.png); |
---|
1616 | } |
---|