source: extensions/floPure/Pure_autumn/theme.css

Last change on this file was 16034, checked in by flop25, 12 years ago

multiple changes for 2.4
adding the pattern system
border radius css3 added

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