source: extensions/stripped/theme.css @ 11490

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

version 1.3.12

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