Mercurial > defr > drupal > core
comparison themes/bluemarine/style.css @ 1:c1f4ac30525a 6.0
Drupal 6.0
author | Franck Deroche <webmaster@defr.org> |
---|---|
date | Tue, 23 Dec 2008 14:28:28 +0100 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
0:5a113a1c4740 | 1:c1f4ac30525a |
---|---|
1 /* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */ | |
2 | |
3 /* | |
4 ** HTML elements | |
5 */ | |
6 body { | |
7 margin: 0; | |
8 padding: 0; | |
9 color: #000; | |
10 background-color: #fff; | |
11 font: 76% Verdana, Arial, Helvetica, sans-serif; | |
12 } | |
13 tr.odd td, tr.even td { | |
14 padding: 0.3em; | |
15 } | |
16 h1, h2, h3, h4, h5, h6 { | |
17 margin-bottom: 0.5em; | |
18 } | |
19 h1 { | |
20 font-size: 1.3em; | |
21 } | |
22 h2 { | |
23 font-size: 1.2em; | |
24 } | |
25 h3, h4, h5, h6 { | |
26 font-size: 1.1em; | |
27 } | |
28 p { | |
29 margin-top: 0.5em; | |
30 margin-bottom: 0.9em; | |
31 } | |
32 a { | |
33 text-decoration: none; | |
34 font-weight: bold; | |
35 } | |
36 a:link { | |
37 color: #39c; | |
38 } | |
39 a:visited { | |
40 color: #369; | |
41 } | |
42 a:hover { | |
43 color: #39c; | |
44 text-decoration: underline; | |
45 } | |
46 fieldset { | |
47 border: 1px solid #ccc; | |
48 } | |
49 pre { | |
50 background-color: #eee; | |
51 padding: 0.75em 1.5em; | |
52 font-size: 12px; | |
53 border: 1px solid #ddd; | |
54 } | |
55 table { | |
56 /* make <td> sizes relative to body size! */ | |
57 font-size: 1em; | |
58 } | |
59 .form-item label { | |
60 font-size: 1em; | |
61 color: #222; | |
62 } | |
63 .item-list .title { | |
64 font-size: 1em; | |
65 color: #222; | |
66 } | |
67 .links { | |
68 margin-bottom: 0; | |
69 } | |
70 .comment .links { | |
71 margin-bottom: 0; | |
72 } | |
73 | |
74 /* | |
75 ** Page layout blocks / IDs | |
76 */ | |
77 #header, #content { | |
78 width: 100%; | |
79 } | |
80 #header { | |
81 background-color: #69c; | |
82 } | |
83 #logo { | |
84 vertical-align: middle; | |
85 border: 0; | |
86 } | |
87 #logo img { | |
88 float: left; /* LTR */ | |
89 padding: 0 1em; | |
90 border: 0; | |
91 } | |
92 #menu { | |
93 padding: 0.5em 0.5em 0 0.5em; /* LTR */ | |
94 text-align: right; /* LTR */ | |
95 vertical-align: middle; | |
96 } | |
97 #navlist { | |
98 font-size: 1.0em; | |
99 padding: 0 0.8em 1.2em 0; /* LTR */ | |
100 color: #9cf; | |
101 } | |
102 #navlist a { | |
103 font-weight: bold; | |
104 color: #fff; | |
105 } | |
106 #subnavlist { | |
107 padding: 0.5em 1.2em 0.4em 0; /* LTR */ | |
108 font-size: 0.8em; | |
109 color: #9cf; | |
110 } | |
111 #subnavlist a { | |
112 font-weight: bold; | |
113 color: #9cf; | |
114 } | |
115 ul.links li { | |
116 border-left: 1px solid #9cf; /* LTR */ | |
117 } | |
118 ul.links li.first { | |
119 border: none; | |
120 } | |
121 #search .form-text, #search .form-submit { | |
122 border: 1px solid #369; | |
123 font-size: 1.1em; | |
124 height: 1.5em; | |
125 vertical-align: middle; | |
126 } | |
127 #search .form-text { | |
128 width: 8em; | |
129 padding: 0 0.5em; | |
130 } | |
131 #mission { | |
132 background-color: #369; | |
133 padding: 1.5em 2em; | |
134 color: #fff; | |
135 } | |
136 #mission a, #mission a:visited { | |
137 color: #9cf; | |
138 font-weight: bold; | |
139 } | |
140 .site-name { | |
141 margin: 0.6em 0 0 ; | |
142 padding: 0; | |
143 font-size: 2em; | |
144 } | |
145 .site-name a:link, .site-name a:visited { | |
146 color: #fff; | |
147 } | |
148 .site-name a:hover { | |
149 color: #369; | |
150 text-decoration: none; | |
151 } | |
152 .site-slogan { | |
153 font-size: 1em; | |
154 color: #eee; | |
155 display: block; | |
156 margin: 0; | |
157 font-style: italic; | |
158 font-weight: bold; | |
159 } | |
160 #main { | |
161 /* padding in px not ex because IE messes up 100% width tables otherwise */ | |
162 padding: 10px; | |
163 } | |
164 #mission, .node .content, .comment .content { | |
165 line-height: 1.4em; | |
166 } | |
167 #help { | |
168 font-size: 0.9em; | |
169 margin-bottom: 1em; | |
170 } | |
171 .breadcrumb { | |
172 margin-bottom: .5em; | |
173 } | |
174 .messages { | |
175 background-color: #eee; | |
176 border: 1px solid #ccc; | |
177 padding: 0.3em; | |
178 margin-bottom: 1em; | |
179 } | |
180 .error { | |
181 border-color: red; | |
182 } | |
183 #sidebar-left, #sidebar-right { | |
184 background-color: #ddd; | |
185 width: 16em; | |
186 /* padding in px not ex because IE messes up 100% width tables otherwise */ | |
187 padding: 10px; | |
188 vertical-align: top; | |
189 } | |
190 #footer { | |
191 background-color: #eee; | |
192 padding: 1em; | |
193 font-size: 0.8em; | |
194 } | |
195 | |
196 /* | |
197 ** Common declarations for child classes of node, comment, block, box, etc. | |
198 ** If you want any of them styled differently for a specific parent, add | |
199 ** additional rules /with only the differing properties!/ to .parent .class. | |
200 ** See .comment .title for an example. | |
201 */ | |
202 .title, .title a { | |
203 font-weight: bold; | |
204 font-size: 1.3em; | |
205 color: #777; | |
206 margin: 0 auto; /* decrease default margins for h<x>.title */ | |
207 } | |
208 .submitted { | |
209 color: #999; | |
210 font-size: 0.8em; | |
211 } | |
212 .links { | |
213 color: #999; | |
214 } | |
215 .links a { | |
216 font-weight: bold; | |
217 } | |
218 .block, .box { | |
219 padding: 0 0 1.5em 0; /* LTR */ | |
220 } | |
221 .block { | |
222 border-bottom: 1px solid #bbb; | |
223 padding-bottom: 0.75em; | |
224 margin-bottom: 1.5em; | |
225 } | |
226 .block .title { | |
227 margin-bottom: .25em; | |
228 } | |
229 .box .title { | |
230 font-size: 1.1em; | |
231 } | |
232 .node { | |
233 margin: .5em 0 2em; /* LTR */ | |
234 } | |
235 .sticky { | |
236 padding: .5em; | |
237 background-color: #eee; | |
238 border: solid 1px #ddd; | |
239 } | |
240 .node .content, .comment .content { | |
241 margin: .5em 0 .5em; | |
242 } | |
243 .node .taxonomy { | |
244 color: #999; | |
245 font-size: 0.8em; | |
246 padding-left: 1.5em; /* LTR */ | |
247 } | |
248 .node .picture { | |
249 border: 1px solid #ddd; | |
250 float: right; /* LTR */ | |
251 margin: 0.5em; | |
252 } | |
253 .comment { | |
254 border: 1px solid #abc; | |
255 padding: .5em; | |
256 margin-bottom: 1em; | |
257 } | |
258 .comment .title a { | |
259 font-size: 1.1em; | |
260 font-weight: normal; | |
261 } | |
262 .comment .new { | |
263 text-align: right; /* LTR */ | |
264 font-weight: bold; | |
265 font-size: 0.8em; | |
266 float: right; /* LTR */ | |
267 color: red; | |
268 } | |
269 .comment .picture { | |
270 border: 1px solid #abc; | |
271 float: right; /* LTR */ | |
272 margin: 0.5em; | |
273 } | |
274 | |
275 /* | |
276 ** Module specific styles | |
277 */ | |
278 #aggregator .feed-source { | |
279 background-color: #eee; | |
280 border: 1px solid #ccc; | |
281 padding: 1em; | |
282 margin: 1em 0; | |
283 } | |
284 #aggregator .news-item .categories, #aggregator .source, #aggregator .age { | |
285 color: #999; | |
286 font-style: italic; | |
287 font-size: 0.9em; | |
288 } | |
289 #aggregator .title { | |
290 margin-bottom: 0.5em; | |
291 font-size: 1em; | |
292 } | |
293 #aggregator h3 { | |
294 margin-top: 1em; | |
295 } | |
296 #forum table { | |
297 width: 100%; | |
298 } | |
299 #forum td { | |
300 padding: 0.5em; | |
301 } | |
302 #forum td.forum, #forum td.posts { | |
303 background-color: #eee; | |
304 } | |
305 #forum td.topics, #forum td.last-reply { | |
306 background-color: #ddd; | |
307 } | |
308 #forum td.container { | |
309 background-color: #ccc; | |
310 } | |
311 #forum td.container a { | |
312 color: #555; | |
313 } | |
314 #forum td.statistics, #forum td.settings, #forum td.pager { | |
315 height: 1.5em; | |
316 border: 1px solid #bbb; | |
317 } | |
318 #forum td .name { | |
319 color: #96c; | |
320 } | |
321 #forum td .links { | |
322 padding-top: 0.7em; | |
323 font-size: 0.9em; | |
324 } | |
325 #profile .profile { | |
326 clear: both; | |
327 border: 1px solid #abc; | |
328 padding: .5em; | |
329 margin: 1em 0em; | |
330 } | |
331 #profile .profile .name { | |
332 padding-bottom: 0.5em; | |
333 } | |
334 .block-forum h3 { | |
335 margin-bottom: .5em; | |
336 } | |
337 div.admin-panel .description { | |
338 color: #999; | |
339 } | |
340 div.admin-panel .body { | |
341 background: #f4f4f4; | |
342 } | |
343 div.admin-panel h3 { | |
344 background-color: #69c; | |
345 color: #fff; | |
346 padding: 5px 8px 5px; | |
347 margin: 0; | |
348 } |