source: extensions/stripped/theme.css @ 11051

Last change on this file since 11051 was 10688, checked in by Zaphod, 13 years ago

version 1.3.7 - new option to force text to lowercase + bug correction

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