source: extensions/stripped/theme.css @ 11648

Last change on this file since 11648 was 11628, checked in by flop25, 13 years ago

works but Ie9... I put a min width because of him

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