source: extensions/stripped_responsive/theme.css @ 29926

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

Updated border for random image

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