source: extensions/stripped/theme.css @ 11691

Last change on this file since 11691 was 11652, checked in by flop25, 13 years ago

all perfect. Just thumbnails not verticaly centered for IE7

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