source: extensions/stripped/theme.css @ 8804

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

Changes for version 1.1.0 :

  • picture navbuttons moved into the title bar
  • increased size of prev/next thumbnail zone on picture page
  • picture icons and thumbnail arrows replaced by png stripes
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#menubar_container {
262        display:table-cell;
263}
264
265.js #menubar {
266        display: none;
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/* HD Picture Box ------------------------------------------------------------------------------ */
742
743#theImageHigh {
744        position:absolute;
745        top:0px;
746        left:0px;
747        width:100%;
748        height:100%;
749        z-index:9000;
750}
751
752#theImgHighBg {
753        position:absolute;
754        top:0px;
755        left:0px;
756        width:100%;
757        height:100%;
758        background-color:#333333;
759        opacity:0.96;
760        filter:alpha(opacity:96);
761        -moz-opacity:0.96;
762        -khtml-opacity: 0.96;
763}
764
765#theImgHighContainer {
766        position:absolute;
767        width:160px;
768        height:80px;
769        background:#FFFFFF url(icon/processing.gif) no-repeat scroll 82px 42px;
770}
771
772#theImgHighContainer2 {
773        overflow:hidden;
774        width:100%;
775        height:100%;
776}
777
778#theImgHigh {
779        position:relative;
780}
781
782#theImgHighCloseButton, #theImgHighZoomButton {
783        position:absolute;
784        z-index:9050;
785}
786
787.pointer {
788        cursor:pointer;
789}
790
791#theImgHighCloseButton {
792        width:28px;
793        height:28px;
794        background:transparent url(icon/close_high.png) no-repeat scroll 0px 0px;
795        top:15px;
796        right:-15px;
797        cursor:pointer;
798}
799
800#theImgHighZoomButton {
801        width:28px;
802        height:28px;
803        top:45px;
804        right:-15px;
805        cursor:pointer;
806}
807
808#theImgHighZoomButton.fit {
809        background:transparent url(icon/zoom_fit_high.png) no-repeat scroll 0px 0px;
810}
811
812#theImgHighZoomButton.full {
813        background:transparent url(icon/zoom_1-1_high.png) no-repeat scroll 0px 0px;
814}
815
816/* Navbuttons ---------------------------------------------------------------------------------- */
817
818#imageToolBar .navButton {
819        display:inline;
820        width:20px;
821        height:20px;
822        float:left;
823        margin:0 2px;
824        background-image: url(icon/picture.png);
825        background-repeat: no-repeat;
826        overflow:hidden;
827}
828
829#icon_first_0                           {       background-position: 0          0               }
830#icon_first                                     {       background-position: 0          -20px   }
831#icon_first:hover                       {       background-position: 0          -40px   }
832#icon_left_0                            {       background-position: -20px      0               }
833#icon_left                                      {       background-position: -20px      -20px   }
834#icon_left:hover                        {       background-position: -20px      -40px   }
835#icon_up                                        {       background-position: -40px      -20px   }
836#icon_up:hover                          {       background-position: -40px      -40px   }
837#icon_stop                                      {       background-position: -60px      -20px   }
838#icon_stop:hover                        {       background-position: -60px      -40px   }
839#icon_pause                                     {       background-position: -80px      -20px   }
840#icon_pause:hover                       {       background-position: -80px      -40px   }
841#icon_play                                      {       background-position: -100px     -20px   }
842#icon_play:hover                        {       background-position: -100px     -40px   }
843#icon_right_0                           {       background-position: -120px 0           }
844#icon_right                                     {       background-position: -120px     -20px   }
845#icon_right:hover                       {       background-position: -120px -40px       }
846#icon_last_0                            {       background-position: -140px 0           }
847#icon_last                                      {       background-position: -140px     -20px   }
848#icon_last:hover                        {       background-position: -140px -40px       }
849#icon_stop_repeat                       {       background-position: -160px -20px       }
850#icon_stop_repeat:hover                 {       background-position: -160px -40px       }
851#icon_start_repeat                      {       background-position: -180px -20px       }
852#icon_start_repeat:hover        {       background-position: -180px -40px       }
853#icon_inc_period                        {       background-position: -200px     -20px   }
854#icon_inc_period:hover          {       background-position: -200px -40px       }
855#icon_dec_period                        {       background-position: -220px -20px       }
856#icon_dec_period:hover          {       background-position: -220px -40px       }
857
858/* Tabs ---------------------------------------------------------------------------------------- */
859
860#tabTitleBar {
861        height: 25px;
862        border-top: 2px solid #555;
863}
864
865#tabTitles {
866        height: 25px;
867        line-height: 25px;
868        list-style:none;
869        margin:0;
870        overflow:hidden;
871}
872
873#tabs {
874        overflow:hidden;
875        height:0;
876}
877
878.tabBlock {
879        overflow:hidden;
880}
881
882.tabTitle {
883        margin: 0;
884        padding: 0 20px;
885        cursor: pointer;
886        min-width: 100px;
887        text-align:center;
888        display:inline-block;
889        float:left;
890        background: #202020;
891        color: #777;
892        font-weight:bold;
893}
894
895.tabTitle:hover {
896        color:#999;
897}
898
899.tabSelected {
900        color: #999;
901        background: #404040;
902}
903
904.tabBlockContent {
905        background:#404040;
906/*      display:none;*/
907        color:#aaa;
908        padding:10px 50px;
909}
910
911.tabBlock a {
912        color:#eee;
913}
914
915#Tcaption .tabBlockContent,
916#Ttags .tabBlockContent {
917        padding-top:25px;
918        padding-bottom:25px;
919        text-align:center;
920}
921
922#tabs .label {
923        text-align:right;
924        padding-right:5px;
925        font-weight:bold;
926        width:50%;
927}
928
929#tabs .value {
930        text-align:left;
931        padding-left:5px;
932        width:50%;
933}
934
935#tabs .infoTable,
936#tabs .infoTable2 {
937        margin:auto;
938        width:100%;
939}
940
941/* Light Slideshow ----------------------------------------------------------------------------- */
942
943#light_slideshow{
944        color:#444;
945}
946
947#light_slideshow a {
948        color:#666;
949}
950
951#light_slideshow a:hover {
952        color: #999;
953}
954
955#light_slideshow .navButton {
956        opacity:0.5;
957        filter:alpha(opacity:50);
958        -moz-opacity:0.5;
959        -khtml-opacity: 0.5;
960}
961
962#light_slideshow #content {
963        background-color: #161616;
964        border: 2px #222 solid;
965        border-width: 2px 0;
966}
967
968#light_slideshow #theImageAndTitle {
969        margin-bottom:3px;
970}
971
972#light_slideshow #theImg img {
973        border-color: #bbb;
974}
975
976#light_slideshow #imageTitle{
977        color:#666;
978        background:#252525;
979}
980
981/* Comments ------------------------------------------------------------------------------------ */
982
983#subcontent .stuffs_block #comments ul.thumbnailCategories,
984#comments ul {
985        max-width:100%;
986        padding:0;
987        overflow:hidden;
988        height:auto;
989}
990
991#comments > ul > li {
992        display:block;
993        width:99%;
994        background:#404040;
995        margin:10px auto;
996        padding:5px;
997        -moz-border-radius:10px;
998        -webkit-border-radius:10px;
999        border-radius:10px;
1000}
1001
1002#subcontent .stuffs_block #comments li {
1003        background:#505050;
1004}
1005
1006#comments .thumbnailCategory {
1007        height:auto;
1008        display:inline-block;
1009        width:99%;
1010        vertical-align:bottom;
1011}
1012
1013#comments .illustration img {
1014        border:none;
1015        max-width:150px;
1016        max-height:128px;
1017}
1018
1019#comments .illustration {
1020        float:left;
1021        padding-left:15px;
1022        padding-right:15px;
1023        display:inline-block;
1024        overflow:hidden;
1025}
1026
1027#comments .commentList .illustration a {
1028        height:143px;
1029        display:table-cell;
1030}
1031
1032#comments .description {
1033        width:auto;
1034        display:block;
1035        height:140px;
1036        color:#999;
1037        overflow:hidden;
1038}
1039
1040#comments .description .author,
1041#comments .description .date {
1042        color:#c0c0c0;
1043}
1044
1045#comments .description .date {
1046        font-style:italic;
1047}
1048
1049.stuffs_block #comments .actions {
1050        display: none;
1051}
1052
1053#comments .actions {
1054        text-align:right;
1055        padding-right:10px;
1056}
1057
1058.stuffs  #comments .thumbnailCategories .two_comment {
1059        width:48.8%!important;
1060        padding:5px 0!important;
1061        margin:5px 0.6%!important;
1062}
1063
1064.stuffs_block #comments .thumbnailCategories li {
1065        text-align:left;
1066        margin:5px auto;
1067        height:auto;
1068        width:99%!important;
1069}
1070
1071#comments .illustration {
1072        width:170px;
1073        table-layout:fixed;
1074        display:table;
1075}
1076
1077#comments .illustration  a{
1078        width:143px;
1079        text-align:center;
1080        vertical-align:middle;
1081}
1082
1083.stuffs #comments .thumbnailCategory .illustration,
1084.stuffs #comments .thumbnailCategory .illustration  a{
1085        width:170px!important;
1086}
1087
1088
1089.stuffs #comments blockquote {
1090        margin-left:10px;
1091        margin-right:0;
1092}
1093
1094#theCommentsPage #comments blockquote {
1095        margin-right:70px;
1096}
1097
1098#commentAdd, #commentList {
1099        width: 48%;
1100        padding: 0 1%;
1101}
1102#commentAdd  { float: left; }
1103#commentList { float: right; }
1104
1105#commentAdd input[type="text"], #commentAdd textarea {
1106        width: 95%;
1107        font-size:100%;
1108}
1109
1110#commentList ul {
1111        list-style: none;
1112        padding: 0;
1113}
1114
1115#commentList li {
1116        clear: both;
1117        display: block;
1118        border-top: 1px dotted #606060;
1119        padding: 0.5em 0;
1120}
1121
1122#commentList li ul {
1123        list-style-type: none;
1124        padding: 4px;
1125}
1126
1127ul.actions {
1128        float: right;
1129}
1130
1131#commentList .actions li {
1132        border-top: none;
1133}
1134
1135#commentList .author {
1136        font-weight: bold;
1137}
1138
1139#commentList .date {
1140        font-style: italic;
1141}
1142
1143#theCommentsPage #comments li {
1144        clear: left;
1145        list-style: none;
1146}
1147
1148.commentList .author, .commentList .date {
1149        font-weight: bold;
1150}
1151
1152#comments  #editComment fieldset {
1153        padding:5px;
1154}
1155
1156#comments  #contenteditid {
1157        font-size:100%;
1158        width:80%;
1159}
1160
1161/* Tags ---------------------------------------------------------------------------------------- */
1162
1163.tagLetter {
1164        text-align:left;
1165}
1166
1167fieldset legend {
1168        color:#666;
1169}
1170
1171.tagLevel5 { font-size: 125%; }
1172.tagLevel4 { font-size: 116.667%; }
1173.tagLevel3 { font-size: 108.333%; }
1174.tagLevel2 { font-size: 100%; }
1175.tagLevel1 { font-size: 91.667%; }
1176
1177#fullTagCloud {
1178        text-align: center;
1179        margin: 1em 2em;
1180}
1181
1182#fullTagCloud span {
1183        white-space: nowrap;
1184        margin: 0 0.5em;
1185}
1186
1187#fullTagCloud a {
1188        padding: 2px;
1189}
1190
1191.tagLetterContent {
1192        width: 100%;
1193}
1194
1195.tagSelection li {
1196        display: inline;
1197}
1198
1199#fullTagCloud a:hover {
1200        background: #606060;
1201}
1202
1203#menuTagCloud span {
1204        margin: 0;
1205}
1206
1207.nbEntries {
1208        text-align: right;
1209}
1210
1211/* Calendar ------------------------------------------------------------------------------------ */
1212
1213.calendarViews, .calendarCalBar {
1214        margin: 1em 0;
1215}
1216
1217.calCalHead {
1218        font-size: 107.692%;
1219        font-weight: bold;
1220}
1221
1222.calMonth {
1223        margin: 1em auto;
1224}
1225
1226.calendarBar {
1227        text-align: center;
1228}
1229
1230.calendarBar span {
1231        margin: 0 0.5em;
1232}
1233
1234.calMonth td {
1235        background-color: #363636;
1236        text-align: center;
1237}
1238
1239.calImg {
1240        text-align: center;
1241        width:80px;
1242        height:80px;
1243        overflow:hidden;
1244}
1245
1246.calBackDate, .calForeDate {
1247        display: none;
1248}
1249
1250/* Inputs & Forms ------------------------------------------------------------------------------ */
1251
1252input, select, textarea {
1253        background-color: #666;
1254        border: 1px solid #999;
1255        color: #F0F0F0;
1256}
1257
1258input[type="submit"], input[type="reset"] {
1259        background-color: #3f3f3f;
1260        border: 1px solid #606060;
1261        color: #999;
1262}
1263input[type="submit"]:hover, input[type="reset"]:hover {
1264        background-color: #666;
1265        border: 1px solid #999;
1266        color: #F0F0F0;
1267}
1268
1269fieldset {
1270        border: 1px #606060 dotted;
1271        margin: 0 0 1em;
1272        padding: 1em;
1273}
1274
1275fieldset legend {
1276        padding: 0 3px;
1277}
1278
1279fieldset li {
1280        margin: 0.5em 0;
1281}
1282
1283.mandatorystar {
1284        color: #e04040;
1285}
1286
1287#quicksearch input {
1288        color:#BBB;
1289        background:#505050;
1290}
1291
1292#quickconnect input#username,
1293#quickconnect input#password {
1294        color:#AAA;
1295}
1296
1297form {
1298        margin: 0;
1299}
1300
1301#content form li, #subcontent form li {
1302        list-style: none;
1303        margin: 0.2em 0;
1304}
1305
1306.property {
1307        display: inline-block;
1308        width: 180px;
1309}
1310
1311#quicksearch p {
1312        margin: 0;
1313}
1314
1315#quickconnect input#username,
1316#quickconnect input#password,
1317#quicksearch input#qsearchInput {
1318        width: 130px;
1319}
1320
1321#quickconnect #remember_me {
1322        position:relative;
1323        top:2px;
1324}
1325
1326#quickconnect ul.actions {
1327        padding:0;
1328        float:left;
1329        font-size:92.308%;
1330}
1331
1332/* Footer -------------------------------------------------------------------------------------- */
1333
1334#footer {
1335        padding: 2px;
1336        clear: both;
1337        display:block;
1338        font-size:84.615%;
1339        line-height:85%;
1340        margin-bottom:16px;
1341}
1342
1343.footer_login a {
1344        color:#666;
1345}
1346
1347.footer_login a:hover {
1348        color:#ccc;
1349}
1350
1351.footer_login,
1352.footer_customize,
1353#footer_left {
1354        float:left;
1355}
1356
1357#copyright {
1358        float:right;
1359}
1360
1361/* Infos & Errors ------------------------------------------------------------------------------ */
1362
1363.errors {
1364        margin: 1em;
1365        border: 2px solid #A04040;
1366        color: #A04040;
1367}
1368.errors a {
1369        color: #FF0000;
1370        font-weight: bold;
1371}
1372
1373.infos {
1374        margin: 1em;
1375        border: 2px solid #40A040;
1376        color: #40A040;
1377}
1378.infos a {
1379        color: #00FF00;
1380        font-weight: bold;
1381}
1382
1383/* Theme Switcher Plugin ----------------------------------------------------------------------- */
1384
1385.theme_menuf {
1386        display:none!important;
1387}
1388
1389.categoryActions .selector select {
1390        position:relative;
1391        top:-2px;
1392}
1393
1394/* Language Switch Plugin ----------------------------------------------------------------------- */
1395
1396.categoryActions .menuf {
1397        padding:0 0 0 2px;
1398        float:right;
1399}
1400
1401.categoryActions .menuf ul li{
1402        padding:0;
1403}
1404
1405/* Gmaps Plugin -------------------------------------------------------------------------------- */
1406
1407#icon_gmaps.size28x28 {
1408        background:url(../../themes/stripped/icon/gmaps/i28x28.png);
1409        display:inline-block;
1410}
1411
1412#icon_gmaps.size42x28 {
1413        background:url(../../themes/stripped/icon/gmaps/i42x28.png);
1414        display:inline-block;
1415}
1416
1417/* RV Maps & Earth Plugin ---------------------------------------------------------------------- */
1418
1419#theImageBox #map {
1420    left:240px;
1421        margin-bottom:15px;
1422        margin-right:260px;
1423}
1424
1425#theImageBox #mapPicture{
1426   width:230px;
1427   margin-left:10px;
1428}
1429
1430#theImage {
1431    width:100%;
1432}
1433
1434#mapPicture {
1435        color:#202020;
1436}
1437
1438/* PWG Stuffs Plugin --------------------------------------------------------------------------- */
1439
1440#subcontent .stuffs_block .stuffs {
1441        max-width:890px;
1442        padding:0;
1443}
1444
1445.stuffs_block .categoryActions  img {
1446        display:none;
1447}
1448
1449#subcontent .stuffs_block .left_block,
1450#subcontent .stuffs_block .right_block,
1451#subcontent .stuffs_block .middle_block {
1452        color:#999;
1453        max-width:870px;
1454        padding:10px;
1455        background-color:#303030;
1456        -moz-border-radius:10px;
1457        -webkit-border-radius:10px;
1458        -khtml-border-radius:10px;
1459        border-radius:10px;
1460}
1461
1462#subcontent .stuffs_block .left_block {
1463        margin: 5px 10px 0 0;
1464}
1465
1466#subcontent .stuffs_block .right_block {
1467        margin: 5px 0 0 10px;
1468}
1469#subcontent .stuffs_block .middle_block {
1470        margin: 5px 0;
1471}
1472
1473.stuffs_block ul.thumbnailCategories {
1474        display:inline-block;
1475}
1476
1477.stuffs_block ul.thumbnailCategories li {
1478        width:170px;
1479        float:left;
1480}
1481
1482.stuffs_block  .logon_block {
1483        text-align:     left;
1484}
1485
1486.stuffs_block .personal_block ul,
1487.stuffs_block .logon_block  ul {
1488        overflow: visible;
1489}
1490
1491.stuffs_block  .personal_block  li,
1492.stuffs_block  .logon_block li {
1493        background: none;
1494        margin: auto;
1495        float: none;
1496        width: auto;
1497        height: auto;
1498        text-align:left;
1499        display:block;
1500}
1501
1502.stuffs_block .categoryActions li {
1503        background: none;
1504        margin: auto;
1505        float: none;
1506        width: 0;
1507        height: auto;
1508        display:block;
1509        text-align:right;
1510}
1511
1512.stuffs_block .categoryActions {
1513        margin-top:0;
1514        padding-right:10px;
1515}
1516
1517
1518.stuffs_block .categoryActions li:hover,
1519.stuffs_block  .personal_block  li:hover,
1520.stuffs_block  .logon_block li :hover{
1521        background: none;
1522}
1523
1524.stuffs_block .logon_block  img {
1525        display:none;
1526}
1527
1528.stuffs_block .logon_block  .property {
1529        line-height:200%;
1530}
1531
1532.stuffs_block .logon_block  form{
1533        text-align:center;
1534        margin:auto;
1535        max-width:600px;
1536}
1537
1538.stuffs_block .logon_block  p a {
1539        margin-right:8px
1540}
1541
1542.stuffs_block .personal_block  {
1543        text-align: center;
1544}
1545
1546.stuffs_block .personal_block  p {
1547        text-align: left;
1548}
Note: See TracBrowser for help on using the repository browser.