source: extensions/stripped/theme.css @ 14307

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

version 2.1.0

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