source: extensions/stripped/theme.css @ 11798

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

new css rule for community plugin

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