source: extensions/floPure/Pure_autumn/theme.css @ 7398

Last change on this file since 7398 was 6859, checked in by flop25, 14 years ago

version 1.0.0 for pwg 2.1.x

File size: 14.4 KB
Line 
1/* $Id: theme.css 02-07-2008 flop25 $ */
2/* text color */
3BODY
4{
5color:#696969;
6font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
7}
8/* links */
9A, INPUT.rateButton {
10    color: #005e89;
11    background: transparent;
12}
13
14A:hover, INPUT.rateButton:hover {
15font-weight:bold;
16}
17
18/* positionnement */
19#menubar DL, #menubar DT, #the_page, BODY {
20        margin: 0px;
21        padding: 0px;
22}
23
24/* backgrounds */
25BODY {
26  background-color: #f5f5f5;   
27}
28
29.header_notes{
30  background-color: #CAD8E1;
31}
32
33/*       contenu  ************/
34
35BODY#theAboutPage #content{
36width:800px ;
37margin-left: auto;
38margin-right: auto;
39}
40.titrePage H2 {
41border-bottom:1px dashed #BBBBBB;
42color:#222222;
43font-weight:bold;
44}
45
46#autre_content {
47padding-bottom:2em;
48padding-top:2em;
49font-size:1.5em;
50color:#000000;
51
52}
53.content {
54  background-color: #fff;
55border-color:#fff #DEDEDE #DEDEDE #fff;
56border-style:none solid solid none;
57border-width:medium 1px 1px medium;
58 background-image: url(images/arbrefond.png);
59 background-repeat:no-repeat;
60 background-position:bottom left;
61}
62
63/*--------menu--------------*/
64#table_content, .table_menu, #table_mbLinks, #table_mbCategories, #table_mbTags, #table_mbSpecials, #table_mbMenu, #table_mbIdentification {
65width:100%;
66border:0;
67padding:0;
68margin:0;
69}
70
71#menubar TABLE {
72padding-bottom:5px;
73}
74#menubar, #menubar A {
75color:#fff;
76}
77
78/* backgrounds menu */
79/** cat **/
80#table_mbCategories .blocmenu_up_right {
81 background-image: url(images/red_up_right.jpg);
82 background-repeat:no-repeat;
83 background-position:bottom;
84 width:30px;
85 height:30px;
86}
87#table_mbCategories .blocmenu_up_left{
88 background-image: url(images/red_up_left.jpg);
89  background-position:bottom;
90  background-repeat:no-repeat;
91 width:30px;
92 height:30px;
93}
94#table_mbCategories .blocmenu_up{
95 background-image: url(images/red_up.jpg);
96   background-position:bottom;
97   background-repeat: repeat-x;
98 height:30px;
99}
100
101#table_mbCategories .blocmenu_in {
102        background-color:#843418;
103}
104#table_mbCategories .blocmenu_right {
105 background-image: url(images/red_right.jpg);
106 background-position:left;
107 background-repeat:repeat-y;
108 width:30px;
109}
110#table_mbCategories .blocmenu_left {
111 background-image: url(images/red_left.jpg);
112 background-position:right;
113 background-repeat:repeat-y;
114 width:30px;
115}
116
117#table_mbCategories .blocmenu_bottom_right{
118 background-image: url(images/red_bott_right.jpg);
119 background-position:top;
120 background-repeat:no-repeat;
121 width:30px;
122 height:30px;
123}
124#table_mbCategories .blocmenu_bottom_left{
125 background-image: url(images/red_bott_left.jpg);
126 background-position:top;
127 background-repeat:no-repeat;
128 width:30px;
129 height:30px;
130}
131#table_mbCategories .blocmenu_bottom{
132 background-image: url(images/red_bott.jpg);
133 background-position:top;
134   background-repeat: repeat-x;
135 height:30px;
136}
137
138/** spé **/
139#table_mbSpecials .blocmenu_up_right, .table_menu .blocmenu_up_right {
140 background-image: url(images/green_up_right.jpg);
141 background-repeat:no-repeat;
142 background-position:bottom;
143 width:30px;
144 height:30px;
145}
146#table_mbSpecials .blocmenu_up_left, .table_menu .blocmenu_up_left {
147 background-image: url(images/green_up_left.jpg);
148  background-position:bottom;
149  background-repeat:no-repeat;
150 width:30px;
151 height:30px;
152}
153#table_mbSpecials .blocmenu_up, .table_menu .blocmenu_up{
154 background-image: url(images/green_up.jpg);
155   background-position:bottom;
156   background-repeat: repeat-x;
157 height:30px;
158}
159
160#table_mbSpecials .blocmenu_in, .table_menu .blocmenu_in {
161        background-color:#a49d4c;
162}
163#table_mbSpecials .blocmenu_right, .table_menu .blocmenu_right {
164 background-image: url(images/green_right.jpg);
165 background-position:left;
166 background-repeat:repeat-y;
167 width:30px;
168}
169#table_mbSpecials .blocmenu_left, .table_menu .blocmenu_left {
170 background-image: url(images/green_left.jpg);
171 background-position:right;
172 background-repeat:repeat-y;
173 width:30px;
174}
175
176#table_mbSpecials .blocmenu_bottom_right, .table_menu .blocmenu_bottom_right {
177 background-image: url(images/green_bott_right.jpg);
178 background-position:top;
179 background-repeat:no-repeat;
180 width:30px;
181 height:30px;
182}
183#table_mbSpecials .blocmenu_bottom_left, .table_menu .blocmenu_bottom_left {
184 background-image: url(images/green_bott_left.jpg);
185 background-position:top;
186 background-repeat:no-repeat;
187 width:30px;
188 height:30px;
189}
190#table_mbSpecials .blocmenu_bottom, .table_menu .blocmenu_bottom {
191 background-image: url(images/green_bott.jpg);
192 background-position:top;
193   background-repeat: repeat-x;
194 height:30px;
195}
196
197/** ident   et link   **/
198#table_mbIdentification .blocmenu_up_right, #table_mbLinks .blocmenu_up_right {
199 background-image: url(images/org_up_right.jpg);
200 background-repeat:no-repeat;
201 background-position:bottom;
202 width:30px;
203 height:30px;
204}
205#table_mbIdentification .blocmenu_up_left, #table_mbLinks .blocmenu_up_left{
206 background-image: url(images/org_up_left.jpg);
207  background-position:bottom;
208  background-repeat:no-repeat;
209 width:30px;
210 height:30px;
211}
212#table_mbIdentification .blocmenu_up, #table_mbLinks .blocmenu_up{
213 background-image: url(images/org_up.jpg);
214   background-position:bottom;
215   background-repeat: repeat-x;
216 height:30px;
217}
218
219#table_mbIdentification .blocmenu_in, #table_mbLinks .blocmenu_in {
220        background-color:#a46b29;
221}
222#table_mbIdentification .blocmenu_right, #table_mbLinks .blocmenu_right {
223 background-image: url(images/org_right.jpg);
224 background-position:left;
225 background-repeat:repeat-y;
226 width:30px;
227}
228#table_mbIdentification .blocmenu_left, #table_mbLinks .blocmenu_left {
229 background-image: url(images/org_left.jpg);
230 background-position:right;
231 background-repeat:repeat-y;
232 width:30px;
233}
234
235#table_mbIdentification .blocmenu_bottom_right, #table_mbLinks .blocmenu_bottom_right {
236 background-image: url(images/org_bott_right.jpg);
237 background-position:top;
238 background-repeat:no-repeat;
239 width:30px;
240 height:30px;
241}
242#table_mbIdentification .blocmenu_bottom_left, #table_mbLinks .blocmenu_bottom_left {
243 background-image: url(images/org_bott_left.jpg);
244 background-position:top;
245 background-repeat:no-repeat;
246 width:30px;
247 height:30px;
248}
249#table_mbIdentification .blocmenu_bottom, #table_mbLinks .blocmenu_bottom {
250 background-image: url(images/org_bott.jpg);
251 background-position:top;
252   background-repeat: repeat-x;
253 height:30px;
254}
255
256/** menu tag**/
257#table_mbMenu .blocmenu_up_right, #table_mbTags .blocmenu_up_right {
258 background-image: url(images/grey_up_right.jpg);
259 background-repeat:no-repeat;
260 background-position:bottom;
261 width:30px;
262 height:30px;
263}
264#table_mbMenu .blocmenu_up_left, #table_mbTags .blocmenu_up_left {
265 background-image: url(images/grey_up_left.jpg);
266  background-position:bottom;
267  background-repeat:no-repeat;
268 width:30px;
269 height:30px;
270}
271#table_mbMenu .blocmenu_up, #table_mbTags .blocmenu_up {
272 background-image: url(images/grey_up.jpg);
273   background-position:bottom;
274   background-repeat: repeat-x;
275 height:30px;
276}
277
278#table_mbMenu .blocmenu_in, #table_mbTags .blocmenu_in {
279        background-color:#7b8d78;
280}
281#table_mbMenu .blocmenu_right, #table_mbTags .blocmenu_right {
282 background-image: url(images/grey_right.jpg);
283 background-position:left;
284 background-repeat:repeat-y;
285 width:30px;
286}
287#table_mbMenu .blocmenu_left, #table_mbTags .blocmenu_left {
288 background-image: url(images/grey_left.jpg);
289 background-position:right;
290 background-repeat:repeat-y;
291 width:30px;
292}
293
294#table_mbMenu .blocmenu_bottom_right, #table_mbTags .blocmenu_bottom_right {
295 background-image: url(images/grey_bott_right.jpg);
296 background-position:top;
297 background-repeat:no-repeat;
298 width:30px;
299 height:30px;
300}
301#table_mbMenu .blocmenu_bottom_left, #table_mbTags .blocmenu_bottom_left {
302 background-image: url(images/grey_bott_left.jpg);
303 background-position:top;
304 background-repeat:no-repeat;
305 width:30px;
306 height:30px;
307}
308#table_mbMenu .blocmenu_bottom, #table_mbTags  .blocmenu_bottom {
309 background-image: url(images/grey_bott.jpg);
310 background-position:top;
311   background-repeat: repeat-x;
312 height:30px;
313}
314/* borders */
315
316/*#menubar DL, #content,*/
317#comments DIV.comment BLOCKQUOTE {
318  border: 1px solid #d3d3d3;
319}
320
321#theImage IMG {
322  border-color: #d3d3d3;
323}
324
325
326FIELDSET, INPUT, SELECT, TEXTAREA,
327#content DIV.comment  A.illustration IMG, #infos,
328#content DIV.thumbnailCategory {
329  border: 1px solid gray;
330}
331
332
333/***                   catégories            **********/
334
335.titrePage h2 {
336        margin-bottom: 20px;
337        }
338
339
340.content ul.thumbnailCategories {
341        margin-bottom: 20px;
342}
343
344.content div.thumbnailCategory  {
345        color:#FFFFFF;
346        margin: 10px;
347        padding-top:5px;
348        padding-left:5px
349}
350.thumbnailCategory  A{
351color:#FFFFFF;
352}
353
354.cat_1 .thumbnailCategory {
355  -moz-border-radius-bottomleft:0;
356  -moz-border-radius-bottomright:15px;
357  -moz-border-radius-topleft:15px;
358  -moz-border-radius-topright:0;
359background-color: #843317;
360
361-webkit-background-clip: border;
362-webkit-background-origin: padding;
363-webkit-border-bottom-right-radius: 15px;
364-webkit-border-top-left-radius: 15px;
365
366
367}
368.cat_2 .thumbnailCategory {
369  -moz-border-radius-bottomleft:0;
370  -moz-border-radius-bottomright:15px;
371  -moz-border-radius-topleft:15px;
372  -moz-border-radius-topright:0;
373background-color: #a49d4c;
374
375-webkit-background-clip: border;
376-webkit-background-origin: padding;
377-webkit-border-bottom-right-radius: 15px;
378-webkit-border-top-left-radius: 15px;
379
380
381}
382.cat_3 .thumbnailCategory {
383  -moz-border-radius-bottomleft:0;
384  -moz-border-radius-bottomright:15px;
385  -moz-border-radius-topleft:15px;
386  -moz-border-radius-topright:0;
387background-color: #a46b29;
388-webkit-background-clip: border;
389-webkit-background-origin: padding;
390-webkit-border-bottom-right-radius: 15px;
391-webkit-border-top-left-radius: 15px;
392
393}
394.cat_4 .thumbnailCategory {
395  -moz-border-radius-bottomleft:0;
396  -moz-border-radius-bottomright:15px;
397  -moz-border-radius-topleft:15px;
398  -moz-border-radius-topright:0;
399background-color: #7B8D78;
400-webkit-background-clip: border;
401-webkit-background-origin: padding;
402-webkit-border-bottom-right-radius: 15px;
403-webkit-border-top-left-radius: 15px;
404}
405
406
407
408
409.cat_1 .thumbnailCategory:hover {
410background:#5E2510 none repeat scroll 0 0;
411}
412.cat_2 .thumbnailCategory:hover {
413background:#777237 none repeat scroll 0 0;}
414.cat_3 .thumbnailCategory:hover {
415background:#7D511E none repeat scroll 0 0;}
416.cat_4 .thumbnailCategory:hover {
417background:#4F5C4E none repeat scroll 0 0;
418}
419/***                   miniatures            **********/
420
421
422#content UL.thumbnails SPAN.wrap2 {
423  border:none;  /* thumbnails border color and style */
424    -moz-border-radius-bottomleft:0;
425  -moz-border-radius-bottomright:15px;
426  -moz-border-radius-topleft:15px;
427  -moz-border-radius-topright:0;
428-webkit-background-clip: border;
429-webkit-background-origin: padding;
430-webkit-border-bottom-right-radius: 15px;
431-webkit-border-top-left-radius: 15px;
432}
433.thumb_1 .wrap2 {
434  background-color: #843317; }
435.thumb_2 .wrap2 {
436  background-color: #a49d4c; }
437.thumb_3 .wrap2 {
438  background-color: #a46b29; }
439.thumb_4 .wrap2 {
440  background-color: #7B8D78; }
441.thumb_5 .wrap2 {
442  background-color: #7B8D78; }
443 
444.thumb_1 .wrap1 {
445 color: #843317; }
446.thumb_2 .wrap1 {
447  color: #a49d4c; }
448.thumb_3 .wrap1 {
449  color: #a46b29; }
450.thumb_4 .wrap1 {
451  color: #7B8D78; }
452.thumb_5 .wrap1 {
453  color: #7B8D78; }
454.content ul.thumbnails span.thumbLegend {
455font-size:1em;
456font-weight:bold;
457overflow:hidden;
458}
459.wrap1:hover {
460  background-color: #B0C2D3;
461  -moz-border-radius-bottomleft:0;
462  -moz-border-radius-bottomright:15px;
463  -moz-border-radius-topleft:15px;
464  -moz-border-radius-topright:0;
465-webkit-background-clip: border;
466-webkit-background-origin: padding;
467-webkit-border-bottom-right-radius: 15px;
468-webkit-border-top-left-radius: 15px;
469}
470.wrap2 IMG, .illustration IMG {
471        border-top-width: 1px;
472        border-right-width: 1px;
473        border-bottom-width: 1px;
474        border-left-width: 1px;
475        border-top-style: solid;
476        border-right-style: solid;
477        border-bottom-style: solid;
478        border-left-style: solid;
479        border-top-color: #CCCCCC;
480        border-right-color: #000000;
481        border-bottom-color: #000000;
482        border-left-color: #CCCCCC;
483}
484
485.content ul.thumbnails span.thumbLegend {
486display:block;
487height:5em;
488}
489
490
491
492/*  Picture;tpl        *****/
493
494
495#imageHeaderBar {
496background-color:#FFFFFF;
497border-top:2px solid #D9E2F0;
498}
499#imageToolBar {
500background-color:#FFFFFF;
501border-bottom:2px solid #CCCCCC;
502}
503#comments {
504        background-color:#FBFFCF;
505        border:1px solid #CCCCCC;
506        margin-top: 20px;
507        margin-right: 30px;
508        margin-bottom: 2em;
509        margin-left: 30px;
510}
511input.text, input.password, input.button, input.submit, input.reset, input.file, select, textarea {
512background-color:#fff;
513color:black;
514}
515#theImage {
516 background-image: url(images/arbrefond.png);
517 background-repeat:no-repeat;
518 background-position:-180px 100%;
519
520}
521#comments .description {
522  border-left: 2px solid #696969;
523  background-color: #fff;
524  color:#696969;
525}
526#comments HR {
527display:none;
528}
529 .thumbnailCategories blockquote A {
530         color:#005e89;
531}
532
533/* links */
534#imageToolBar A, #imageToolBar A:hover {
535    border-bottom: none;
536}
537
538A.navThumb, A.navThumb:hover {
539    border-bottom: none;
540}
541
542/* others */
543.pleaseNote {
544    background-color: #9c9c9c;
545    color: #ffff99;
546    padding: 1ex;
547    font-weight: bold;
548}
549#copyright {
550        width:800px;
551        height:20px;
552        background-image: url(images/footer.jpg);
553        background-position:bottom;
554        background-repeat:no-repeat;
555        padding-top:180px;
556        margin: 0px;
557        color:#FFFFFF;
558        float:right;
559}
560#copyright A, #copyright A:hover {
561        color:#f5f5f5;
562}
563/*calendar elements*/
564SPAN.calItemEmpty { color: silver; }
565
566SPAN.calItem, SPAN.calItemEmpty
567{
568  border: 1px solid silver;
569}
570
571/* nice looking month calendar*/
572TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid #7E7262;}
573
574TD.calDayCellEmpty { color: silver; }
575
576.calBackDate { color: #000; }
577.calForeDate { color: #fff; }
578.virtual_cat { background: #fff !important; }
579.qsearch { font-size: 80%; font-style: normal; }
580#mbMenu #quicksearch > p { text-align: left; }
581#qsearchInput {
582        color: #000;
583}
584#qsearchInput:focus {
585        color: #000;
586}
587
588.tabsheet li,
589.tabsheet li a { color: #005e89; }
590.tabsheet li a:hover { color: #858460; }
591.tabsheet li { background-color: #DEE5ED; }
592.selected_tab { background-color: #FFFFFF!important; }
593ul.tabsheet { border-color: #858460; }
594.tabsheet li { border: 1px solid #696969; }
595.tabsheet li:hover { border-color: #858460 !important; }
Note: See TracBrowser for help on using the repository browser.