source: extensions/stripped/theme.css @ 11531

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

works with many browser except ie9

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