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

Last change on this file since 24048 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.