source: extensions/stripped_responsive/theme.css @ 29477

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

Updated picture navigation

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