source: extensions/stripped/theme.css @ 8025

Last change on this file since 8025 was 8025, checked in by Zaphod, 13 years ago

Minor changes in order to improve compatibilty with Internet Explorer 6/7/8.

File size: 26.1 KB
Line 
1/* ------------------------------------- CSS for stripped theme -------------------------------- */
2
3/* General rules ------------------------------------------------------------------------------- */
4
5body {
6        background-color: #101010;
7        color: #666;
8}
9
10#thePicturePage .left_block,
11#thePicturePage .right_block,
12#thePicturePage .middle_block,
13#content {
14        background: #202020;
15        border: 2px #555 solid;
16        border-width: 2px 0;
17        padding:0 5px;
18}
19
20a {
21        color: #999;
22        text-decoration: none;
23}
24
25a:hover {
26        color:#ccc;
27}
28
29:focus {
30        outline: 0;
31}
32
33img {
34        border: 0;
35}
36
37hr {
38        border: 1px #999999 solid;
39}
40
41h1, h2, h3 {
42        margin: 0;
43        padding: 0;
44        font-size: 1em;
45}
46
47h1 {
48        font-size: 153.846%;
49}
50
51#theHeader {
52        color:#888;
53}
54
55/* Fonts --------------------------------------------------------------------------------------- */
56
57body {
58        font-size:13px;
59}
60
61body, input, select, textarea, file {
62        font-family: "Century Gothic", "Lucida Grande", Verdana, DejaVu Sans, sans-serif;
63        text-transform:lowercase;
64}
65
66#content p, #theNotificationPage li, #content fieldset, .filter {
67        text-align:left;
68}
69
70#theHeader,
71#username,
72#comments blockquote,
73#contenteditid,
74.additional_info,
75#Author .value,
76#Tcaption {
77        text-transform:none;
78}
79
80/* Layout -------------------------------------------------------------------------------------- */
81
82body {
83        margin: 0;
84        padding: 0;
85}
86
87#the_page {
88        max-width: 1120px;
89        width:99%;
90        margin: auto;
91        padding: 0;
92}
93
94#content {
95        max-width:1080px;
96        width:100%;
97        margin: 0;
98        padding: 12px 20px;
99}
100
101#thePicturePage #content {
102        max-width:1120px;
103        padding: 0;
104}
105
106#theCategoryPage #content {
107        max-width:1120px;
108        padding:12px 0;
109        text-align:center;
110        display:table;
111}
112
113#subcontent {
114        display:table-cell;
115        vertical-align:top;
116        max-width:1120px;
117        width:100%;
118        padding: 0;
119}
120
121#thumbnails_block1 {
122        max-width:940px;
123        margin:auto;
124}
125
126#thumbnails_block2 {
127        position:relative;
128        margin:0;
129        padding:0;
130        width:auto;
131        min-height:540px;
132}
133
134#thumbnails {
135        position:static;
136        margin:0 20px;
137}
138
139.thumbnailCategories {
140        max-width:900px;
141        padding:0 20px;
142        margin:auto;
143}
144
145#calendar_block {
146        padding: 0 20px;
147}
148
149#theHeader h1 {
150        padding: 1em 0 0;
151}
152#theHeader p {
153        padding: 0;
154        margin: 0;
155}
156
157#subcontent h2 {
158        margin: 0 0 1em;
159}
160
161/* Page title ---------------------------------------------------------------------------------- */
162
163.titrePage, .titrePage a {
164        font-weight: bold;
165        font-variant: normal;
166}
167
168.titrePage {
169        font-size:115.385%;
170        margin: 0.5em 0 0 0;
171        line-height: 1.5em;
172}
173
174.titrePage h2 {
175  margin: 1em 0;
176  padding: 0;
177  display: inline;
178}
179
180.titrePage .button {
181  float: none;
182}
183
184.titrePage img {
185  float: left;
186  max-height: 16px;
187  margin: 0 5px;
188}
189
190.titrePage .categoryActions {
191  float: right;
192  margin: 0;
193  padding: 0 0 0 3px;
194  list-style: none;
195  height:22px;
196  width: auto;
197  font-size:86.667%;
198}
199
200.categoryActions li {
201  display: inline;
202  vertical-align:top;
203  padding-left:3px;
204}
205
206/* Content ------------------------------------------------------------------------------------- */
207
208#subcontent .stuffs_block,
209.content_block {
210        max-width: 890px;
211        margin: auto;
212        padding: 0 25px;
213}
214
215.content_block .additional_info {
216        color:#999;
217        max-width:870px;
218        margin: 5px 0px;
219        padding:10px;
220        background-color:#404040;
221        -moz-border-radius:10px;
222        -webkit-border-radius:10px;
223        border-radius:10px;
224}
225
226#content .content_block .additional_info p {
227        text-align:justify;
228}
229
230.stuffs_block .titrePage {
231        margin: 0
232}
233
234#thePicturePage .stuffs {
235        margin:3px 0;
236}
237
238#thePicturePage .stuffs_block {
239        max-width:1120px;
240        padding:0;
241        text-align:center;
242}
243
244#thePicturePage .stuffs_block p {
245        text-align:left;
246}
247
248/* Menubar ------------------------------------------------------------------------------------- */
249
250#menuswitcher {
251        cursor: pointer;
252        color:#999;
253}
254
255#menuswitcher:hover {
256        color:#ccc;
257}
258
259#menubar_container {
260        display:table-cell;
261}
262
263.js #menubar {
264        display: none;
265}
266
267#menubar {
268        width:159px;
269        margin: 0;
270        padding: 0 0 0 20px;
271        float: left;
272        text-align:left;
273        display:block;
274}
275
276#menubar dl {
277        margin:0;
278}
279
280#menubar li {
281        list-style-type:disc;
282}
283
284#menubar dt {
285        font-weight: bold;
286        font-size:115.384%
287}
288
289#menubar dd {
290        margin: 0;
291        padding: 0.5em 1em 1em 1em;
292}
293
294#menubar dd ul {
295        margin: 0;
296        padding: 0 0 0 1em;
297}
298
299#menubar .menuInfoCatByChild,
300#menubar .menuInfoCat {
301        font-size:76.923%;
302}
303
304#menubar .totalImages {
305        font-size:84.615%;
306        font-style: italic;
307        margin: 0;
308}
309
310#menubar #mbIdentification p {
311        margin: 0 0 6px 0;
312}
313
314#menubar dd.randompicdd {
315        margin: 0;
316        padding:0;
317}
318
319#menubar .ammillustrationc {
320        margin: 0;
321}
322
323#menubar #menuTagCloud {
324        font-size:92.308%;
325}
326
327/* Category thumbnails ------------------------------------------------------------------------- */
328
329.stuffs_block .personal_block ul.thumbnailCategories,
330.thumbnailCategories {
331        overflow: hidden;
332        list-style: none;
333}
334
335.stuffs_block .personal_block ul.thumbnailCategories li,
336.thumbnailCategories li {
337        background: transparent url(images/back_30.png) 0 0 no-repeat;
338        float: left;
339        overflow: hidden;
340        height:170px;
341        width:170px;
342        text-align:center;
343        margin:5px;
344        color:#999;
345}
346
347.stuffs_block .personal_block ul.thumbnailCategories li {
348        width:170px!important;
349}
350
351
352.stuffs_block .personal_block ul.thumbnailCategories li:hover,
353.thumbnailCategories li:hover {
354        background: transparent url(images/back_30.png) 0 -170px no-repeat;
355        color:#666;
356}
357
358#subcontent  .stuffs_block .personal_block ul.thumbnailCategories li {
359        background: transparent url(images/back_40.png) 0 0 no-repeat;
360}
361
362#subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover {
363        background: transparent url(images/back_40.png) 0 -170px no-repeat;
364        color:#666;
365}
366
367.thumbnailCategory {
368        display:inline-block;
369        height:170px;
370}
371
372.thumbnailCategory .illustration {
373        margin:5px 0 0;
374        height:130px;
375        vertical-align:middle;
376        border:none;
377        float:none;
378        width:170px;
379        table-layout:fixed;
380        display:table;
381}
382
383.thumbnailCategory .illustration a {
384        display:table-cell;
385        width:170px;
386        height:130px;
387        vertical-align:middle;
388        overflow:hidden;
389}
390
391.thumbnailCategory .illustration img {
392        display:block;
393        margin:auto;
394        border: 1px solid #555;
395        max-height:128px;
396        max-width:160px;
397}
398
399.thumbnailCategory .illustration img:hover {
400        border: 1px solid #101010;
401}
402
403.thumbnailCategory .description p {
404        display:none!important;
405}
406
407.thumbnailCategory .description {
408        width:160px;
409        height:35px;
410        overflow: hidden;
411        padding:0 5px;
412        display: table-cell;
413        vertical-align:middle;
414}
415
416.thumbnailCategory .description h3 {
417        margin: 0;
418        font-weight:normal;
419        font-variant:normal;
420        font-size:107.692%;
421        line-height:16px;
422}
423
424.thumbnailCategories h3 a {
425        color: inherit;
426}
427
428.thumbCatDescNfoDate, .thumbCatDescNbImg {
429        margin: 0;
430        font-size: 76.923%;
431}
432
433.thumbCatDesc {
434        margin: 0;
435        padding-top: 4px;
436        word-wrap: break-word;
437}
438
439/* Images Thumbnails --------------------------------------------------------------------------- */
440
441#thumbnails {
442        width: auto;
443        text-align: center;
444        padding: 0 0 1em 0;
445}
446
447#thumbnails p {
448  margin: 0;
449}
450
451ul.thumbnails,
452.stuffs_block ul,
453#thumbnails ul {
454        margin: auto;
455        padding: 0;
456        overflow: hidden;
457        list-style: none;
458}
459
460#subcontent .stuffs_block ul {
461        max-width:720px;
462        margin-top:5px;
463}
464
465.thumbnails li,
466.stuffs_block li,
467#thumbnails li {
468        margin: 5px;
469        padding: 0;
470        float: left;
471        width: 170px;
472        height: 170px;
473        text-align:center;
474        display:inline;
475        list-style:none;
476        overflow:hidden;
477}
478
479.thumbnails li,
480#thumbnails li {
481        background: transparent url(images/back_40.png) 0 0 no-repeat;
482}
483
484.thumbnails li:hover,
485#thumbnails li:hover {
486        background: transparent url(images/back_40.png) 0 -170px no-repeat;
487}
488
489.stuffs_block li {
490        background: transparent url(images/back_50.png) 0 -0 no-repeat;
491}
492
493.stuffs_block li:hover {
494        background: transparent url(images/back_50.png) 0 -170px no-repeat;
495}
496
497.stuffs_block .thumbLegend,
498#thumbnails .thumbLegend {
499        display:none;
500        margin:0px;
501        border:0px;
502        padding:0px;
503}
504
505.thumbnails .wrap1,
506.stuffs_block .wrap1,
507#thumbnails .wrap1 {
508        width:170px;
509        table-layout:fixed;
510        display:table;
511}
512
513.thumbnails .wrap2,
514.stuffs_block .wrap2,
515#thumbnails .wrap2 {
516        display:table-cell;
517        width:170px;
518        height:170px;
519        vertical-align:middle;
520        margin:0px;
521        padding:0px;
522        overflow:hidden
523}
524
525.nb-comments, .nb-hits {
526        font-weight: normal;
527        display: none;
528}
529.zero {
530        display: none;
531}
532
533.thumbnail,
534.thumbnail:hover {
535        display:block;
536        padding:0px;
537        margin:auto;
538        max-width:160px;
539        max-height:160px;
540        border:solid 1px #404040;
541}
542
543/* Navigation Bar ------------------------------------------------------------------------------ */
544
545.navigationBar {
546  padding: 0.5em;
547  text-align: right;
548}
549
550.navigationBar a {
551        border-bottom: 1px dotted;
552}
553
554#thumbnails_block1 .navigationBar {
555        padding: 0 25px 5px;
556}
557
558#thumb_navigation {
559        color:#666;
560        text-align: center;
561}
562#thumb_navigation span,
563#thumb_navigation a {
564        height: 150px;
565        width: 20px;
566        border: 0;
567        padding: 0;
568        text-indent: -3000px;
569}
570#thumb_navigation #tn_prev {
571        position: absolute;
572        top: 195px;
573        left: 4px;
574        background: transparent url(icon/nb_prev_1.png) no-repeat scroll;
575}
576#thumb_navigation #tn_next {
577        position: absolute;
578        top: 195px;
579        right: 4px;
580        background: transparent url(icon/nb_next_1.png) no-repeat scroll;
581}
582#thumb_navigation a#tn_prev:hover {
583        background: transparent url(icon/nb_prev_2.png) no-repeat scroll;
584}
585#thumb_navigation a#tn_next:hover {
586        background: transparent url(icon/nb_next_2.png) no-repeat scroll;
587}
588
589/* Picture Page -------------------------------------------------------------------------------- */
590
591#thePicturePage #theHeader {
592        display: none;
593}
594
595#imageToolBar {
596        float:right;
597}
598
599#imageInfoBar {
600        display:block;
601        height:25px;
602        clear:both;
603        padding: 0 2px;
604}
605
606.browsePath {
607        display:inline;
608        float:left;
609}
610
611.randomButtons {
612        float: right;
613        margin: 0;
614        padding: 0;
615        list-style: none;
616        width: auto;
617        font-size:86.667%;
618}
619
620.randomButtons li {
621        display: inline;
622        vertical-align:top;
623        padding-left:3px;
624}
625
626#imageTitleContainer {
627        width:100%;
628        margin:auto;
629}
630
631#imageTitle {
632        font-size:115.385%;
633        line-height:150%;
634        padding: 6px;
635        margin: auto;
636        text-align:center;
637        font-weight:bold;
638        background: #303030;
639        color:#888;
640        -moz-border-radius:10px;
641        -webkit-border-radius:10px;
642        border-radius:10px;
643}
644
645#theImageAndTitle {
646        text-align: center;
647        padding: 0;
648        margin: 10px auto 15px;
649        position:relative;
650        width:100%;
651}
652
653.imageNumber {
654        display:inline;
655        font-weight:normal;
656        padding-left:2px;
657}
658
659#theImage {
660        margin-bottom:11px;
661}
662
663#theImgAndTitle,
664#theImage,
665#theImg {
666        display:inline-block;
667}
668
669#theImage > img,
670#theImage > a > img {
671        border: 1px #999 solid;
672        padding:2px;
673}
674
675#theImg img {
676        border: 1px #999 solid;
677        padding:2px;
678}
679
680#rateForm {
681        margin: 0;
682}
683
684#rateForm input, #rateForm input:active {
685        cursor: pointer;
686        border: none;
687        padding: 0;
688}
689
690#rateForm input.rateButtonStarFull  {
691        background:  url('icon/rating-stars.png') no-repeat scroll -16px center;
692        width: 16px;
693}
694
695#rateForm input.rateButtonStarEmpty {
696        background:  url('icon/rating-stars.png') no-repeat scroll 0 center;
697        width: 16px;
698}
699
700/* Image Nav Thumbnails ------------------------------------------------------------------------ */
701
702#linkPrevOut {
703        position: absolute;
704        top: 0;
705        left: 0px;
706        width: 200px;
707        height: 600px;
708        text-align: right;
709}
710
711#linkNextOut {
712        position: absolute;
713        top: 0;
714        right: 0px;
715        width: 200px;
716        height: 600px;
717        text-align: left;
718}
719
720#linkPrevIn  {
721        margin-right: 40px;
722        height: 100%;
723        text-align: right;
724        display:inline-block;
725}
726
727#linkNextIn     {
728        margin-left: 40px;
729        height: 100%;
730        text-align: left;
731        display:inline-block; 
732}
733
734#theImageBox .navThumb {
735        margin-top: 200px;
736        display:block;
737}
738
739.navThumb img {
740        border: 1px solid #888;
741        padding: 1px;
742        opacity:0;
743        filter:alpha(opacity=0);
744        -moz-opacity:0.;
745        -khtml-opacity: 0.;
746}
747
748/* HD Picture Box ------------------------------------------------------------------------------ */
749
750#theImageHigh {
751        position:absolute;
752        top:0px;
753        left:0px;
754        width:100%;
755        height:100%;
756        z-index:9000;
757}
758
759#theImgHighBg {
760        position:absolute;
761        top:0px;
762        left:0px;
763        width:100%;
764        height:100%;
765        background-color:#333333;
766        opacity:0.96;
767        filter:alpha(opacity:96);
768        -moz-opacity:0.96;
769        -khtml-opacity: 0.96;
770}
771
772#theImgHighContainer {
773        position:absolute;
774        width:160px;
775        height:80px;
776        background:#FFFFFF url(icon/processing.gif) no-repeat scroll 82px 42px;
777}
778
779#theImgHighContainer2 {
780        overflow:hidden;
781        width:100%;
782        height:100%;
783}
784
785#theImgHigh {
786        position:relative;
787}
788
789#theImgHighCloseButton, #theImgHighZoomButton {
790        position:absolute;
791        z-index:9050;
792}
793
794.pointer {
795        cursor:pointer;
796}
797
798#theImgHighCloseButton {
799        width:28px;
800        height:28px;
801        background:transparent url(icon/close_high.png) no-repeat scroll 0px 0px;
802        top:15px;
803        right:-15px;
804        cursor:pointer;
805}
806
807#theImgHighZoomButton {
808        width:28px;
809        height:28px;
810        top:45px;
811        right:-15px;
812        cursor:pointer;
813}
814
815#theImgHighZoomButton.fit {
816        background:transparent url(icon/zoom_fit_high.png) no-repeat scroll 0px 0px;
817}
818
819#theImgHighZoomButton.full {
820        background:transparent url(icon/zoom_1-1_high.png) no-repeat scroll 0px 0px;
821}
822
823/* Navbuttons ---------------------------------------------------------------------------------- */
824
825#imageToolBar .navButton {
826        display:inline-block;
827        width:24px;
828        height:24px;
829        float:right;
830        margin:0 2px;
831}
832
833#icon_last                                      {       background:url(icon/last_1.png);                        }
834#icon_last:hover                        {       background:url(icon/last_2.png);                        }
835#icon_right                                     {       background:url(icon/right_1.png);                       }
836#icon_right:hover                       {       background:url(icon/right_2.png);                       }
837#icon_play                                      {       background:url(icon/play_1.png);                        }
838#icon_play:hover                        {       background:url(icon/play_2.png);                        }
839#icon_stop                                      {       background:url(icon/stop_1.png);                        }
840#icon_stop:hover                        {       background:url(icon/stop_2.png);                        }
841#icon_pause                                     {       background:url(icon/pause_1.png);                       }
842#icon_pause:hover                       {       background:url(icon/pause_2.png);                       }
843#icon_up                                        {       background:url(icon/up_1.png);                          }
844#icon_up:hover                          {       background:url(icon/up_2.png);                          }
845#icon_left                                      {       background:url(icon/left_1.png);                        }
846#icon_left:hover                        {       background:url(icon/left_2.png);                        }
847#icon_first                                     {       background:url(icon/first_1.png);                       }
848#icon_first:hover                       {       background:url(icon/first_2.png);                       }
849#icon_start_repeat                      {       background:url(icon/start_repeat_1.png);        }
850#icon_start_repeat:hover        {       background:url(icon/start_repeat_2.png);        }
851#icon_stop_repeat                       {       background:url(icon/stop_repeat_1.png);         }
852#icon_stop_repeat:hover                 {       background:url(icon/stop_repeat_2.png);         }
853#icon_dec_period                        {       background:url(icon/dec_period_1.png);          }
854#icon_dec_period:hover          {       background:url(icon/dec_period_2.png);          }
855#icon_inc_period                        {       background:url(icon/inc_period_1.png);          }
856#icon_inc_period:hover          {       background:url(icon/inc_period_2.png);          }
857
858/* Tabs ---------------------------------------------------------------------------------------- */
859
860#tabTitleBar {
861        height: 25px;
862        border-top: 2px solid #555;
863}
864
865#tabTitles {
866        height: 25px;
867        line-height: 25px;
868        list-style:none;
869        margin:0;
870        overflow:hidden;
871}
872
873#tabs {
874        overflow:hidden;
875        height:0;
876}
877
878.tabBlock {
879        overflow:hidden;
880}
881
882.tabTitle {
883        margin: 0;
884        padding: 0 20px;
885        cursor: pointer;
886        min-width: 100px;
887        text-align:center;
888        display:inline-block;
889        float:left;
890        background: #202020;
891        color: #777;
892        font-weight:bold;
893}
894
895.tabTitle:hover {
896        color:#999;
897}
898
899.tabSelected {
900        color: #999;
901        background: #404040;
902}
903
904.tabBlockContent {
905        background:#404040;
906/*      display:none;*/
907        color:#aaa;
908        padding:10px 50px;
909}
910
911.tabBlock a {
912        color:#eee;
913}
914
915#Tcaption .tabBlockContent,
916#Ttags .tabBlockContent {
917        padding-top:25px;
918        padding-bottom:25px;
919        text-align:center;
920}
921
922#tabs .label {
923        text-align:right;
924        padding-right:5px;
925        font-weight:bold;
926        width:50%;
927}
928
929#tabs .value {
930        text-align:left;
931        padding-left:5px;
932        width:50%;
933}
934
935#tabs .infoTable,
936#tabs .infoTable2 {
937        margin:auto;
938        width:100%;
939}
940
941/* Light Slideshow ----------------------------------------------------------------------------- */
942
943#light_slideshow{
944        color:#444;
945}
946
947#light_slideshow a {
948        color:#666;
949}
950
951#light_slideshow a:hover {
952        color: #999;
953}
954
955#light_slideshow .navButton {
956        opacity:0.5;
957        filter:alpha(opacity:50);
958        -moz-opacity:0.5;
959        -khtml-opacity: 0.5;
960}
961
962#light_slideshow #content {
963        background-color: #161616;
964        border: 2px #222 solid;
965        border-width: 2px 0;
966}
967
968#light_slideshow #theImageAndTitle {
969        margin-bottom:3px;
970}
971
972#light_slideshow #theImg img {
973        border-color: #bbb;
974}
975
976#light_slideshow #imageTitle{
977        color:#666;
978        background:#252525;
979}
980
981/* Comments ------------------------------------------------------------------------------------ */
982
983#subcontent .stuffs_block #comments ul.thumbnailCategories,
984#comments ul {
985        max-width:100%;
986        padding:0;
987        overflow:hidden;
988        height:auto;
989}
990
991#comments > ul > li {
992        display:block;
993        width:99%;
994        background:#404040;
995        margin:10px auto;
996        padding:5px;
997        -moz-border-radius:10px;
998        -webkit-border-radius:10px;
999        border-radius:10px;
1000}
1001
1002#subcontent .stuffs_block #comments li {
1003        background:#505050;
1004}
1005
1006#comments .thumbnailCategory {
1007        height:auto;
1008        display:inline-block;
1009        width:99%;
1010        vertical-align:bottom;
1011}
1012
1013#comments .illustration img {
1014        border:none;
1015        max-width:150px;
1016        max-height:128px;
1017}
1018
1019#comments .illustration {
1020        float:left;
1021        padding-left:15px;
1022        padding-right:15px;
1023        display:inline-block;
1024        overflow:hidden;
1025}
1026
1027#comments .commentList .illustration a {
1028        height:143px;
1029        display:table-cell;
1030}
1031
1032#comments .description {
1033        width:auto;
1034        display:block;
1035        height:140px;
1036        color:#999;
1037        overflow:hidden;
1038}
1039
1040#comments .description .author,
1041#comments .description .date {
1042        color:#c0c0c0;
1043}
1044
1045#comments .description .date {
1046        font-style:italic;
1047}
1048
1049.stuffs_block #comments .actions {
1050        display: none;
1051}
1052
1053#comments .actions {
1054        text-align:right;
1055        padding-right:10px;
1056}
1057
1058.stuffs  #comments .thumbnailCategories .two_comment {
1059        width:48.8%!important;
1060        padding:5px 0!important;
1061        margin:5px 0.6%!important;
1062}
1063
1064.stuffs_block #comments .thumbnailCategories li {
1065        text-align:left;
1066        margin:5px auto;
1067        height:auto;
1068        width:99%!important;
1069}
1070
1071#comments .illustration {
1072        width:170px;
1073        table-layout:fixed;
1074        display:table;
1075}
1076
1077#comments .illustration  a{
1078        width:143px;
1079        text-align:center;
1080        vertical-align:middle;
1081}
1082
1083.stuffs #comments .thumbnailCategory .illustration,
1084.stuffs #comments .thumbnailCategory .illustration  a{
1085        width:170px!important;
1086}
1087
1088
1089.stuffs #comments blockquote {
1090        margin-left:10px;
1091        margin-right:0;
1092}
1093
1094#theCommentsPage #comments blockquote {
1095        margin-right:70px;
1096}
1097
1098#commentAdd, #commentList {
1099        width: 48%;
1100        padding: 0 1%;
1101}
1102#commentAdd  { float: left; }
1103#commentList { float: right; }
1104
1105#commentAdd input[type="text"], #commentAdd textarea {
1106        width: 95%;
1107        font-size:100%;
1108}
1109
1110#commentList ul {
1111        list-style: none;
1112        padding: 0;
1113}
1114
1115#commentList li {
1116        clear: both;
1117        display: block;
1118        border-top: 1px dotted #606060;
1119        padding: 0.5em 0;
1120}
1121
1122#commentList li ul {
1123        list-style-type: none;
1124        padding: 4px;
1125}
1126
1127ul.actions {
1128        float: right;
1129}
1130
1131#commentList .actions li {
1132        border-top: none;
1133}
1134
1135#commentList .author {
1136        font-weight: bold;
1137}
1138
1139#commentList .date {
1140        font-style: italic;
1141}
1142
1143#theCommentsPage #comments li {
1144        clear: left;
1145        list-style: none;
1146}
1147
1148.commentList .author, .commentList .date {
1149        font-weight: bold;
1150}
1151
1152#comments  #editComment fieldset {
1153        padding:5px;
1154}
1155
1156#comments  #contenteditid {
1157        font-size:100%;
1158        width:80%;
1159}
1160
1161/* Tags ---------------------------------------------------------------------------------------- */
1162
1163.tagLetter {
1164        text-align:left;
1165}
1166
1167fieldset legend {
1168        color:#666;
1169}
1170
1171.tagLevel5 { font-size: 125%; }
1172.tagLevel4 { font-size: 116.667%; }
1173.tagLevel3 { font-size: 108.333%; }
1174.tagLevel2 { font-size: 100%; }
1175.tagLevel1 { font-size: 91.667%; }
1176
1177#fullTagCloud {
1178        text-align: center;
1179        margin: 1em 2em;
1180}
1181
1182#fullTagCloud span {
1183        white-space: nowrap;
1184        margin: 0 0.5em;
1185}
1186
1187#fullTagCloud a {
1188        padding: 2px;
1189}
1190
1191.tagLetterContent {
1192        width: 100%;
1193}
1194
1195.tagSelection li {
1196        display: inline;
1197}
1198
1199#fullTagCloud a:hover {
1200        background: #606060;
1201}
1202
1203#menuTagCloud span {
1204        margin: 0;
1205}
1206
1207.nbEntries {
1208        text-align: right;
1209}
1210
1211/* Calendar ------------------------------------------------------------------------------------ */
1212
1213.calendarViews, .calendarCalBar {
1214        margin: 1em 0;
1215}
1216
1217.calCalHead {
1218        font-size: 107.692%;
1219        font-weight: bold;
1220}
1221
1222.calMonth {
1223        margin: 1em auto;
1224}
1225
1226.calendarBar {
1227        text-align: center;
1228}
1229
1230.calendarBar span {
1231        margin: 0 0.5em;
1232}
1233
1234.calMonth td {
1235        background-color: #363636;
1236        text-align: center;
1237}
1238
1239.calImg {
1240        text-align: center;
1241        width:80px;
1242        height:80px;
1243        overflow:hidden;
1244}
1245
1246.calBackDate, .calForeDate {
1247        display: none;
1248}
1249
1250/* Inputs & Forms ------------------------------------------------------------------------------ */
1251
1252input, select, textarea {
1253        background-color: #666;
1254        border: 1px solid #999;
1255        color: #F0F0F0;
1256}
1257
1258input[type="submit"], input[type="reset"] {
1259        background-color: #3f3f3f;
1260        border: 1px solid #606060;
1261        color: #999;
1262}
1263input[type="submit"]:hover, input[type="reset"]:hover {
1264        background-color: #666;
1265        border: 1px solid #999;
1266        color: #F0F0F0;
1267}
1268
1269fieldset {
1270        border: 1px #606060 dotted;
1271        margin: 0 0 1em;
1272        padding: 1em;
1273}
1274
1275fieldset legend {
1276        padding: 0 3px;
1277}
1278
1279fieldset li {
1280        margin: 0.5em 0;
1281}
1282
1283.mandatorystar {
1284        color: #e04040;
1285}
1286
1287#quicksearch input {
1288        color:#BBB;
1289        background:#505050;
1290}
1291
1292#quickconnect input#username,
1293#quickconnect input#password {
1294        color:#AAA;
1295}
1296
1297form {
1298        margin: 0;
1299}
1300
1301#content form li, #subcontent form li {
1302        list-style: none;
1303        margin: 0.2em 0;
1304}
1305
1306.property {
1307        display: inline-block;
1308        width: 180px;
1309}
1310
1311#quicksearch p {
1312        margin: 0;
1313}
1314
1315#quickconnect input#username,
1316#quickconnect input#password,
1317#quicksearch input#qsearchInput {
1318        width: 130px;
1319}
1320
1321#quickconnect #remember_me {
1322        position:relative;
1323        top:2px;
1324}
1325
1326#quickconnect ul.actions {
1327        padding:0;
1328        float:left;
1329        font-size:92.308%;
1330}
1331
1332/* Footer -------------------------------------------------------------------------------------- */
1333
1334#footer {
1335        padding: 2px;
1336        clear: both;
1337        display:block;
1338        font-size:84.615%;
1339        line-height:85%;
1340        margin-bottom:16px;
1341}
1342
1343.footer_login a {
1344        color:#666;
1345}
1346
1347.footer_login a:hover {
1348        color:#ccc;
1349}
1350
1351.footer_login,
1352.footer_customize,
1353#footer_left {
1354        float:left;
1355}
1356
1357#copyright {
1358        float:right;
1359}
1360
1361/* Infos & Errors ------------------------------------------------------------------------------ */
1362
1363.errors {
1364        margin: 1em;
1365        border: 2px solid #A04040;
1366        color: #A04040;
1367}
1368.errors a {
1369        color: #FF0000;
1370        font-weight: bold;
1371}
1372
1373.infos {
1374        margin: 1em;
1375        border: 2px solid #40A040;
1376        color: #40A040;
1377}
1378.infos a {
1379        color: #00FF00;
1380        font-weight: bold;
1381}
1382
1383/* Theme Switcher Plugin ----------------------------------------------------------------------- */
1384
1385.theme_menuf {
1386        display:none!important;
1387}
1388
1389.categoryActions .selector select {
1390        position:relative;
1391        top:-2px;
1392}
1393
1394/* Language Switch Plugin ----------------------------------------------------------------------- */
1395
1396.categoryActions .menuf {
1397        padding:0 0 0 2px;
1398        float:right;
1399}
1400
1401.categoryActions .menuf ul li{
1402        padding:0;
1403}
1404
1405/* Gmaps Plugin -------------------------------------------------------------------------------- */
1406
1407#icon_gmaps.size28x28 {
1408        background:url(../../themes/stripped/icon/gmaps/i28x28.png);
1409        display:inline-block;
1410}
1411
1412#icon_gmaps.size42x28 {
1413        background:url(../../themes/stripped/icon/gmaps/i42x28.png);
1414        display:inline-block;
1415}
1416
1417/* RV Maps & Earth Plugin ---------------------------------------------------------------------- */
1418
1419#theImageBox #map {
1420    left:240px;
1421        margin-bottom:15px;
1422        margin-right:260px;
1423}
1424
1425#theImageBox #mapPicture{
1426   width:230px;
1427   margin-left:10px;
1428}
1429
1430#theImage {
1431    width:100%;
1432}
1433
1434#mapPicture {
1435        color:#202020;
1436}
1437
1438/* PWG Stuffs Plugin --------------------------------------------------------------------------- */
1439
1440#subcontent .stuffs_block .stuffs {
1441        max-width:890px;
1442        padding:0;
1443}
1444
1445.stuffs_block .categoryActions  img {
1446        display:none;
1447}
1448
1449#subcontent .stuffs_block .left_block,
1450#subcontent .stuffs_block .right_block,
1451#subcontent .stuffs_block .middle_block {
1452        color:#999;
1453        max-width:870px;
1454        padding:10px;
1455        background-color:#303030;
1456        -moz-border-radius:10px;
1457        -webkit-border-radius:10px;
1458        -khtml-border-radius:10px;
1459        border-radius:10px;
1460}
1461
1462#subcontent .stuffs_block .left_block {
1463        margin: 5px 10px 0 0;
1464}
1465
1466#subcontent .stuffs_block .right_block {
1467        margin: 5px 0 0 10px;
1468}
1469#subcontent .stuffs_block .middle_block {
1470        margin: 5px 0;
1471}
1472
1473.stuffs_block ul.thumbnailCategories {
1474        display:inline-block;
1475}
1476
1477.stuffs_block ul.thumbnailCategories li {
1478        width:170px;
1479        float:left;
1480}
1481
1482.stuffs_block  .logon_block {
1483        text-align:     left;
1484}
1485
1486.stuffs_block .personal_block ul,
1487.stuffs_block .logon_block  ul {
1488        overflow: visible;
1489}
1490
1491.stuffs_block  .personal_block  li,
1492.stuffs_block  .logon_block li {
1493        background: none;
1494        margin: auto;
1495        float: none;
1496        width: auto;
1497        height: auto;
1498        text-align:left;
1499        display:block;
1500}
1501
1502.stuffs_block .categoryActions li {
1503        background: none;
1504        margin: auto;
1505        float: none;
1506        width: 0;
1507        height: auto;
1508        display:block;
1509        text-align:right;
1510}
1511
1512.stuffs_block .categoryActions {
1513        margin-top:0;
1514        padding-right:10px;
1515}
1516
1517
1518.stuffs_block .categoryActions li:hover,
1519.stuffs_block  .personal_block  li:hover,
1520.stuffs_block  .logon_block li :hover{
1521        background: none;
1522}
1523
1524.stuffs_block .logon_block  img {
1525        display:none;
1526}
1527
1528.stuffs_block .logon_block  .property {
1529        line-height:200%;
1530}
1531
1532.stuffs_block .logon_block  form{
1533        text-align:center;
1534        margin:auto;
1535        max-width:600px;
1536}
1537
1538.stuffs_block .logon_block  p a {
1539        margin-right:8px
1540}
1541
1542.stuffs_block .personal_block  {
1543        text-align: center;
1544}
1545
1546.stuffs_block .personal_block  p {
1547        text-align: left;
1548}
Note: See TracBrowser for help on using the repository browser.