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

Last change on this file since 10104 was 10104, checked in by flop25, 13 years ago

no more tpl file : use of prefilter

File size: 13.9 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;
362background-color: #843317;
363
364-webkit-background-clip: border;
365-webkit-background-origin: padding;
366-webkit-border-bottom-right-radius: 15px;
367-webkit-border-top-left-radius: 15px;
368
369
370}
371.cat_2 .thumbnailCategory {
372  -moz-border-radius-bottomleft:0;
373  -moz-border-radius-bottomright:15px;
374  -moz-border-radius-topleft:15px;
375  -moz-border-radius-topright:0;
376background-color: #a49d4c;
377
378-webkit-background-clip: border;
379-webkit-background-origin: padding;
380-webkit-border-bottom-right-radius: 15px;
381-webkit-border-top-left-radius: 15px;
382
383
384}
385.cat_3 .thumbnailCategory {
386  -moz-border-radius-bottomleft:0;
387  -moz-border-radius-bottomright:15px;
388  -moz-border-radius-topleft:15px;
389  -moz-border-radius-topright:0;
390background-color: #a46b29;
391-webkit-background-clip: border;
392-webkit-background-origin: padding;
393-webkit-border-bottom-right-radius: 15px;
394-webkit-border-top-left-radius: 15px;
395
396}
397.cat_4 .thumbnailCategory {
398  -moz-border-radius-bottomleft:0;
399  -moz-border-radius-bottomright:15px;
400  -moz-border-radius-topleft:15px;
401  -moz-border-radius-topright:0;
402background-color: #7B8D78;
403-webkit-background-clip: border;
404-webkit-background-origin: padding;
405-webkit-border-bottom-right-radius: 15px;
406-webkit-border-top-left-radius: 15px;
407}
408
409
410
411
412.cat_1 .thumbnailCategory:hover {
413background:#5E2510 none repeat scroll 0 0;
414}
415.cat_2 .thumbnailCategory:hover {
416background:#777237 none repeat scroll 0 0;}
417.cat_3 .thumbnailCategory:hover {
418background:#7D511E none repeat scroll 0 0;}
419.cat_4 .thumbnailCategory:hover {
420background:#4F5C4E none repeat scroll 0 0;
421}
422/***                   miniatures            **********/
423
424
425#content UL.thumbnails SPAN.wrap2 {
426  border:none;  /* thumbnails border color and style */
427    -moz-border-radius-bottomleft:0;
428  -moz-border-radius-bottomright:15px;
429  -moz-border-radius-topleft:15px;
430  -moz-border-radius-topright:0;
431-webkit-background-clip: border;
432-webkit-background-origin: padding;
433-webkit-border-bottom-right-radius: 15px;
434-webkit-border-top-left-radius: 15px;
435}
436.thumb_1 .wrap2 {
437  background-color: #843317; }
438.thumb_2 .wrap2 {
439  background-color: #a49d4c; }
440.thumb_3 .wrap2 {
441  background-color: #a46b29; }
442.thumb_4 .wrap2 {
443  background-color: #7B8D78; }
444.thumb_5 .wrap2 {
445  background-color: #7B8D78; }
446 
447.thumb_1 .wrap1 {
448 color: #843317; }
449.thumb_2 .wrap1 {
450  color: #a49d4c; }
451.thumb_3 .wrap1 {
452  color: #a46b29; }
453.thumb_4 .wrap1 {
454  color: #7B8D78; }
455.thumb_5 .wrap1 {
456  color: #7B8D78; }
457.content ul.thumbnails span.thumbLegend {
458font-size:1em;
459font-weight:bold;
460overflow:hidden;
461}
462.wrap1:hover {
463  background-color: #B0C2D3;
464  -moz-border-radius-bottomleft:0;
465  -moz-border-radius-bottomright:15px;
466  -moz-border-radius-topleft:15px;
467  -moz-border-radius-topright:0;
468-webkit-background-clip: border;
469-webkit-background-origin: padding;
470-webkit-border-bottom-right-radius: 15px;
471-webkit-border-top-left-radius: 15px;
472}
473.wrap2 IMG, .illustration IMG {
474        border-top-width: 1px;
475        border-right-width: 1px;
476        border-bottom-width: 1px;
477        border-left-width: 1px;
478        border-top-style: solid;
479        border-right-style: solid;
480        border-bottom-style: solid;
481        border-left-style: solid;
482        border-top-color: #CCCCCC;
483        border-right-color: #000000;
484        border-bottom-color: #000000;
485        border-left-color: #CCCCCC;
486}
487
488.content ul.thumbnails span.thumbLegend {
489display:block;
490height:5em;
491}
492
493
494
495/*  Picture;tpl        *****/
496
497
498#imageHeaderBar {
499background-color:#FFFFFF;
500border-top:2px solid #D9E2F0;
501}
502#imageToolBar {
503background-color:#FFFFFF;
504border-bottom:2px solid #CCCCCC;
505}
506#comments {
507        background-color:#FBFFCF;
508        border:1px solid #CCCCCC;
509        margin-top: 20px;
510        margin-right: 30px;
511        margin-bottom: 2em;
512        margin-left: 30px;
513}
514input.text, input.password, input.button, input.submit, input.reset, input.file, select, textarea {
515background-color:#fff;
516color:black;
517}
518#theImage {
519 background-image: url(images/arbrefond.png);
520 background-repeat:no-repeat;
521 background-position:-180px 100%;
522
523}
524#comments .description {
525  border-left: 2px solid #696969;
526  background-color: #fff;
527  color:#696969;
528}
529#comments HR {
530display:none;
531}
532 .thumbnailCategories blockquote A {
533         color:#005e89;
534}
535
536/* links */
537#imageToolBar A, #imageToolBar A:hover {
538    border-bottom: none;
539}
540
541A.navThumb, A.navThumb:hover {
542    border-bottom: none;
543}
544
545/* others */
546.pleaseNote {
547    background-color: #9c9c9c;
548    color: #ffff99;
549    padding: 1ex;
550    font-weight: bold;
551}
552#copyright {
553        width:800px;
554        height:20px;
555        background-image: url(images/footer.jpg);
556        background-position:bottom;
557        background-repeat:no-repeat;
558        padding-top:180px;
559        margin: 0px;
560        color:#FFFFFF;
561        float:right;
562}
563#copyright A, #copyright A:hover {
564        color:#f5f5f5;
565}
566/*calendar elements*/
567SPAN.calItemEmpty { color: silver; }
568
569SPAN.calItem, SPAN.calItemEmpty
570{
571  border: 1px solid silver;
572}
573
574/* nice looking month calendar*/
575TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid #7E7262;}
576
577TD.calDayCellEmpty { color: silver; }
578
579.calBackDate { color: #000; }
580.calForeDate { color: #fff; }
581.virtual_cat { background: #fff !important; }
582.qsearch { font-size: 80%; font-style: normal; }
583#mbMenu #quicksearch > p { text-align: left; }
584#qsearchInput {
585        color: #000;
586}
587#qsearchInput:focus {
588        color: #000;
589}
590
591.tabsheet li,
592.tabsheet li a { color: #005e89; }
593.tabsheet li a:hover { color: #858460; }
594.tabsheet li { background-color: #DEE5ED; }
595.selected_tab { background-color: #FFFFFF!important; }
596ul.tabsheet { border-color: #858460; }
597.tabsheet li { border: 1px solid #696969; }
598.tabsheet li:hover { border-color: #858460 !important; }
Note: See TracBrowser for help on using the repository browser.