source: extensions/gally/gally-cuise/css/theme.css @ 10780

Last change on this file since 10780 was 10780, checked in by cljosse, 13 years ago
  • compatible avec la version 2.2
File size: 23.1 KB
Line 
1/* -----------------------------------------------------------------------------
2  GRUM:DARK-II-CUISE
3  Theme for Piwigo
4  ------------------------------------------------------------------------------
5  file: gally/cuise/theme.css
6  file version: 1.2.0
7  ------------------------------------------------------------------------------
8  author: grum modified cljosse
9  << May the Little SpaceFrog be with you >>
10  ------------------------------------------------------------------------------
11  Cuise 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
45div.ui-widget-overlay {
46  background:#808080;
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
63body, #menubar {
64
65  background-color:#333333;
66  color:#333333;
67}
68
69a {
70  color:#000000;
71}
72
73A:hover {
74  color: #ffff80;
75}
76
77
78a.button, a.navButton {
79  display:block;
80  display:inline-block;
81  /*display:table-cell;*/
82  width:28px;
83  height:28px;
84}
85
86/* index.tpl */
87#icon_menu {
88  background:url(./../icon/menu-show.png);
89}
90#icon_menu:hover {
91  background:url(./../icon/menu-show_h.png);
92}
93
94#icon_menu.button2 {
95  display:block;
96  display:inline-block;
97  /*display:table-cell;*/
98  width:28px;
99  height:28px;
100  background:url(./../icon/menu-hide.png);
101}
102#icon_menu.button2:hover {
103  display:block;
104  display:inline-block;
105  /*display:table-cell;*/
106  width:28px;
107  height:28px;
108  background:url(./../icon/menu-hide_h.png);
109}
110
111
112#icon_caddie {
113  background:url(./../icon/caddie_add.png);
114}
115#icon_caddie:hover {
116  background:url(./../icon/caddie_add_h.png);
117}
118
119#icon_category_edit {
120  background:url(./../icon/category_edit.png);
121}
122#icon_category_edit:hover {
123  background:url(./../icon/category_edit_h.png);
124}
125
126#icon_search_rules {
127  background:url(./../icon/search_rules.png);
128}
129#icon_search_rules:hover {
130  background:url(./../icon/search_rules_h.png);
131}
132
133#icon_start_slideshow {
134  background:url(./../icon/start_slideshow.png);
135}
136#icon_start_slideshow:hover {
137  background:url(./../icon/start_slideshow_h.png);
138}
139
140#icon_flat {
141  background:url(./../icon/flat.png);
142}
143#icon_flat:hover {
144  background:url(./../icon/flat_h.png);
145}
146
147#icon_normal_mode {
148  background:url(./../icon/normal_mode.png);
149}
150#icon_normal_mode:hover {
151  background:url(./../icon/normal_mode_h.png);
152}
153
154#icon_calendar {
155  background:url(./../icon/calendar.png);
156}
157#icon_calendar:hover {
158  background:url(./../icon/calendar_h.png);
159}
160
161#icon_calendar_created {
162  background:url(./../icon/calendar_created.png);
163}
164#icon_calendar_created:hover {
165  background:url(./../icon/calendar_created_h.png);
166}
167
168/* about.tpl */
169/* comments.tpl */
170/* identification.tpl */
171/* nbm.tpl */
172/* notification.tpl */
173/* password.tpl */
174/* tags.tpl */
175/* profile.tpl */
176/* register.tpl */
177/* upload.tpl */
178#icon_home {
179  background:url(./../icon/home.png);
180}
181#icon_home:hover {
182  background:url(./../icon/home_h.png);
183}
184
185/* identification.tpl */
186/* menubar_identification.tpl */
187#icon_lost_password {
188  background:url(./../icon/lost_password.png);
189}
190#icon_lost_password:hover {
191  background:url(./../icon/lost_password_h.png);
192}
193
194#icon_register, #icon_register2, #icon_register3 {
195  background:url(./../icon/register.png);
196}
197#icon_register:hover, #icon_register2:hover, #icon_register3:hover {
198  background:url(./../icon/register_h.png);
199}
200
201#icon_lost_password, #icon_lost_password2, #icon_lost_password3 {
202  background:url(./../icon/lost_password.png);
203}
204#icon_lost_password:hover, #icon_lost_password2:hover, #icon_lost_password3:hover {
205  background:url(./../icon/lost_password_h.png);
206}
207
208/* menubar_categories.tpl */
209#icon_start_filter {
210  background:url(./../icon/start_filter.png);
211}
212#icon_start_filter:hover {
213  background:url(./../icon/start_filter_h.png);
214}
215
216#icon_stop_filter {
217  background:url(./../icon/stop_filter.png);
218}
219#icon_stop_filter:hover {
220  background:url(./../icon/stop_filter_h.png);
221}
222
223/* picture.tpl */
224#icon_high_res {
225  background:url(./../icon/display_high_res.png);
226}
227#icon_high_res:hover {
228  background:url(./../icon/display_high_res_h.png);
229}
230
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
406
407/*
408 page : title
409*/
410.titrePage {
411  height:31px;
412  padding:0 12px 0 30px;
413}
414
415.titrePage, .navigationBar, #imageHeaderBar {
416  background-color:#808080;
417}
418
419.titrePage .categoryActions {
420  padding-top:2px;
421}
422
423/*
424 page content : thumbnails
425*/
426
427#additional_infoTOP, #additional_infoBOTTOM {
428  background-color:#808080;
429  -moz-border-radius:8px;
430  -webkit-border-radius:8px;
431  -khtml-border-radius:8px;
432  border-radius:8px;
433       
434}
435
436.additional_info {
437  border-right:1px #909090 dotted;
438  padding:8px;
439}
440
441#thumbnails {
442  font-size:80%;
443  font-weight:bold;
444}
445
446/*
447  page content : categories thumbnails
448*/
449
450#subContent h2 {
451  font-size: 150%;
452  border-bottom:1px solid #909090;
453  padding-bottom:4px;
454}
455
456.thumbnailCategory {
457  border: none;
458  border-bottom: 1px #909090 solid;
459  background-color: #808080;
460  display:block;
461  margin:8px;
462  padding:8px 8px 0 4px;
463}
464
465.thumbnailCategory:hover {
466  background-color:#909090;
467}
468
469ul.thumbnailCategories {
470margin:4px;
471padding:0px;
472top:0px;
473}
474
475ul.thumbnailCategories li {
476  width:50%;
477}
478
479#thumbContents {
480  margin:0px;
481}
482
483.illustration { 
484  overflow:hidden;
485  text-align:left;
486}
487
488.illustration a img {
489  border:2px #ffffff solid;
490}
491
492p.thumbCatDesc {
493  border-top:1px #909090 dotted;
494  text-align:justify;
495}
496
497p.thumbCatDescNbImg {
498  text-align:right;
499  font-style:italic;
500}
501
502div ul.thumbnails img, #linkPrev img, #linkNext img {
503  border:1px solid #FFFFFF;
504}
505
506.content ul.thumbnails img.newImage {
507  border:none;
508  left:5px;
509  top:-2px;
510   position:relative; 
511}
512
513div ul.thumbnails span.wrap2 {
514  display:table-cell;
515  margin:0;
516  vertical-align:middle; 
517  height:130px;
518  width:200px;
519  -moz-border-radius: 8px;  /* round corners with Geko */
520  -webkit-border-radius: 8px;  /* round corners with Geko */
521  -khtml-border-radius: 8px;  /* round corners with Geko */
522  border-radius: 8px; /* round corners with CSS3 compliant browsers */
523  background-color:#808080;
524  border:none;
525}
526
527div ul.thumbnails SPAN.wrap2:hover {
528  background-color: #FFFFFF;
529}
530
531table.wrap1 {
532  padding:25px 50px;
533}
534
535/*
536 * page :profile
537*/
538form#profile {
539  padding-bottom:20px;
540}
541
542/*
543 * page :search
544*/
545form.filter {
546  padding-bottom:20px;
547}
548
549/*
550 * page:help
551*/
552.help {
553  margin:8px;
554}
555
556/*
557 page : copyright
558*/
559#copyright {
560  font-size:10px;
561  border-top:1px #909090 solid;
562  background:#808080;
563}
564
565/*
566 page : menubar
567*/
568#menubar {
569  border:1px #909090 solid;
570  padding-bottom:30px;
571}
572
573#menubar dt {
574  background-color: #909090;
575  font-size:120%;
576  font-weight:bold;
577}
578
579#menubar ul {
580  list-style-type:square;
581  font-size:92%;
582}
583
584#menubar ul ul {
585  font-size:100%;
586  padding-bottom:0px;
587  padding-top:0px;
588}
589
590#menubar dt .button {
591  right:-3px;
592  top:-5px;
593}
594
595#menubar p.totalImages {
596  font-size:80%;
597}
598
599
600/*
601 calendar bar
602*/
603.calendarBar {
604  margin-top:2px;
605  text-align:center;
606}
607span.calItemP {
608  float:left;
609}
610span.calItemN {
611  float:right;
612}
613
614span.calItem, span.calItemEmpty {
615  display:inline-table;
616  margin:1px;
617  min-width:15px;
618  padding-left:2px;
619  padding-right:2px;
620  border:1px gray solid;
621  font-weight:bold;
622}
623
624td.calDayHead {
625  font-size:14px;
626  font-weight:normal;
627  padding-bottom:12px;
628}
629
630table.calMonth tbody td.calDayCellFull, table.calMonth tbody td.calDayCellEmpty {
631  border:1px solid #808080;
632  overflow:hidden;
633}
634
635.calBackDate {
636  color:#000000;
637  padding-left:10px;
638  padding-top:7px;
639}
640.calForeDate {
641  color: #fff;
642  padding-left:10px;
643  padding-top:6px;
644}
645
646table.calMonth tbody td.calDayCellEmpty, table.calMonth tbody td.calDayCellBlank {
647  height:97px;
648  width:84px;
649}
650
651td.calDayCellEmpty {
652  color:#909090;
653  padding-left:12px;
654  padding-top:8px;
655}
656
657div.calImg {
658  position:relative;
659  left:8px;
660  top:8px;
661}
662
663
664.calendarCalBar {
665  border-bottom:1px dotted #808080;
666  padding-left:10px;
667}
668
669table.calMonth {
670  margin-left:auto;
671  margin-right:auto;
672  left:0px;
673}
674
675table.calMonth td.calDayCellFull:hover {
676  background-color:#ffffff;
677}
678
679
680
681/*
682  inputs
683*/
684input[type="text"], input[type="password"], select, textarea, file {
685/* font-family: monospace; */
686 background: #f0f0f0;
687 color:#333333;
688 border:none;
689 margin:0px;
690}
691
692input:focus, select:focus {
693  background: #ffffff;
694  color:#000000;
695}
696
697input[type="submit"], input[type="button"], input[type="reset"] {
698/* font-family: monospace; */
699  border-bottom:1px #808080 solid;
700  border-right:1px #808080 solid;
701  border-top:1px #ffffff solid;
702  border-left:1px #ffffff solid;
703}
704
705input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
706  border-bottom:1px #ffffff solid;
707  border-right:1px #ffffff solid;
708  border-top:1px #808080 solid;
709  border-left:1px #808080 solid;
710}
711
712fieldset {
713  border:1px ;
714  margin:3px;
715  padding:3px;
716}
717
718fieldset legend {
719  padding-left:3px;
720  padding-right:3px;
721  background:#000000;
722}
723
724
725
726/*
727  picture page
728*/
729
730#theImgHighBg {
731  background-color:#000000;
732  opacity:0.88;
733  filter:alpha(opacity:88);
734}
735
736#theImgHighContainer {
737  background:#FFFFFF url(./../icon/processing.gif) no-repeat scroll 82px 42px;
738}
739
740#theImgHighCloseButton {
741  width:28px;
742  height:28px;
743  background:transparent url(./../icon/close_high.png) no-repeat scroll 0px 0px;
744  top:15px;
745  right:-15px;
746  cursor:pointer;
747}
748
749#theImgHighZoomButton {
750  width:28px;
751  height:28px;
752  top:45px;
753  right:-15px;
754  cursor:pointer;
755}
756
757#theImgHighZoomButton.fit {
758  background:transparent url(./../icon/zoom_fit_high.png) no-repeat scroll 0px 0px;
759}
760
761#theImgHighZoomButton.full {
762  background:transparent url(./../icon/zoom_1-1_high.png) no-repeat scroll 0px 0px;
763}
764
765
766
767.imageNumber {
768  border:1px #999999 solid;
769}
770
771#theImgContainer { overflow:hidden;
772  border:8px #ffffff solid;
773}
774
775#imageHeaderBar .browsePath h2 {
776  font-weight:normal;
777}
778
779#imageHeaderBar.slideShow {
780  min-height:19px;
781}
782
783#imageToolBar {
784  height:37px;
785  top:0px;
786  overflow:visible;
787}
788
789#imageToolBarContainer {
790  border-bottom:1px #606060 solid;
791}
792
793.imageToolBarBg {
794  background:url(./../images/button-bg.png);
795  opacity:0.88;
796 
797  filter:alpha(opacity:88);
798  z-index:-1;
799  left:0px;
800}
801
802#imageToolBar h2 {
803  color:#505050;
804  margin-top:6px;
805}
806
807#navThumbNext, #navThumbPrev {
808  top:265px;
809 
810}
811
812#navThumbPrevContainer, #navThumbNextContainer {
813  height:200px;
814}
815
816.navThumbPrevContent a img, .navThumbNextContent a img {
817  border:1px #808080 solid;
818}
819
820.navThumbPrevContent a:hover img, .navThumbNextContent a:hover img {
821  border:1px #f0f0f0 solid;
822}
823
824
825
826#imageInfos {
827  z-index:100;
828}
829
830#imageInfosContainer {
831  padding-bottom:8px;
832}
833
834.infoTable {
835  margin:auto;
836  font-size:90%;
837  max-width:80%;
838  color:#101010;
839  z-index:200;
840  border-collapse:collapse;
841  position:relative;
842  left:25px;
843}
844
845.infoTable td {
846  padding-bottom:5px;
847  padding-left:4px;
848  padding-right:5px;
849}
850
851.infoTable td.value, .infoTable td.label {
852  padding-right:50px;
853}
854
855.infoTable .label {
856  font-weight:bold;
857  border-left:1px dotted #808080;
858}
859
860.infoTable tr:hover {
861  background-color:#808080;
862  color:#60f0f0;
863}
864.infoTable tr.emptyrow:hover {
865  background:transparent;
866}
867.infoTable tr.emptyrow td {
868  height:4px;
869  padding:0px;
870}
871
872#updateRate {
873  margin-right:25px;
874  float:left;
875}
876#rateForm {
877  float:left;
878  position:relative;
879  top:-2px;
880}
881#rateForm input[type="button"].rateButtonStarFull,
882#rateForm input[type="button"].rateButtonStarFull:focus,
883#rateForm input[type="submit"].rateButtonStarFull  {
884  background: url('./../icon/rating-stars.png') no-repeat scroll; background-position:-16px center; width:16px;
885}
886
887#rateForm input[type="button"].rateButtonStarEmpty,
888#rateForm input[type="button"].rateButtonStarEmpty:focus,
889#rateForm input[type="submit"].rateButtonStarEmpty {
890  background: url('./../icon/rating-stars.png') no-repeat scroll; background-position:0 center; width:16px;
891}
892
893#rateForm input[type="button"],
894#rateForm  input[type="button"]:active,
895#rateForm input[type="submit"],
896#rateForm  input[type="submit"]:active {
897  cursor:pointer;
898  border:none;
899  padding:0;
900}
901
902.commentDetail {
903  border-bottom:1px dotted #808080;
904}
905
906.commentDetail ul {
907  list-style-type:none;
908  padding:4px;
909}
910
911.commentDetail ul li {
912  display:inline;
913}
914
915.commentDetail .description .author,
916.commentDetail .description .date {
917  font-weight:bold;
918  color:#f0f0f0;
919}
920
921.commentDetail .description blockquote {
922  margin:0;
923  padding:4px 4px 8px 12px;
924  text-align:justify;
925}
926
927.commentDetail fieldset legend {
928  background:none;
929}
930
931#titleComment h3:hover {
932  background:#808080;
933}
934
935.comment_icon {
936  margin-left:5px;
937  padding:0;
938  position:absolute;
939}
940
941/*
942 * tabs
943*/
944#theTabs {
945  border-top:1px solid #808080;
946}
947
948#theTabsBg {
949  background:#404040;
950  opacity:0.88;
951  filter:alpha(opacity:48);
952}
953
954#theTabsheets li.tab {
955  background-color:#808080;
956  border:1px solid #808080;
957  display:block;
958  float:left;
959  margin:0 0 0 4px;
960  padding:2px 8px;
961  position:relative;
962  top:-2px;
963}
964
965#theTabsheets li.ui-tabs-selected {
966  padding:4px 8px;
967  top:-6px;
968  border-top-width:1px;
969}
970
971#theTabsContainer {
972  text-align:right;
973}
974
975.navigationBar {
976    background-position: top;
977    text-align: center;
978    position: fixed;
979    bottom: 20px;
980    font-size: 10px;
981    width: 100%;
982    background-image: url('../images/button-bg.png');
983    background-repeat: repeat-x;
984}
985
986/*
987  tags
988*/
989
990#fullTagCloud SPAN a:hover {
991  background:#303030;
992  -moz-border-radius:3px;
993  -webkit-border-radius:3px;
994  -khtml-border-radius:3px;
995  border-radius:3px;
996}
997
998#menuTagCloud SPAN {
999  margin:0px;
1000}
1001
1002#fullTagCloud span a {
1003  padding:4px;
1004  margin:0px;
1005}
1006
1007.nbEntries {
1008  text-align:right;
1009}
1010
1011.tagaddbutton {
1012  left:-4px;
1013  position:relative;
1014  top:-3px;
1015}
1016
1017
1018.mandatorystar {
1019  color:#A04040;
1020}
1021
1022.mandatorynfo {
1023  font-size:90%;
1024  margin:0 0 4px 8px
1025}
1026
1027/*
1028  help
1029*/
1030#thePopuphelpPage h1 {
1031  background:#808080;
1032}
1033
1034/*
1035 * diaporama
1036*/
1037#imageHeaderBar h2.showtitle {
1038  padding-top:0px;
1039}
1040
1041/*
1042 vd language switch plugin
1043*/
1044.menuf ul li a, .menuf ul li a:visited {
1045  height:27px;
1046  line-height:27px;
1047  margin-top:5px;
1048}
1049
1050.menuf ul.flag-pan .flags:hover, .menuf a img.flags {
1051  border:1px solid #303030;
1052}
1053
1054.menuf ul.flag-pan .flags {
1055  border:1px solid #000000;
1056}
1057
1058ul.flag-pan {
1059  background:#000000 url(./../images/bp3.jpg) repeat scroll 0 0;
1060  border:1px   ;
1061     
1062  border-bottom-color:#666666;
1063  border-left-color:#FFFFFF;
1064  border-right-color:#666666;
1065   border-top-color:#FFFFFF;
1066 
1067}
1068
1069/*
1070 * PWG Stuff plugin compatibility
1071*/
1072div.stuffs {
1073  margin:0px;
1074}
1075
1076div.stuffs h2 {
1077  margin-top:0px;
1078}
1079
1080/*
1081 * Comment editor compatibility
1082*/
1083div#ce-content.content, div#ce-message-block.content  {
1084  background:#000000 url(./../icon/backgd.png) repeat scroll 0 0;
1085  border:1px solid #808080;
1086}
1087
1088div#ce-content h2, div#ce-message-block h2 {
1089  padding-top:4px;
1090}
1091
1092div#ce-content.content ul.categoryActions {
1093  padding-top:1px;
1094}
1095
1096div#ce-comments {
1097  padding-bottom:0;
1098  padding-top:16px;
1099}
1100/*
1101 * GMaps compatibility
1102 */
1103#icon_gmaps.size42x28 {
1104  background:url(./../icon/gmaps/i42x28.png);
1105  width:42px;
1106  height:28px;
1107}
1108#icon_gmaps.size42x28:hover {
1109  background:url(./../icon/gmaps/i42x28_h.png);
1110}
1111#icon_gmaps.size28x28 {
1112  background:url(./../icon/gmaps/i28x28.png);
1113  width:28px;
1114  height:28px;
1115}
1116#icon_gmaps.size28x28:hover {
1117  background:url(./../icon/gmaps/i28x28_h.png);
1118}
1119
1120
1121/*-------------- MON THEME --------------------------*/
1122BODY { 
1123background:url(./../images/cbmt.gif)  ;
1124}
1125
1126/* menubar ---*/
1127#menubar { z-index:950;
1128font-weight:bold; 
1129background:url(./../images/bp1.jpg) ;
1130} 
1131#menubar DT {
1132background:url(./../images/button-bg.png);
1133}
1134#menubar li {
1135        list-style-position: inside;
1136        list-style-image: url(./../images/small_bullet_0.png);
1137}
1138#menubar li li {
1139        list-style-position: inside;
1140        list-style-image: url(./../images/small_bullet_2.png);
1141}
1142#menubar li li li{
1143        list-style-position: inside;
1144        list-style-image: url(./../images/small_bullet_vert.png);
1145}
1146#menubar li li li li{
1147        list-style-position: inside;
1148        list-style-image: url(./../images/small_bullet_bleu.png);
1149}
1150/*--------- Categorie ---------------------*/
1151.titrePage {
1152    background-position: center;
1153    background: url(./../images/button-bg.png);
1154} 
1155#copyright{background:url(./../images/button-bg.png);} 
1156
1157#imageHeaderBar{background:url(./../images/button-bg.png);} 
1158#theComments{background:url(./../images/bph.png);} 
1159
1160
1161SPAN.wrap2 {
1162  display:table-cell;
1163  margin:0;
1164  vertical-align:middle; 
1165  text-align:center ;
1166   
1167  height:130px;
1168  width:200px;
1169
1170  background:url(./../images/bp3.jpg) ;
1171  border:solid 3px ; 
1172  border-bottom-color:#666666;
1173  border-left-color:#FFFFFF;
1174  border-right-color:#666666;
1175   border-top-color:#FFFFFF;
1176
1177}
1178
1179SPAN.wrap2:hover {
1180  background-color: #FFFFFF;
1181 
1182   border:solid 3px ; 
1183  border-bottom-color:#FFFFFF;
1184  border-left-color:#666666;
1185  border-right-color:#FFFFFF;
1186   border-top-color:#666666;
1187   
1188}
1189
1190.thumbnailCategory{
1191  background:url(./../images/bph.png);
1192   border:solid 3px ; 
1193  border-bottom-color:#666666;
1194  border-left-color:#FFFFFF;
1195  border-right-color:#666666;
1196   border-top-color:#FFFFFF;
1197} 
1198.thumbnailCategory:hover{
1199  background:url(./../images/bph.png);
1200   border:solid 3px ; 
1201  border-left-color:#666666;
1202  border-bottom-color:#FFFFFF;
1203  border-top-color:#666666;
1204   border-right-color:#FFFFFF;
1205} 
1206
1207 
1208#imageToolBar H2{
1209                 backgroundColor:transparent;
1210                 
1211                 }
1212.imageToolBarBg{background:url(./../images/button-bg.png);} 
1213
1214#navThumbPrevContainer{background:url(./../images/bp3.jpg);background-position:center}
1215#navThumbNextContainer{background:url(./../images/bp3.jpg); background-position:center;}
1216
1217.infoTable{background:url(./../images/bph.png)}
1218
1219/*
1220  inputs
1221*/
1222input[type="text"], input[type="password"], select, textarea, file {
1223 
1224 
1225}
1226
1227input:focus, select:focus {
1228 
1229}
1230
1231INPUT[type="submit"], input[type="button"], input[type="reset"] {
1232font-family:"Trebuchet MS";
1233 background:url(./../images/bp0.jpg);
1234}
1235
1236INPUT[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {   
1237 
1238}
1239
1240fieldset { border:#FFFFFF ;
1241background:url(./../images/bph.png);
1242}
1243
1244fieldset legend {
1245border:none;
1246background:url(./../images/bph.png);
1247}
1248
1249
1250
1251#subContent{
1252background:url(./../images/cbmt.gif);
1253}
1254
1255
1256#theTabsContainer{ visibility:visible; background:url(./../icon/1x1transp.gif) }
1257
1258#theMapListPage{ /*background:url(./../icon/1x1transp.gif)*/ }
1259
1260.thumbnailCategory{}
1261
1262.ammillustrationc{ 
1263 
1264}
1265 #irandompicinner{
1266  width:60%;
1267 }
1268#copyright{   position:fixed;bottom: 0px;
1269 } 
1270 #content{ height:100%;
1271 } 
1272
1273#divMsg{
1274
1275}
1276/*-------------------------------------------*/
1277div ul.thumbnails img, #linkPrev img, #linkNext img {
1278 
1279}
1280
1281.content ul.thumbnails img.newImage {
1282 
1283}
1284
1285div ul.thumbnails span.wrap2 { 
1286}
1287
1288div ul.thumbnails SPAN.wrap2:hover {
1289 
1290}
1291
1292#navThumbPrev, #navThumbPrev{
1293   
1294
1295}
1296#theImg{
1297 height:600 ;
1298}
Note: See TracBrowser for help on using the repository browser.