source: extensions/stripped_responsive/theme.css @ 30082

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

Added icons

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