annotate themes/bluemarine/style.css @ 20:e3d20ebd63d1 tip

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