source: extensions/stripped_responsive/theme.css @ 29589

Last change on this file since 29589 was 29589, checked in by JanisV, 10 years ago

Improve thumbnails style

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