source: extensions/stripped/theme.css @ 10114

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

version 1.3.4 - bug correction in header.tpl

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