source: extensions/stripped/theme.css @ 8873

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

[extension] stripped - menubar bug correction

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