source: extensions/stripped/theme.css @ 11059

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

version 1.3.9

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