source: extensions/stripped/theme.css @ 12225

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

version 1.5.0

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