source: extensions/stripped/theme.css @ 9568

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

[extension] stripped - version 1.2.0

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