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 } |
