source: extensions/stripped_responsive/theme.css @ 31946

Last change on this file since 31946 was 31576, checked in by plg, 8 years ago

equivalent to stripped r31390 (move admin links into a dedicated switchbox)

+ fontello icons for admin/favorites

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