source: extensions/gally/theme/lapis-lazuli/theme.css @ 4489

Last change on this file since 4489 was 4489, checked in by grum, 14 years ago

[Template:Gally] feature 1096, feature 1097, feature 1098, feature 1099, feature 1313
And some other improvments...

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