source: extensions/stripped/theme.css @ 26899

Last change on this file since 26899 was 24444, checked in by flop25, 11 years ago

register link added in menubar quickconnect
script js hardly corrected to works with latest version of jQuery

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