source: extensions/stripped/theme.css @ 31998

Last change on this file since 31998 was 31389, checked in by plg, 8 years ago

compatibility with formats in Piwigo 2.8

File size: 29.8 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}
1555
1556.switchBox ul {
1557  padding:0;
1558  margin:0;
1559}
1560
1561.switchBox ul li {
1562  display:block;
1563  float:none;
1564}
Note: See TracBrowser for help on using the repository browser.