Révision d7f58da2
Ajouté par Florent Torregrosa il y a presque 10 ans
drupal7/sites/all/themes/mayo/css/colors.css | ||
---|---|---|
1 |
|
|
2 | 1 |
/* ---------- Color Module Styles ----------- */ |
3 |
|
|
4 | 2 |
body, |
5 | 3 |
#page-wrapper { |
6 | 4 |
background-color: #9f8365; |
7 | 5 |
color: #3b3b3b; |
8 | 6 |
} |
7 |
|
|
9 | 8 |
#main, |
10 | 9 |
body.overlay { |
11 | 10 |
background-color: #fef8dd; |
12 | 11 |
color: #3b3b3b; |
13 | 12 |
} |
14 |
#page { /* bg */ |
|
13 |
|
|
14 |
#page { |
|
15 |
/* bg */ |
|
15 | 16 |
background-color: #fef8dd; |
16 | 17 |
} |
18 |
|
|
17 | 19 |
#main-menu-links li a.active, |
18 | 20 |
#main-menu-links li.active-trail a { |
19 | 21 |
background-color: #fef8dd; |
20 | 22 |
} |
23 |
|
|
21 | 24 |
.tabs ul.secondary li a, |
22 | 25 |
.tabs ul.primary li a { |
23 | 26 |
border-color: #e3ddb0; |
... | ... | |
25 | 28 |
border-bottom-style: solid; |
26 | 29 |
background-color: #fef8dd; |
27 | 30 |
} |
31 |
|
|
28 | 32 |
.tabs ul.secondary li a.active:hover, |
29 | 33 |
.tabs ul.secondary li a:hover, |
30 | 34 |
.tabs ul.primary li a.active:hover, |
31 | 35 |
.tabs ul.primary li a:hover { |
32 | 36 |
background-color: #e7e3a6; |
33 | 37 |
} |
34 |
.tabs ul.secondary li a.active, |
|
35 |
.tabs ul.primary li a.active { |
|
36 |
} |
|
38 |
|
|
37 | 39 |
.tabs ul.secondary li.active a, |
38 | 40 |
.tabs ul.primary li.active a { |
39 | 41 |
background-color: #fef8dd; |
40 | 42 |
border-color: #e3ddb0; |
41 | 43 |
} |
44 |
|
|
42 | 45 |
.tabs ul.secondary li { |
43 | 46 |
border-color: #e3ddb0; |
44 | 47 |
} |
48 |
|
|
45 | 49 |
#header { |
46 | 50 |
background-color: #f99301; |
47 |
background-image: -webkit-gradient(linear, left top, right top, from(#f99301), to(#ddff61)); |
|
48 |
background-image: -moz-linear-gradient(0deg, #f99301, #ddff61); |
|
49 |
border-color: #fdf7dc; |
|
50 |
/* for IE 5.5-7 */ |
|
51 |
filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#f99301, EndColorStr=#ddff61, GradientType=1); |
|
52 |
/* for IE 8 */ |
|
53 |
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#f99301, endColorstr=#ddff61, GradientType=1)"; |
|
51 |
background-image: -webkit-gradient(linear, to right, to left, color-stop(0%, #f99301), color-stop(100%, #ddff61)); |
|
52 |
background-image: -webkit-linear-gradient(to right, #f99301, #ddff61); |
|
53 |
background-image: -moz-linear-gradient(to right, #f99301, #ddff61); |
|
54 |
background-image: -o-linear-gradient(to right, #f99301, #ddff61); |
|
55 |
background-image: linear-gradient(to right, #f99301, #ddff61); |
|
54 | 56 |
} |
57 |
|
|
55 | 58 |
a.visited, |
56 | 59 |
a { |
57 | 60 |
color: #739400; |
58 | 61 |
} |
62 |
|
|
59 | 63 |
a:hover, |
60 | 64 |
a:focus { |
61 | 65 |
color: #638400; |
62 | 66 |
} |
67 |
|
|
63 | 68 |
a:active { |
64 | 69 |
color: #638400; |
65 | 70 |
} |
71 |
|
|
66 | 72 |
li a.active { |
67 | 73 |
/* important! */ |
68 | 74 |
color: #3b3b3b; |
69 | 75 |
} |
76 |
|
|
70 | 77 |
.column-block, |
71 | 78 |
.sidebar .block { |
72 | 79 |
background-color: #fdefaa; |
73 | 80 |
border-color: #fceea9; |
74 | 81 |
color: #5a5a5a; |
75 | 82 |
} |
83 |
|
|
76 | 84 |
.column-block h2, |
77 | 85 |
.sidebar h2 { |
78 | 86 |
border-bottom-color: #dccf93; |
79 | 87 |
color: #5a5a5a; |
80 | 88 |
} |
89 |
|
|
81 | 90 |
.column-block a, |
82 | 91 |
.sidebar a { |
83 | 92 |
color: #cb6806; |
84 | 93 |
} |
94 |
|
|
85 | 95 |
.column-block table tr th, |
86 | 96 |
.sidebar .block table tr th { |
87 | 97 |
border-color: #dccf93; |
88 | 98 |
border-color: #fdefaa; |
89 |
border-color: #dccf93;
|
|
99 |
border-color: #dccf93; |
|
90 | 100 |
} |
91 | 101 |
|
92 | 102 |
.node { |
93 | 103 |
background-color: #fefefe; |
94 | 104 |
border-color: #ececec; |
95 | 105 |
} |
96 |
.node h2 { /* nodedividers */ |
|
106 |
|
|
107 |
.node h2 { |
|
108 |
/* nodedividers */ |
|
97 | 109 |
border-color: #b8c195; |
98 | 110 |
} |
111 |
|
|
99 | 112 |
.node-sticky { |
100 | 113 |
background-color: #e6fba7; |
101 | 114 |
} |
115 |
|
|
102 | 116 |
.node .submitted { |
103 | 117 |
color: #777777; |
104 | 118 |
} |
... | ... | |
108 | 122 |
#navigation { |
109 | 123 |
border-bottom-color: #e3ddb0; |
110 | 124 |
} |
125 |
|
|
111 | 126 |
#navigation ul li { |
112 | 127 |
border-right-color: #e3ddb0; |
113 | 128 |
color: #3b3b3b; |
114 | 129 |
} |
130 |
|
|
115 | 131 |
#navigation ul li.last { |
116 | 132 |
border-right: none; |
117 | 133 |
} |
134 |
|
|
118 | 135 |
.highlight { |
119 | 136 |
background-color: #e7e3a6; |
120 | 137 |
} |
138 |
|
|
121 | 139 |
div.item-list ul.pager li a:hover, |
122 | 140 |
#navigation ul li a:hover { |
123 | 141 |
background-color: #e7e3a6; |
124 | 142 |
} |
143 |
|
|
125 | 144 |
#page-title { |
126 | 145 |
background-color: #94974e; |
127 | 146 |
color: #f1f1f1; |
128 | 147 |
} |
129 |
#content .block h2 { /* main content: block title */ |
|
148 |
|
|
149 |
#content .block h2 { |
|
150 |
/* main content: block title */ |
|
130 | 151 |
background-color: #94974e; |
131 | 152 |
color: #f1f1f1; |
132 | 153 |
} |
133 |
#content .node h2 { /* main content: block title */ |
|
154 |
|
|
155 |
#content .node h2 { |
|
156 |
/* main content: block title */ |
|
134 | 157 |
background-color: transparent; |
135 | 158 |
color: #3b3b3b; |
136 | 159 |
} |
137 |
#content .node-sticky h2 { /* main content: block title */ |
|
160 |
|
|
161 |
#content .node-sticky h2 { |
|
162 |
/* main content: block title */ |
|
138 | 163 |
background-color: transparent; |
139 | 164 |
} |
165 |
|
|
140 | 166 |
#footer-wrapper { |
141 | 167 |
background-color: #564939; |
142 | 168 |
color: #cccccc; |
143 | 169 |
} |
170 |
|
|
144 | 171 |
#footer-wrapper a { |
145 | 172 |
color: #f0cb00; |
146 | 173 |
} |
174 |
|
|
147 | 175 |
#footer-wrapper .column-block { |
148 | 176 |
background-color: #564939; |
149 | 177 |
color: #cccccc; |
150 | 178 |
} |
179 |
|
|
151 | 180 |
#footer-wrapper .column-block h2 { |
152 | 181 |
border: none; |
153 | 182 |
color: #cccccc; |
154 | 183 |
} |
184 |
|
|
155 | 185 |
#footer-wrapper .column-block a { |
156 | 186 |
color: #f0cb00; |
157 | 187 |
} |
188 |
|
|
158 | 189 |
#footer { |
159 | 190 |
background-color: #564939; |
160 | 191 |
color: #cccccc; |
161 | 192 |
} |
193 |
|
|
162 | 194 |
#footer a { |
163 | 195 |
color: #f0cb00; |
164 | 196 |
} |
197 |
|
|
165 | 198 |
.region-header, |
166 | 199 |
.region-header a, |
167 | 200 |
.region-header li a.active, |
... | ... | |
187 | 220 |
background-color: #fefefe; |
188 | 221 |
border-color: #ececec; |
189 | 222 |
} |
223 |
|
|
190 | 224 |
.comment h3 { |
191 | 225 |
border-color: #b8c195; |
192 | 226 |
} |
227 |
|
|
193 | 228 |
.comment-unpublished { |
194 | 229 |
background-color: #fefefe; |
195 | 230 |
} |
231 |
|
|
196 | 232 |
.comment .submitted { |
197 | 233 |
color: #777777; |
198 | 234 |
} |
... | ... | |
209 | 245 |
background-color: #dbdeab; |
210 | 246 |
border-right-color: #fef8dd; |
211 | 247 |
} |
248 |
|
|
212 | 249 |
fieldset { |
213 |
border-color: #b8c195; /* nodedivider color */ |
|
250 |
border-color: #b8c195; |
|
251 |
/* nodedivider color */ |
|
214 | 252 |
} |
253 |
|
|
215 | 254 |
tr.even, |
216 | 255 |
tr.even td { |
217 | 256 |
background-color: #ebf0cc; |
218 | 257 |
} |
258 |
|
|
219 | 259 |
tr.odd, |
220 | 260 |
tr.odd td { |
221 | 261 |
background-color: #fefefe; |
222 | 262 |
} |
263 |
|
|
223 | 264 |
tr.even td.active, |
224 | 265 |
tr.odd td.active { |
225 |
background-image: url('../images/dark.png');
|
|
266 |
background-image: url("../images/dark.png");
|
|
226 | 267 |
} |
268 |
|
|
227 | 269 |
.profile .user-picture { |
228 | 270 |
background-color: #fef8dd; |
229 | 271 |
} |
272 |
|
|
230 | 273 |
.column-block table tr td, |
231 | 274 |
.sidebar .block table tr td { |
232 | 275 |
border-color: #dccf93; |
233 | 276 |
} |
277 |
|
|
234 | 278 |
.column-block table tr.even td, |
235 | 279 |
.column-block table tr.odd td, |
236 | 280 |
.sidebar .block table tr.even td, |
... | ... | |
239 | 283 |
background-color: #fdefaa; |
240 | 284 |
} |
241 | 285 |
|
242 |
/*-------------- superfish color ---------------*/ |
|
243 |
.sf-menu li a { |
|
244 |
background-color: #fef8dd; |
|
245 |
border-right-color: #e3ddb0; |
|
246 |
} |
|
247 |
.sf-menu li.last ul li a, |
|
248 |
.sf-menu li ul li a, |
|
249 |
.sf-menu li ul li.last a { |
|
250 |
/* all other child menu items */ |
|
251 |
border-width: 0px; |
|
252 |
} |
|
253 |
.sf-menu li a.sfHover, |
|
254 |
.sf-menu li a:hover { |
|
255 |
background-color: #e7e3a6; |
|
256 |
} |
|
257 |
.sf-menu a, .sf-menu a:active, .sf-menu a:visited, .sf-menu a:focus { |
|
258 |
color: #739400; |
|
259 |
} |
|
260 |
.sf-menu ul { |
|
261 |
/* add border around the child menu block */ |
|
262 |
border-color: #e3ddb0; |
|
263 |
} |
|
264 |
|
|
265 | 286 |
/*-------------- nice_menus color ---------------*/ |
266 | 287 |
.nice-menu a, .nice-menu a:active, .nice-menu a:visited, .nice-menu a:focus { |
267 | 288 |
color: #739400; |
268 | 289 |
} |
290 |
|
|
269 | 291 |
ul.nice-menu li.menuparent a { |
270 | 292 |
/* root menu item that has drop down menu */ |
271 | 293 |
background-color: #fef8dd; |
272 | 294 |
} |
295 |
|
|
273 | 296 |
ul.nice-menu li a { |
274 | 297 |
/* root menu item that has no drop down menu */ |
275 | 298 |
background-color: #fef8dd; |
276 | 299 |
border-right-color: #e3ddb0; |
277 | 300 |
} |
301 |
|
|
278 | 302 |
ul.nice-menu li.menuparent a:hover, |
279 | 303 |
ul.nice-menu li a:hover { |
280 | 304 |
/* root menu item hover color */ |
281 | 305 |
background-color: #e7e3a6; |
282 | 306 |
} |
307 |
|
|
283 | 308 |
ul.nice-menu li.last ul li a, |
284 | 309 |
ul.nice-menu li ul li a, |
285 | 310 |
ul.nice-menu li ul li.last a { |
286 | 311 |
/* drop down menu items */ |
287 | 312 |
border-color: #e3ddb0; |
288 | 313 |
} |
314 |
|
|
289 | 315 |
ul.nice-menu li ul li.menuparent { |
290 | 316 |
/* drop down menu items that has child menu */ |
291 | 317 |
background-color: #fef8dd; |
292 | 318 |
} |
319 |
|
|
293 | 320 |
ul.nice-menu li.menuparent li { |
294 | 321 |
/* drop down menu items that has no child menu */ |
295 | 322 |
background: none; |
296 | 323 |
background-color: #fef8dd; |
297 | 324 |
} |
325 |
|
|
298 | 326 |
ul.nice-menu li.menuparent li:hover { |
299 | 327 |
background: none; |
300 | 328 |
background-color: #e7e3a6; |
301 | 329 |
} |
330 |
|
|
302 | 331 |
ul.nice-menu li ul { |
303 | 332 |
border: solid 1px #e3ddb0; |
304 | 333 |
} |
Formats disponibles : Unified diff
Switch MAYO on version 7.x-2.0 to be adaptative.