source: extensions/stripped/theme.css @ 7989

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

[extension] stripped - first release

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