source: extensions/yoga/WinterForest/theme.css @ 4697

Last change on this file since 4697 was 4697, checked in by Swan, 14 years ago
File size: 7.1 KB
Line 
1/* $Id: theme.css 2581 2008-09-24 19:15:01Z vdigital $ */
2
3
4/*=====================================
5               Header
6=====================================*/
7BODY {
8    background:transparent url(img/bg.png) scroll center top;
9        background-repeat:no-repeat;
10   background-attachment:fixed;
11    font-size:12px;
12    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif;
13    color:#484848;
14        margin: 5px;
15        padding: 0;
16}
17
18#theHeader {
19background:transparent url(img/header.png) no-repeat scroll center bottom;
20height:209px;
21text-align: center;
22}
23
24/* text color */
25
26H3{
27font-size:120%;
28text-align:center;
29color:#696969;
30text-transform:uppercase;
31}
32H1, H2, DT,
33INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
34        color:#696969;  /* dimgray */
35}
36
37/* backgrounds */
38
39,
40H2, #imageHeaderBar, #imageToolBar A:hover {
41        background-color: #d3d3d3;
42}
43
44.content, .header_notes {
45  background-color: #eeeeee;
46}
47
48/* borders */
49#menubar DL{
50-moz-border-radius-bottomleft:12px;
51-moz-border-radius-bottomright:12px;
52-moz-border-radius-topleft:12px;
53-moz-border-radius-topright:12px;
54background:transparent url(img/contentbg.png) repeat scroll center top;
55border:1px solid #919191;
56border-spacing:8px;
57margin:0 0 10px 4px;
58/*margin: 0; */
59padding: 0;
60}
61#menubar DT{
62-moz-border-radius-topleft:12px;
63-moz-border-radius-topright:12px;
64background:transparent url(img/news_content.png) repeat-x scroll center top;
65font-weight:bold;
66height:30px;
67color:#5A5A5A;
68font-size:12px;
69padding-top:7px;
70text-align:center;
71}
72
73#theImage IMG {
74  border: 3px solid #d3d3d3;
75}
76#imageToolBar {
77-moz-border-radius-bottomleft:12px;
78-moz-border-radius-bottomright:12px;
79-moz-border-radius-topleft:12px;
80-moz-border-radius-topright:12px;
81background:transparent url(img/contentbg.png) repeat scroll 0 0;
82border:1px solid #919191;
83        width: 860px;
84        margin: 10px auto;
85}
86 #imageHeaderBar{
87-moz-border-radius-bottomleft:12px;
88-moz-border-radius-bottomright:12px;
89-moz-border-radius-topleft:12px;
90-moz-border-radius-topright:12px;
91background:transparent url(img/contentbg.png) repeat scroll 0 0;
92border:1px solid #919191;
93        width: 860px;
94        margin: 10px auto;
95}
96
97.content{
98-moz-border-radius-bottomleft:12px;
99-moz-border-radius-bottomright:12px;
100-moz-border-radius-topleft:12px;
101-moz-border-radius-topright:12px;
102background:transparent url(img/contentbg.png) repeat scroll 0 0;
103border:1px solid #919191;
104}
105
106.content UL.thumbnail IMG {
107    border: 1px solid #a0a0a0;
108}
109
110fieldset{
111-moz-border-radius-bottomleft:12px;
112-moz-border-radius-bottomright:12px;
113-moz-border-radius-topleft:12px;
114-moz-border-radius-topright:12px;
115background:transparent url(img/contentbg.png) repeat scroll 0 0;
116border: 1px solid #919191;
117}
118
119legend {
120-moz-border-radius-bottomleft:12px;
121-moz-border-radius-bottomright:12px;
122-moz-border-radius-topleft:12px;
123-moz-border-radius-topright:12px;
124background:transparent url(img/bg_title.png) repeat-x scroll center top;
125border:1px solid #919191;
126font-size:0.85em;
127font-weight:bold;
128line-height:1.5em;
129margin-left:0.5em;
130margin-top:-0.4em;
131padding:2px 10px;
132position:relative;
133text-transform:uppercase;
134top:0;
135vertical-align:middle;
136}
137
138
139INPUT, SELECT, TEXTAREA{
140  border: 1px solid gray;
141}
142input.submit{
143-moz-border-radius-bottomleft:5px;
144-moz-border-radius-bottomright:5px;
145-moz-border-radius-topleft:5px;
146-moz-border-radius-topright:5px;
147background:transparent url(img/form.png) repeat-x scroll 0 0;
148border:1px solid #919191;
149color:#5A5A5A;
150font-family:Verdana,'Bitstream Vera Sans',Times,serif;
151font-size:10px;
152font-weight:bold;
153padding:1px 2px;
154}
155
156input.reset {
157-moz-border-radius-bottomleft:5px;
158-moz-border-radius-bottomright:5px;
159-moz-border-radius-topleft:5px;
160-moz-border-radius-topright:5px;
161background:transparent url(img/form.png) repeat-x scroll 0 0;
162border:1px solid #919191;
163color:#E10000;
164font-family:Verdana,'Bitstream Vera Sans',Times,serif;
165font-size:10px;
166font-weight:bold;
167padding:1px 2px;
168}
169
170input.reset:hover, input.submit:hover {
171border:1px solid #FFFFFF;
172color:#D0D0D0;
173cursor:pointer;
174}
175
176.content UL.thumbnails SPAN.wrap2 {
177  border: 1px solid #aaaaaa;    /* thumbnails border color and style */
178  border-radius: 4px 4px;       /* round corners with CSS3 compliant browsers */
179}
180div#comments {
181-moz-border-radius-bottomleft:8px;
182-moz-border-radius-bottomright:8px;
183-moz-border-radius-topleft:8px;
184-moz-border-radius-topright:8px;
185background:transparent url(img/contentbg.png) repeat scroll 0 0;
186border: 1px solid #919191;
187}
188
189div#comments h3 {
190-moz-border-radius-bottomleft:8px;
191-moz-border-radius-bottomright:8px;
192-moz-border-radius-topleft:8px;
193-moz-border-radius-topright:8px;
194background:transparent url(img/news_content.png) repeat scroll 0 0;
195border:1px solid #919191;
196height:20px;
197padding:5px;
198}
199
200
201div#comments div.description {
202-moz-border-radius-bottomleft:8px;
203-moz-border-radius-bottomright:8px;
204-moz-border-radius-topleft:8px;
205-moz-border-radius-topright:8px;
206background:transparent url(img/contentbg.png) repeat scroll 0 0;
207border: 1px solid #919191;
208font-size:0.85em;
209font-weight:bold;
210line-height:1.5em;
211padding:0 6px;
212}
213/*=================================
214                Container images
215/*===============================*/
216
217img {
218border:4px double #919191;
219}
220
221img:hover{
222
223border:4px double #000000;
224}
225
226DL#mbAMM_links img
227{
228border:none;
229}
230
231.content DIV.thumbnailCategory {
232-moz-border-radius-bottomleft:12px;
233-moz-border-radius-bottomright:12px;
234-moz-border-radius-topleft:12px;
235-moz-border-radius-topright:12px;
236background:transparent;
237border:1px solid #919191;
238color:#000000;
239}
240
241.content UL.thumbnails SPAN.wrap2:hover{
242  background-color: #FFFFFF;
243  border-color: #CCCCCC;               
244  color:#000000;
245}
246
247.content UL.thumbnailCategories DIV.thumbnailCategory:hover{
248-moz-border-radius-bottomleft:12px;
249-moz-border-radius-bottomright:12px;
250-moz-border-radius-topleft:12px;
251-moz-border-radius-topright:12px;
252background:#CCCCCC url(img/msg_info_mbr.png) repeat-x scroll 0 0;
253border:1px solid #919191;
254color:#000000;
255}
256
257.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
258  background-color: transparent;
259  color:#000000;
260}
261
262/*=================================
263                                Links
264/*===============================*/
265
266.content DIV.titrePage {
267-moz-border-radius-topleft:12px;
268-moz-border-radius-topright:12px;
269background:transparent url(img/news_content.png) repeat-x scroll center top;
270height:30px;
271        padding: 0 0 3px;
272}
273
274A, INPUT.rateButton {
275    color:#5C5C5C;
276    background: transparent;
277        font-size:12px;
278        border: medium none;
279}
280
281A:hover, INPUT.rateButton:hover {
282    color: #858460;
283        font-size:12px;
284}
285
286#imageToolBar A, #imageToolBar A:hover {
287background:none;
288    border-bottom: none;
289        font-size:12px;
290}
291
292A.navThumb, A.navThumb:hover {
293    border-bottom: none;
294        font-size:12px;
295}
296
297/*calendar elements*/
298SPAN.calItem, SPAN.calItemEmpty
299{
300  border: 1px solid silver;
301 
302}
303
304#qsearchInput { color: #d3d3d3; }
305#qsearchInput:focus { color:#5C5C5C; }
306
307/*=================================
308                        autres
309/*===============================*/
310
311#menubar .button {
312border:medium none;
313}
314table.calMonth {
315border:medium none;
316border-collapse:collapse;
317margin-bottom:10px;
318margin-top:40px;
319}
320
321.content .navigationBar, .content .additional_info, .content .calendarBar {
322margin:32px 4px;
323text-align:center;
324}
Note: See TracBrowser for help on using the repository browser.