source: extensions/stripped_responsive/theme.css @ 29584

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

Width

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