source: extensions/stripped/theme.css @ 12321

Last change on this file since 12321 was 12321, checked in by Zaphod, 12 years ago

version 1.5.0 update

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