source: extensions/stripped/theme.css @ 11982

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

version 1.4.4 : new option to select default tab to be displayed

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