slitaz-forge diff forum/my-templates/slitaz/style.css @ rev 48
Removed old vanilla file and add BBpress theme
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Wed Apr 06 02:14:22 2011 +0200 (2011-04-06) |
parents | |
children | 8ec860ba37ef |
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/forum/my-templates/slitaz/style.css Wed Apr 06 02:14:22 2011 +0200 1.3 @@ -0,0 +1,1020 @@ 1.4 +/* 1.5 +Theme Name: SliTaz 1.6 +Theme URI: http://www.slitaz.org/ 1.7 +Description: The SliTaz Theme for bbPress. 1.8 +Version: 1.0 1.9 +Author: Christophe Lincoln 1.10 +Author URI: http://people.slitaz.org/~pankso/ 1.11 +*/ 1.12 + 1.13 +/* Globals 1.14 +=================================== */ 1.15 + 1.16 +* { margin: 0; padding: 0; } 1.17 + 1.18 +body { 1.19 + background-color: #fff; 1.20 + font: 13px sans-serif, vernada, arial; 1.21 + line-height: 130%; 1.22 +} 1.23 + 1.24 +a { text-decoration: none; color: #215090; } 1.25 +a:hover { text-decoration: none; color: blue; } 1.26 + 1.27 +.alt { background-color: #fff; } 1.28 + 1.29 +pre, code { font: 1.0em Monaco, 'Courier New', monospace; } 1.30 + 1.31 +pre, p { margin-bottom: 1.0em; } 1.32 + 1.33 +.left { float: left; } 1.34 + 1.35 +.right { float: right; } 1.36 + 1.37 +.delete:hover { 1.38 + background-color: #c00; 1.39 + color: #fff; 1.40 +} 1.41 + 1.42 +h1 { font-size: 2em; } 1.43 + 1.44 +h2 { font-size: 1.3em; } 1.45 + 1.46 +fieldset { 1.47 + border-width: 0; 1.48 + padding: 0; 1.49 + margin: 0; 1.50 +} 1.51 + 1.52 +img.avatar { border: 1px solid #ddd; } 1.53 + 1.54 +.bozo { background-color: #eeee88; } 1.55 + 1.56 +.alt.bozo { background-color: #ffff99; } 1.57 + 1.58 +.deleted { background-color: #ee8888; } 1.59 + 1.60 +.alt.deleted { background-color: #ff9999; } 1.61 + 1.62 +/* Structure 1.63 +=================================== */ 1.64 + 1.65 +#wrapper { 1.66 + border: none; 1.67 +} 1.68 + 1.69 +#header { 1.70 + margin: 0; 1.71 + width: 100%; 1.72 + height: 40px; 1.73 + position: relative; 1.74 + background: #351a0a; 1.75 +} 1.76 + 1.77 +#header h1 { 1.78 + font-size: 20px; 1.79 + font-style: italic; 1.80 + position: absolute; 1.81 + display: block; 1.82 + color: #fff; 1.83 + left: 0px; 1.84 + top: 0px; 1.85 + bottom: 0; 1.86 + z-index: 2; 1.87 + background: url(images/logo.png) no-repeat left; 1.88 + padding: 12px 0 0 42px; 1.89 +} 1.90 + 1.91 +#header p.description { 1.92 + font-size: 14px; 1.93 + font-style: italic; 1.94 + position: absolute; 1.95 + display: block; 1.96 + color: #999; 1.97 + text-align: right; 1.98 + left: 120px; 1.99 + top: 8px; 1.100 + padding: 6px; 1.101 + z-index: 2; 1.102 +} 1.103 + 1.104 +#header p { margin-bottom: 0; } 1.105 + 1.106 +#header h1 a { color: #fff; text-decoration: none; } 1.107 +#header h1 a:hover, #network a:hover { color: #d66018; } 1.108 + 1.109 +#header div.search { 1.110 + float: right; 1.111 + padding: 8px; 1.112 + background: #cc5b17; 1.113 + position: absolute; 1.114 + top: 90px; 1.115 + right: 20px; 1.116 + width: 210px; 1.117 + -moz-border-radius: 4px; 1.118 + -webkit-border-radius: 4px; 1.119 + border-radius: 4px; 1.120 +} 1.121 + 1.122 +#header div.search input { 1.123 + border: 1px solid #999; 1.124 + background-color: #fdfdfd; 1.125 + padding: 2px; 1.126 + line-height: 14px; 1.127 + font-size: 12px; 1.128 + margin: 0; 1.129 + -moz-border-radius: 3px; 1.130 + -khtml-border-radius: 3px; 1.131 + -webkit-border-radius: 3px; 1.132 + border-radius: 3px; 1.133 +} 1.134 + 1.135 +#header div.search input.submit { 1.136 + background-color: #ccc; 1.137 + line-height: 15px; 1.138 + -moz-border-radius: 4px; 1.139 + -khtml-border-radius: 4px; 1.140 + -webkit-border-radius: 4px; 1.141 + border-radius: 4px; 1.142 + padding: 2px 4px; 1.143 +} 1.144 + 1.145 +#header div.search input.submit:hover { 1.146 + background-color: #ddd; 1.147 + color: rgb(0, 100, 0); 1.148 +} 1.149 + 1.150 +#header div.search input.submit:active { 1.151 + border-color: rgb(0, 100, 0); 1.152 +} 1.153 + 1.154 +#network { 1.155 + float: right; 1.156 + padding: 10px 5px 0; 1.157 + font-size: 12px; 1.158 +} 1.159 +#network a { padding: 0 6px; color: #fff; font-weight: bold; text-decoration: none;} 1.160 +#network img, .infobox img { vertical-align: middle; border: 0pt none; } 1.161 + 1.162 +#block { 1.163 + min-height: 120px; 1.164 + background: #d66018; 1.165 + padding: 20px 12% 0; 1.166 + text-align: center; 1.167 + color: #333; 1.168 + border-bottom: 1px solid #f5f5f5; 1.169 +} 1.170 + 1.171 +#block a { 1.172 + color: #fff; 1.173 + text-decoration: none; 1.174 +} 1.175 + 1.176 +#block a:hover { 1.177 + text-decoration: underline; 1.178 +} 1.179 + 1.180 +#main { 1.181 + margin: 60px 0; 1.182 + padding: 0px 80px 40px 80px; 1.183 + position: relative; 1.184 +} 1.185 + 1.186 +.bbcrumb { 1.187 + text-transform: uppercase; 1.188 + font-size: 0.9em; 1.189 + letter-spacing: 1px; 1.190 + padding: 5px 0 20px; 1.191 + font-weight: bold; 1.192 +} 1.193 + 1.194 +#footer { 1.195 + background: #f1f1f1; 1.196 + text-align: center; 1.197 + border-top: 1px solid #ddd; 1.198 + padding: 40px; 1.199 + color: #666; 1.200 + margin: 0; 1.201 + clear: both; 1.202 +} 1.203 + 1.204 +#footer p.showoff { 1.205 + color: #888; 1.206 +} 1.207 + 1.208 +#footer a { color: #666; padding: 0 2px; text-decoration: underline; } 1.209 +#footer a:hover { text-decoration: none; } 1.210 + 1.211 +.notice { 1.212 + border: 1px solid #4c9545; 1.213 + background-color: #abd8a2; 1.214 + color: #4c9545; 1.215 + font-size: 1.1em; 1.216 + font-weight: bold; 1.217 + padding: 10px 15px; 1.218 + margin: 0 0 1.1em; 1.219 +} 1.220 + 1.221 +.notice.error { 1.222 + border-color: #852424; 1.223 + background-color: #ca8a8a; 1.224 + color: #5d2424; 1.225 +} 1.226 + 1.227 +.notice p { margin-bottom: 0; } 1.228 + 1.229 +/* Login Form 1.230 +=================================== */ 1.231 + 1.232 +.login { 1.233 + position: absolute; 1.234 + top: 196px; 1.235 + right: 80px; 1.236 + color: #444; 1.237 + z-index: 1; 1.238 + font-size: 12px; 1.239 + 1.240 + padding: 2px; 1.241 +} 1.242 + 1.243 +form.login { 1.244 + bottom: 15px; 1.245 +} 1.246 + 1.247 +.login p { 1.248 + padding: 0px; 1.249 + border-bottom: 0px solid #999; } 1.250 + 1.251 +.login label { 1.252 + display: block; 1.253 + float: left; 1.254 + padding-right: 10px; 1.255 + line-height: 14px; 1.256 +} 1.257 + 1.258 +form.login input { 1.259 + border: 1px solid #999; 1.260 + padding: 2px; 1.261 + line-height: 14px; 1.262 + font-size: 12px; 1.263 + margin: 0; 1.264 + -moz-border-radius: 3px; 1.265 + -khtml-border-radius: 3px; 1.266 + -webkit-border-radius: 3px; 1.267 + border-radius: 3px; 1.268 +} 1.269 + 1.270 +form.login input.submit { 1.271 + background-color: #ccc; 1.272 + float: left; 1.273 + margin-top: 14px; 1.274 + margin-bottom: -10px; 1.275 + display: block; 1.276 + line-height: 15px; 1.277 + -moz-border-radius: 4px; 1.278 + -khtml-border-radius: 4px; 1.279 + -webkit-border-radius: 4px; 1.280 + border-radius: 4px; 1.281 + padding: 2px 4px; 1.282 +} 1.283 + 1.284 +form.login input.submit:hover { 1.285 + background-color: #ddd; 1.286 + color: rgb(0, 100, 0); 1.287 +} 1.288 + 1.289 +form.login input.submit:active { 1.290 + border-color: rgb(0, 100, 0); 1.291 +} 1.292 + 1.293 +div.remember label { 1.294 + clear: both; 1.295 + padding: 0; 1.296 + margin: 6px 0 0 0; 1.297 + line-height: 12px; 1.298 +} 1.299 + 1.300 +form.login input#remember { 1.301 + border-width: 0; 1.302 + padding: 0; 1.303 + margin: 0; 1.304 + vertical-align: baseline; 1.305 +} 1.306 + 1.307 +/* Front Page 1.308 +=================================== */ 1.309 + 1.310 +#front-page #hottags { 1.311 + position: absolute; 1.312 + top: -46px; 1.313 + left: 80px; 1.314 + width: 48%; 1.315 + overflow: hidden; 1.316 + height: 100px; 1.317 +} 1.318 + 1.319 +#front-page #discussions { 1.320 + padding: 60px 0 0 0; 1.321 +} 1.322 + 1.323 +.frontpageheatmap { 1.324 + font-weight: normal; 1.325 + line-height: 30px; 1.326 + padding-bottom: 10px; 1.327 +} 1.328 + 1.329 +#front-page #main h2, #forum-page #main h2, h2.post-form, #userlogin, #currentfavorites, #register, #passwordrecovery { 1.330 + color: #555; 1.331 + border-bottom: 1px solid #ddd; 1.332 + margin: 0 0 10px; 1.333 + padding: 0 0 5px; 1.334 +} 1.335 + 1.336 +#front-page #discussions ul { padding: 0 0 0 14px; } 1.337 + 1.338 +.sticky { background-color: #a1d29a; } 1.339 + 1.340 +/* Page navigation 1.341 +=================================== */ 1.342 + 1.343 +a.page-numbers, 1.344 +span.page-numbers { 1.345 + border-right: 1px solid #bbbbbb; 1.346 + border-bottom: 1px solid #bbbbbb; 1.347 + padding: 4px 4px 2px 5px; 1.348 + margin-left: 5px; 1.349 + background-image: url('images/page-links-background.gif'); 1.350 + background-repeat: no-repeat; 1.351 + background-position: 0 0; 1.352 +} 1.353 + 1.354 +span.page-numbers.current { 1.355 + color: #ffffff; 1.356 + background-position: 0 -100px; 1.357 +} 1.358 + 1.359 +#latest a.page-numbers { 1.360 + font-size: 0.8em; 1.361 + padding: 3px 3px 1px 4px; 1.362 + margin-left: 3px; 1.363 +} 1.364 + 1.365 +a.prev.page-numbers, 1.366 +a.next.page-numbers, 1.367 +span.page-numbers.dots { 1.368 + border-width: 0; 1.369 + padding: 0 4px; 1.370 + background-image: none; 1.371 +} 1.372 + 1.373 +span.page-numbers.dots { 1.374 + padding: 0; 1.375 +} 1.376 + 1.377 +a.page-numbers:hover { 1.378 + background-position: 0 -100px; 1.379 +} 1.380 + 1.381 +a.prev.page-numbers:hover, 1.382 +a.next.page-numbers:hover { 1.383 + color: #006400; 1.384 +} 1.385 + 1.386 +/* Topic Page 1.387 +=================================== */ 1.388 + 1.389 +.infobox { 1.390 + border: 1px solid #ccc; 1.391 + border-width: 1px 0; 1.392 + padding: 1em 0; 1.393 +} 1.394 + 1.395 +.infobox ul { 1.396 + margin: 10px 0 10px 20px; 1.397 + padding: 0; 1.398 + list-style-type: disc; 1.399 +} 1.400 + 1.401 +.infobox ul li { padding-bottom: 3px; } 1.402 + 1.403 +#topic-info { 1.404 + float: left; 1.405 + padding: 0 1em 0 0; 1.406 +} 1.407 + 1.408 +#topic-tags { 1.409 + border-left: 1px solid #ccc; 1.410 + float: right; 1.411 + padding: 0 0 0 1em; 1.412 +} 1.413 + 1.414 +#tag-form p { 1.415 + margin-bottom: 0; 1.416 +} 1.417 + 1.418 +input#tag { 1.419 + border: 1px solid #999; 1.420 + padding: 2px; 1.421 + line-height: 14px; 1.422 + font-size: 12px; 1.423 + margin: 0; 1.424 + -moz-border-radius: 3px; 1.425 + -khtml-border-radius: 3px; 1.426 + -webkit-border-radius: 3px; 1.427 + border-radius: 3px; 1.428 +} 1.429 + 1.430 +input#tagformsub { 1.431 + border: 1px solid #999; 1.432 + line-height: 14px; 1.433 + font-size: 12px; 1.434 + margin: 0; 1.435 + line-height: 15px; 1.436 + -moz-border-radius: 4px; 1.437 + -khtml-border-radius: 4px; 1.438 + -webkit-border-radius: 4px; 1.439 + border-radius: 4px; 1.440 + padding: 2px 4px; 1.441 +} 1.442 + 1.443 +input#tagformsub:hover { 1.444 + background-color: #ddd; 1.445 + color: rgb(0, 100, 0); 1.446 +} 1.447 + 1.448 +input#tagformsub:active { 1.449 + border-color: rgb(0, 100, 0); 1.450 +} 1.451 + 1.452 +.nav { 1.453 + margin: 15px 0; 1.454 + padding: 12px 0; 1.455 + text-align: center; 1.456 +} 1.457 + 1.458 +#thread { 1.459 + list-style: none; 1.460 + margin: 2em 0 0 0; 1.461 + padding: 0; 1.462 +} 1.463 + 1.464 +#thread li { 1.465 + line-height: 1.5em; 1.466 + clear: both; 1.467 + /* Hack to force padding on .threadauthor on IE */ 1.468 + border-top: 1px solid #fff; 1.469 +} 1.470 + 1.471 +#thread li ol, #thread li ul { margin-left: 40px; } 1.472 + 1.473 +#thread li ol li, #thread li ul li { padding: 0; } 1.474 + 1.475 +.threadauthor { 1.476 + float: left; 1.477 + padding: 1em 1em 0 1em; 1.478 + width: 120px; 1.479 +} 1.480 + 1.481 +.threadauthor p { margin: 0; } 1.482 + 1.483 +.threadauthor small { font: 11px Verdana, Arial, Helvetica, sans-serif; } 1.484 + 1.485 +.threadpost { 1.486 + padding: 1.5em 1em; 1.487 + margin-left: 140px; 1.488 + background-color: #eee; 1.489 + -moz-border-radius: 6px; 1.490 + -khtml-border-radius: 6px; 1.491 + -webkit-border-radius: 6px; 1.492 + border-radius: 6px; 1.493 +} 1.494 + 1.495 +#thread li.alt .threadpost { background-color: transparent; } 1.496 + 1.497 +#thread li.deleted { background-color: transparent; } 1.498 + 1.499 +#thread li.deleted .threadpost { background-color: #ee8888; } 1.500 + 1.501 +#thread li.alt.deleted .threadpost { background-color: #ff9999; } 1.502 + 1.503 +#thread li .post-undelete-link, #thread li.deleted .post-delete-link { display: none; } 1.504 +#thread li.deleted .post-undelete-link { display: inline; } 1.505 + 1.506 +#thread li.deleted .before-post-delete-link, #thread li .before-post-undelete-link { display: none; } 1.507 +#thread li.deleted span.before-post-undelete-link { display: inline; } 1.508 +#thread li.deleted div.before-post-undelete-link { display: block; } 1.509 +#thread li.deleted li.before-post-undelete-link { display: block; } 1.510 + 1.511 +#thread li.pingback { 1.512 + margin-left: 140px; 1.513 + margin-top: 2px; 1.514 + margin-bottom: 2px; 1.515 + background-color: #e4f3e1; 1.516 + -moz-border-radius: 6px; 1.517 + -khtml-border-radius: 6px; 1.518 + -webkit-border-radius: 6px; 1.519 + border-radius: 6px; 1.520 + border: 0.2em solid #e4f3e1; 1.521 +} 1.522 + 1.523 +#thread li.pingback.alt { 1.524 + background-color: #fff; 1.525 +} 1.526 + 1.527 +#thread li.pingback .threadpost { 1.528 + background-color: #e4f3e1; 1.529 +} 1.530 + 1.531 +#thread li.pingback.alt .threadpost { 1.532 + background-color: #fff; 1.533 +} 1.534 + 1.535 +#thread li.pingback .threadauthor { 1.536 + float: none; 1.537 + padding: 0.9em 0.9em 0; 1.538 + width: auto; 1.539 +} 1.540 + 1.541 +#thread li.pingback .threadauthor strong { 1.542 + font-weight: normal; 1.543 +} 1.544 + 1.545 +#thread li.pingback .threadauthor small { 1.546 + color: #333; 1.547 +} 1.548 + 1.549 +#thread li.pingback .threadpost { 1.550 + margin-left: 0; 1.551 + padding: 0.5em 0.9em 1.5em; 1.552 +} 1.553 + 1.554 +#thread li.pingback .post { 1.555 + font-style: italic; 1.556 + color: #333; 1.557 + margin: 0 0 0 2.4em; 1.558 + padding: 0 0 0 0.8em; 1.559 + border-left: 3px dotted #ccc; 1.560 +} 1.561 + 1.562 +#thread .post { 1.563 + _height: 90px; /* Hack to fix broken .alt coloring in IE6 */ 1.564 +} 1.565 + 1.566 +#thread .post blockquote { 1.567 + margin: 0 0 0 2.4em; 1.568 + padding: 0 0 0 0.8em; 1.569 + border-left: 3px solid #ccc; 1.570 +} 1.571 + 1.572 +#thread .post li { clear:none; } 1.573 + 1.574 +.poststuff { 1.575 + clear:both; 1.576 + _clear: none; /* Hack to fix broken .alt coloring in IE6 */ 1.577 + border-top: 1px dotted #ccc; 1.578 + margin: 10px 0 0; 1.579 + padding: 5px 0 0; 1.580 + font: 10px Verdana, Arial, Helvetica, sans-serif; 1.581 + text-transform: uppercase; 1.582 +} 1.583 + 1.584 +.num, #forumlist small { 1.585 + font: 11px Verdana,Arial,Helvetica,sans-serif; 1.586 + text-align: center; 1.587 + white-space: nowrap; 1.588 +} 1.589 + 1.590 +h2.post-form { 1.591 + border-bottom-width: 0; 1.592 + margin-bottom: 2px; 1.593 +} 1.594 + 1.595 +.postform { 1.596 + background-color: #f0f0f0; 1.597 + padding: 1em; 1.598 + margin-bottom: 1em; 1.599 + -moz-border-radius: 6px; 1.600 + -khtml-border-radius: 6px; 1.601 + -webkit-border-radius: 6px; 1.602 + border-radius: 6px; 1.603 +} 1.604 + 1.605 +.postform textarea { 1.606 + height: 12em; 1.607 + margin: 5px 0; 1.608 + padding: 5px; 1.609 + width: 724px; 1.610 + max-width: 724px; 1.611 + border: 1px solid #ccc; 1.612 + display: block; 1.613 + -moz-border-radius: 3px; 1.614 + -khtml-border-radius: 3px; 1.615 + -webkit-border-radius: 3px; 1.616 + border-radius: 3px; 1.617 +} 1.618 + 1.619 +.postform label { display: block; } 1.620 + 1.621 +.postform #topic, 1.622 +.postform #tags-input { 1.623 + margin: 5px 0; 1.624 + padding: 5px; 1.625 + width: 724px; 1.626 + border: 1px solid #ccc; 1.627 + display: block; 1.628 + -moz-border-radius: 3px; 1.629 + -khtml-border-radius: 3px; 1.630 + -webkit-border-radius: 3px; 1.631 + border-radius: 3px; 1.632 +} 1.633 + 1.634 +.postform p#post-form-forum-container label span { 1.635 + font-weight: bold; 1.636 + font-style: italic; 1.637 +} 1.638 + 1.639 +#manage-tags { 1.640 + margin: 10px 0; 1.641 + list-style: none; 1.642 +} 1.643 + 1.644 +#manage-tags li { 1.645 + float: left; 1.646 + width: 200px; 1.647 + padding-bottom: 10px; 1.648 +} 1.649 + 1.650 +p.submit { text-align: right; } 1.651 + 1.652 +p.allowed { margin-bottom: 0; } 1.653 + 1.654 +.topiclink { display: block; } 1.655 + 1.656 +.topictitle { 1.657 + font-size: 26px; 1.658 + font-weight: normal; 1.659 + display: inline; 1.660 +} 1.661 + 1.662 +p.rss-link { 1.663 + text-align: right; 1.664 +} 1.665 + 1.666 +a.rss-link { 1.667 + padding: 6px 0 6px 20px; 1.668 + background-image: url('images/feed-icon-16x16.gif'); 1.669 + background-repeat: no-repeat; 1.670 + background-position: 0 50%; 1.671 +} 1.672 + 1.673 +#topic-move, 1.674 +#topic-move fieldset, 1.675 +#topic-move fieldset div { 1.676 + display: inline; 1.677 +} 1.678 + 1.679 +#topic-move input { 1.680 + font-family: inherit; 1.681 + background: none; 1.682 + border: none; 1.683 + cursor: pointer; 1.684 + color: #2e6e15; 1.685 + font-size: 1em; 1.686 +} 1.687 + 1.688 +#topic-move input:hover { color: #006400; } 1.689 + 1.690 +/* Other 1.691 +=================================== */ 1.692 + 1.693 +#content .frontpageheatmap a { 1.694 + font-weight: normal; 1.695 + text-decoration: none; 1.696 +} 1.697 + 1.698 +#content .infobox li { margin-bottom: 2px; } 1.699 + 1.700 +#content .nav a { 1.701 + border: 1px solid #ccc; 1.702 + font-weight: normal; 1.703 +} 1.704 +#content .nav a:hover { 1.705 + border: 1px solid #999; 1.706 +} 1.707 +#content a:visited { 1.708 + font-weight: normal; 1.709 +} 1.710 + 1.711 +#front-search { 1.712 + float: right; 1.713 + margin-top: -8px; 1.714 +} 1.715 + 1.716 +#latest td, #forumlist td, #favorites td { padding: 5px 10px; } 1.717 + 1.718 +#forumlist tr td div.nest { 1.719 + padding-left: 2.5ex; 1.720 +} 1.721 + 1.722 +#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { background-color: #e4f3e1; } 1.723 + 1.724 +#latest th, #forumlist th, #favorites th { 1.725 + text-align: left; 1.726 + background-color: rgb(102, 102, 102); 1.727 + font: 11px Verdana,Arial,Helvetica,sans-serif; 1.728 + font-weight: normal; 1.729 + padding: 5px 9px; 1.730 + color: rgb(255, 255, 255); 1.731 +} 1.732 + 1.733 +#latest th a, #forumlist th a, #favorites th a { 1.734 + color: rgb(200, 200, 200); 1.735 + font-style: italic; 1.736 +} 1.737 + 1.738 +#latest th a:hover, #forumlist th a:hover, #favorites th a:hover { 1.739 + color: rgb(255, 255, 255); 1.740 +} 1.741 + 1.742 +tr.bb-category td { 1.743 + background-color: #ddd; 1.744 +} 1.745 + 1.746 +#latest, #forumlist, #favorites { 1.747 + background-color: #f7f7f7; 1.748 + margin-bottom: 3em; 1.749 + width: 100%; 1.750 +} 1.751 + 1.752 +#latest, #forumlist { 1.753 + margin-top: -0.9em; 1.754 +} 1.755 + 1.756 +#discussions .nav { 1.757 + margin-top: -2em; 1.758 + margin-bottom: 1em; 1.759 +} 1.760 + 1.761 +/* Profile Page 1.762 +=================================== */ 1.763 + 1.764 +#profile-menu { 1.765 + list-style: none; 1.766 + position: absolute; 1.767 + right: 40px; 1.768 + top: -83px; 1.769 +} 1.770 + 1.771 +#profile-menu li { 1.772 + display: inline; 1.773 +} 1.774 + 1.775 +#profile-menu li a, .login a { 1.776 + padding: 4px 6px; 1.777 +} 1.778 + 1.779 +#profile-menu li.current a { 1.780 + background-color: #fff; 1.781 +} 1.782 + 1.783 +#profile-menu li a:hover, .login a:hover { 1.784 + background-color: #fff; 1.785 +} 1.786 + 1.787 +#useravatar { margin-bottom: 1em; } 1.788 + 1.789 +#useravatar img { display: block; border-width: 3px; border-style: double; } 1.790 + 1.791 +#userinfo { margin-top: 10px; } 1.792 + 1.793 +#userinfo dt { font-weight: bold; } 1.794 + 1.795 +#userinfo dd { margin: 0 0 5px; } 1.796 + 1.797 +#useractivity { margin: 15px 0 5px; } 1.798 + 1.799 +.user-recent { margin: 0 0 10px; } 1.800 + 1.801 +.user-recent ol { margin: 5px 0 0 28px; } 1.802 + 1.803 +.user-recent ol li { margin: 0 0 3px; } 1.804 + 1.805 +/* Search 1.806 +=================================== */ 1.807 + 1.808 +#topic-search-form fieldset { 1.809 + border-top: 3px double #ccc; 1.810 + border-bottom: 1px solid #ccc; 1.811 + border-left: none; 1.812 + border-right: none; 1.813 + padding: 10px 0 10px 10px; 1.814 + margin-bottom: 15px; 1.815 + background-color: #f6f6f6; 1.816 +} 1.817 + 1.818 +#topic-search-form div { 1.819 + clear: both; 1.820 +} 1.821 + 1.822 +#topic-search-form div label { 1.823 + display: block; 1.824 + float: left; 1.825 + padding: 5px; 1.826 + text-align: right; 1.827 + width: 20%; 1.828 + vertical-align: top; 1.829 + padding-right: 1em; 1.830 + font-weight: bold; 1.831 +} 1.832 + 1.833 +#topic-search-form div div { 1.834 + display: block; 1.835 + float: left; 1.836 + clear: none; 1.837 + padding: 5px; 1.838 +} 1.839 + 1.840 +#topic-search-form div div input { 1.841 + width: 280px; 1.842 + border: 1px solid #ccc; 1.843 + padding: 2px; 1.844 + line-height: 14px; 1.845 + font-size: 12px; 1.846 + margin: 0; 1.847 + -moz-border-radius: 3px; 1.848 + -khtml-border-radius: 3px; 1.849 + -webkit-border-radius: 3px; 1.850 + border-radius: 3px; 1.851 +} 1.852 + 1.853 +#search-for { margin: 15px 0 5px; } 1.854 + 1.855 +.search-results { margin: 0 0 10px; } 1.856 + 1.857 +.search-results ol { margin: 5px 0 0 28px; } 1.858 + 1.859 +.search-results ol li { margin: 0 0 3px; } 1.860 + 1.861 +/* Login, Register, Profile Edit 1.862 +=================================== */ 1.863 + 1.864 +#login-page fieldset, 1.865 +#register-page fieldset, 1.866 +#profile-page fieldset { 1.867 + border-top: 3px double #ccc; 1.868 + border-bottom: 1px solid #ccc; 1.869 + border-left: none; 1.870 + border-right: none; 1.871 + padding: 10px 0 10px 10px; 1.872 + margin-bottom: 15px; 1.873 + background-color: #f6f6f6; 1.874 +} 1.875 + 1.876 +#login-page legend, 1.877 +#register-page legend, 1.878 +#profile-page legend { 1.879 + font-weight: bold; 1.880 + padding: 0 15px; 1.881 +} 1.882 + 1.883 +#login-page fieldset table, 1.884 +#register-page fieldset table, 1.885 +#profile-page fieldset table { 1.886 + text-align: left; 1.887 + margin: 0 15px; 1.888 + width: 95%; 1.889 + border-collapse: collapse; 1.890 +} 1.891 + 1.892 +#login-page fieldset table th, 1.893 +#register-page fieldset table th, 1.894 +#profile-page fieldset table th { 1.895 + padding: 5px; 1.896 + text-align: right; 1.897 + width: 20%; 1.898 + vertical-align: top; 1.899 + padding-right: 1em; 1.900 +} 1.901 + 1.902 +#login-page fieldset table tr.error th em, 1.903 +#register-page fieldset table tr.error th em, 1.904 +#profile-page fieldset table tr.error th em { 1.905 + position: absolute; 1.906 + /* fieldset:padding-left + table:margin-left + table:width + td:padding-left + input:width + input:padding-right */ 1.907 + left: 458px; /* 10 + 15 + 20% * ( 95% * (760 - 10) ) + 5 + 280 + 5 */ 1.908 + margin-left: 1em; /* th:padding-right = 1em */ 1.909 + color: red; 1.910 + font-style: normal; 1.911 +} 1.912 + 1.913 +#login-page fieldset table td, 1.914 +#register-page fieldset table td, 1.915 +#profile-page fieldset table td { 1.916 + padding: 5px; 1.917 +} 1.918 + 1.919 +#login-page fieldset table td p, 1.920 +#register-page fieldset table td p, 1.921 +#profile-page fieldset table td p{ 1.922 + margin: 5px 0; 1.923 +} 1.924 + 1.925 +#login-page fieldset input[type=text], 1.926 +#register-page fieldset input[type=text], 1.927 +#profile-page fieldset input[type=text], 1.928 +#login-page fieldset input[type=password], 1.929 +#profile-page fieldset input[type=password] { 1.930 + width: 280px; 1.931 + border: 1px solid #ccc; 1.932 + padding: 2px; 1.933 + line-height: 14px; 1.934 + font-size: 12px; 1.935 + margin: 0; 1.936 + -moz-border-radius: 3px; 1.937 + -khtml-border-radius: 3px; 1.938 + -webkit-border-radius: 3px; 1.939 + border-radius: 3px; 1.940 +} 1.941 + 1.942 +#login-page fieldset p, 1.943 +#register-page fieldset p, 1.944 +#profile-page fieldset p { 1.945 + font-size: 11px; 1.946 + margin: 10px 16px; 1.947 +} 1.948 + 1.949 +#login-page tr.form-required label:before, 1.950 +#register-page tr.form-required label:before, 1.951 +#profile-page tr.form-required label:before, 1.952 +p.required-message:before { 1.953 + content: ' * '; 1.954 + color: red; 1.955 + vertical-align: 10%; 1.956 +} 1.957 + 1.958 +.form-invalid { 1.959 + background-color: #ffebe8 !important; 1.960 +} 1.961 + 1.962 +.form-invalid input { 1.963 + padding: 1px; 1.964 + border: 1px solid #c00 !important; 1.965 +} 1.966 + 1.967 +.hidden { 1.968 + display: none; 1.969 +} 1.970 + 1.971 +#pass-strength-result { 1.972 + padding: 2px; 1.973 + text-align: center; 1.974 + width: 280px; 1.975 + border: 1px solid #ccc; 1.976 + background-color: #e3e3e3; 1.977 + -moz-border-radius: 3px; 1.978 + -khtml-border-radius: 3px; 1.979 + -webkit-border-radius: 3px; 1.980 + border-radius: 3px; 1.981 +} 1.982 + 1.983 +#pass-strength-result.bad { 1.984 + background-color: #ffeff7; 1.985 + border-color: #c69; 1.986 +} 1.987 + 1.988 +#pass-strength-result.good { 1.989 + background-color: #effff4; 1.990 + border-color: #66cc87; 1.991 +} 1.992 + 1.993 +#pass-strength-result.short { 1.994 + background-color: #e3e3e3; 1.995 +} 1.996 + 1.997 +#pass-strength-result.strong { 1.998 + background-color: #59ef86; 1.999 + border-color: #319f52; 1.1000 +} 1.1001 + 1.1002 +p.submit input { 1.1003 + background-color: #ccc; 1.1004 + border: 1px solid #999; 1.1005 + padding: 2px 4px; 1.1006 + line-height: 14px; 1.1007 + font-size: 12px; 1.1008 + margin: 0; 1.1009 + line-height: 15px; 1.1010 + -moz-border-radius: 4px; 1.1011 + -khtml-border-radius: 4px; 1.1012 + -webkit-border-radius: 4px; 1.1013 + border-radius: 4px; 1.1014 +} 1.1015 + 1.1016 +p.submit input:hover { 1.1017 + background-color: #ddd; 1.1018 + color: rgb(0, 100, 0); 1.1019 +} 1.1020 + 1.1021 +p.submit input:active { 1.1022 + border-color: rgb(0, 100, 0); 1.1023 +}