slitaz-forge annotate 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
rev   line source
pankso@48 1 /*
pankso@48 2 Theme Name: SliTaz
pankso@48 3 Theme URI: http://www.slitaz.org/
pankso@48 4 Description: The SliTaz Theme for bbPress.
pankso@48 5 Version: 1.0
pankso@48 6 Author: Christophe Lincoln
pankso@48 7 Author URI: http://people.slitaz.org/~pankso/
pankso@48 8 */
pankso@48 9
pankso@48 10 /* Globals
pankso@48 11 =================================== */
pankso@48 12
pankso@48 13 * { margin: 0; padding: 0; }
pankso@48 14
pankso@48 15 body {
pankso@48 16 background-color: #fff;
pankso@48 17 font: 13px sans-serif, vernada, arial;
pankso@48 18 line-height: 130%;
pankso@48 19 }
pankso@48 20
pankso@48 21 a { text-decoration: none; color: #215090; }
pankso@48 22 a:hover { text-decoration: none; color: blue; }
pankso@48 23
pankso@48 24 .alt { background-color: #fff; }
pankso@48 25
pankso@48 26 pre, code { font: 1.0em Monaco, 'Courier New', monospace; }
pankso@48 27
pankso@48 28 pre, p { margin-bottom: 1.0em; }
pankso@48 29
pankso@48 30 .left { float: left; }
pankso@48 31
pankso@48 32 .right { float: right; }
pankso@48 33
pankso@48 34 .delete:hover {
pankso@48 35 background-color: #c00;
pankso@48 36 color: #fff;
pankso@48 37 }
pankso@48 38
pankso@48 39 h1 { font-size: 2em; }
pankso@48 40
pankso@48 41 h2 { font-size: 1.3em; }
pankso@48 42
pankso@48 43 fieldset {
pankso@48 44 border-width: 0;
pankso@48 45 padding: 0;
pankso@48 46 margin: 0;
pankso@48 47 }
pankso@48 48
pankso@48 49 img.avatar { border: 1px solid #ddd; }
pankso@48 50
pankso@48 51 .bozo { background-color: #eeee88; }
pankso@48 52
pankso@48 53 .alt.bozo { background-color: #ffff99; }
pankso@48 54
pankso@48 55 .deleted { background-color: #ee8888; }
pankso@48 56
pankso@48 57 .alt.deleted { background-color: #ff9999; }
pankso@48 58
pankso@48 59 /* Structure
pankso@48 60 =================================== */
pankso@48 61
pankso@48 62 #wrapper {
pankso@48 63 border: none;
pankso@48 64 }
pankso@48 65
pankso@48 66 #header {
pankso@48 67 margin: 0;
pankso@48 68 width: 100%;
pankso@48 69 height: 40px;
pankso@48 70 position: relative;
pankso@48 71 background: #351a0a;
pankso@48 72 }
pankso@48 73
pankso@48 74 #header h1 {
pankso@48 75 font-size: 20px;
pankso@48 76 font-style: italic;
pankso@48 77 position: absolute;
pankso@48 78 display: block;
pankso@48 79 color: #fff;
pankso@48 80 left: 0px;
pankso@48 81 top: 0px;
pankso@48 82 bottom: 0;
pankso@48 83 z-index: 2;
pankso@48 84 background: url(images/logo.png) no-repeat left;
pankso@48 85 padding: 12px 0 0 42px;
pankso@48 86 }
pankso@48 87
pankso@48 88 #header p.description {
pankso@48 89 font-size: 14px;
pankso@48 90 font-style: italic;
pankso@48 91 position: absolute;
pankso@48 92 display: block;
pankso@48 93 color: #999;
pankso@48 94 text-align: right;
pankso@48 95 left: 120px;
pankso@48 96 top: 8px;
pankso@48 97 padding: 6px;
pankso@48 98 z-index: 2;
pankso@48 99 }
pankso@48 100
pankso@48 101 #header p { margin-bottom: 0; }
pankso@48 102
pankso@48 103 #header h1 a { color: #fff; text-decoration: none; }
pankso@48 104 #header h1 a:hover, #network a:hover { color: #d66018; }
pankso@48 105
pankso@48 106 #header div.search {
pankso@48 107 float: right;
pankso@48 108 padding: 8px;
pankso@48 109 background: #cc5b17;
pankso@48 110 position: absolute;
pankso@48 111 top: 90px;
pankso@48 112 right: 20px;
pankso@48 113 width: 210px;
pankso@48 114 -moz-border-radius: 4px;
pankso@48 115 -webkit-border-radius: 4px;
pankso@48 116 border-radius: 4px;
pankso@48 117 }
pankso@48 118
pankso@48 119 #header div.search input {
pankso@48 120 border: 1px solid #999;
pankso@48 121 background-color: #fdfdfd;
pankso@48 122 padding: 2px;
pankso@48 123 line-height: 14px;
pankso@48 124 font-size: 12px;
pankso@48 125 margin: 0;
pankso@48 126 -moz-border-radius: 3px;
pankso@48 127 -khtml-border-radius: 3px;
pankso@48 128 -webkit-border-radius: 3px;
pankso@48 129 border-radius: 3px;
pankso@48 130 }
pankso@48 131
pankso@48 132 #header div.search input.submit {
pankso@48 133 background-color: #ccc;
pankso@48 134 line-height: 15px;
pankso@48 135 -moz-border-radius: 4px;
pankso@48 136 -khtml-border-radius: 4px;
pankso@48 137 -webkit-border-radius: 4px;
pankso@48 138 border-radius: 4px;
pankso@48 139 padding: 2px 4px;
pankso@48 140 }
pankso@48 141
pankso@48 142 #header div.search input.submit:hover {
pankso@48 143 background-color: #ddd;
pankso@48 144 color: rgb(0, 100, 0);
pankso@48 145 }
pankso@48 146
pankso@48 147 #header div.search input.submit:active {
pankso@48 148 border-color: rgb(0, 100, 0);
pankso@48 149 }
pankso@48 150
pankso@48 151 #network {
pankso@48 152 float: right;
pankso@48 153 padding: 10px 5px 0;
pankso@48 154 font-size: 12px;
pankso@48 155 }
pankso@48 156 #network a { padding: 0 6px; color: #fff; font-weight: bold; text-decoration: none;}
pankso@48 157 #network img, .infobox img { vertical-align: middle; border: 0pt none; }
pankso@48 158
pankso@48 159 #block {
pankso@48 160 min-height: 120px;
pankso@48 161 background: #d66018;
pankso@48 162 padding: 20px 12% 0;
pankso@48 163 text-align: center;
pankso@48 164 color: #333;
pankso@48 165 border-bottom: 1px solid #f5f5f5;
pankso@48 166 }
pankso@48 167
pankso@48 168 #block a {
pankso@48 169 color: #fff;
pankso@48 170 text-decoration: none;
pankso@48 171 }
pankso@48 172
pankso@48 173 #block a:hover {
pankso@48 174 text-decoration: underline;
pankso@48 175 }
pankso@48 176
pankso@48 177 #main {
pankso@48 178 margin: 60px 0;
pankso@48 179 padding: 0px 80px 40px 80px;
pankso@48 180 position: relative;
pankso@48 181 }
pankso@48 182
pankso@48 183 .bbcrumb {
pankso@48 184 text-transform: uppercase;
pankso@48 185 font-size: 0.9em;
pankso@48 186 letter-spacing: 1px;
pankso@48 187 padding: 5px 0 20px;
pankso@48 188 font-weight: bold;
pankso@48 189 }
pankso@48 190
pankso@48 191 #footer {
pankso@48 192 background: #f1f1f1;
pankso@48 193 text-align: center;
pankso@48 194 border-top: 1px solid #ddd;
pankso@48 195 padding: 40px;
pankso@48 196 color: #666;
pankso@48 197 margin: 0;
pankso@48 198 clear: both;
pankso@48 199 }
pankso@48 200
pankso@48 201 #footer p.showoff {
pankso@48 202 color: #888;
pankso@48 203 }
pankso@48 204
pankso@48 205 #footer a { color: #666; padding: 0 2px; text-decoration: underline; }
pankso@48 206 #footer a:hover { text-decoration: none; }
pankso@48 207
pankso@48 208 .notice {
pankso@48 209 border: 1px solid #4c9545;
pankso@48 210 background-color: #abd8a2;
pankso@48 211 color: #4c9545;
pankso@48 212 font-size: 1.1em;
pankso@48 213 font-weight: bold;
pankso@48 214 padding: 10px 15px;
pankso@48 215 margin: 0 0 1.1em;
pankso@48 216 }
pankso@48 217
pankso@48 218 .notice.error {
pankso@48 219 border-color: #852424;
pankso@48 220 background-color: #ca8a8a;
pankso@48 221 color: #5d2424;
pankso@48 222 }
pankso@48 223
pankso@48 224 .notice p { margin-bottom: 0; }
pankso@48 225
pankso@48 226 /* Login Form
pankso@48 227 =================================== */
pankso@48 228
pankso@48 229 .login {
pankso@48 230 position: absolute;
pankso@48 231 top: 196px;
pankso@48 232 right: 80px;
pankso@48 233 color: #444;
pankso@48 234 z-index: 1;
pankso@48 235 font-size: 12px;
pankso@48 236
pankso@48 237 padding: 2px;
pankso@48 238 }
pankso@48 239
pankso@48 240 form.login {
pankso@48 241 bottom: 15px;
pankso@48 242 }
pankso@48 243
pankso@48 244 .login p {
pankso@48 245 padding: 0px;
pankso@48 246 border-bottom: 0px solid #999; }
pankso@48 247
pankso@48 248 .login label {
pankso@48 249 display: block;
pankso@48 250 float: left;
pankso@48 251 padding-right: 10px;
pankso@48 252 line-height: 14px;
pankso@48 253 }
pankso@48 254
pankso@48 255 form.login input {
pankso@48 256 border: 1px solid #999;
pankso@48 257 padding: 2px;
pankso@48 258 line-height: 14px;
pankso@48 259 font-size: 12px;
pankso@48 260 margin: 0;
pankso@48 261 -moz-border-radius: 3px;
pankso@48 262 -khtml-border-radius: 3px;
pankso@48 263 -webkit-border-radius: 3px;
pankso@48 264 border-radius: 3px;
pankso@48 265 }
pankso@48 266
pankso@48 267 form.login input.submit {
pankso@48 268 background-color: #ccc;
pankso@48 269 float: left;
pankso@48 270 margin-top: 14px;
pankso@48 271 margin-bottom: -10px;
pankso@48 272 display: block;
pankso@48 273 line-height: 15px;
pankso@48 274 -moz-border-radius: 4px;
pankso@48 275 -khtml-border-radius: 4px;
pankso@48 276 -webkit-border-radius: 4px;
pankso@48 277 border-radius: 4px;
pankso@48 278 padding: 2px 4px;
pankso@48 279 }
pankso@48 280
pankso@48 281 form.login input.submit:hover {
pankso@48 282 background-color: #ddd;
pankso@48 283 color: rgb(0, 100, 0);
pankso@48 284 }
pankso@48 285
pankso@48 286 form.login input.submit:active {
pankso@48 287 border-color: rgb(0, 100, 0);
pankso@48 288 }
pankso@48 289
pankso@48 290 div.remember label {
pankso@48 291 clear: both;
pankso@48 292 padding: 0;
pankso@48 293 margin: 6px 0 0 0;
pankso@48 294 line-height: 12px;
pankso@48 295 }
pankso@48 296
pankso@48 297 form.login input#remember {
pankso@48 298 border-width: 0;
pankso@48 299 padding: 0;
pankso@48 300 margin: 0;
pankso@48 301 vertical-align: baseline;
pankso@48 302 }
pankso@48 303
pankso@48 304 /* Front Page
pankso@48 305 =================================== */
pankso@48 306
pankso@48 307 #front-page #hottags {
pankso@48 308 position: absolute;
pankso@48 309 top: -46px;
pankso@48 310 left: 80px;
pankso@48 311 width: 48%;
pankso@48 312 overflow: hidden;
pankso@48 313 height: 100px;
pankso@48 314 }
pankso@48 315
pankso@48 316 #front-page #discussions {
pankso@48 317 padding: 60px 0 0 0;
pankso@48 318 }
pankso@48 319
pankso@48 320 .frontpageheatmap {
pankso@48 321 font-weight: normal;
pankso@48 322 line-height: 30px;
pankso@48 323 padding-bottom: 10px;
pankso@48 324 }
pankso@48 325
pankso@48 326 #front-page #main h2, #forum-page #main h2, h2.post-form, #userlogin, #currentfavorites, #register, #passwordrecovery {
pankso@48 327 color: #555;
pankso@48 328 border-bottom: 1px solid #ddd;
pankso@48 329 margin: 0 0 10px;
pankso@48 330 padding: 0 0 5px;
pankso@48 331 }
pankso@48 332
pankso@48 333 #front-page #discussions ul { padding: 0 0 0 14px; }
pankso@48 334
pankso@48 335 .sticky { background-color: #a1d29a; }
pankso@48 336
pankso@48 337 /* Page navigation
pankso@48 338 =================================== */
pankso@48 339
pankso@48 340 a.page-numbers,
pankso@48 341 span.page-numbers {
pankso@48 342 border-right: 1px solid #bbbbbb;
pankso@48 343 border-bottom: 1px solid #bbbbbb;
pankso@48 344 padding: 4px 4px 2px 5px;
pankso@48 345 margin-left: 5px;
pankso@48 346 background-image: url('images/page-links-background.gif');
pankso@48 347 background-repeat: no-repeat;
pankso@48 348 background-position: 0 0;
pankso@48 349 }
pankso@48 350
pankso@48 351 span.page-numbers.current {
pankso@48 352 color: #ffffff;
pankso@48 353 background-position: 0 -100px;
pankso@48 354 }
pankso@48 355
pankso@48 356 #latest a.page-numbers {
pankso@48 357 font-size: 0.8em;
pankso@48 358 padding: 3px 3px 1px 4px;
pankso@48 359 margin-left: 3px;
pankso@48 360 }
pankso@48 361
pankso@48 362 a.prev.page-numbers,
pankso@48 363 a.next.page-numbers,
pankso@48 364 span.page-numbers.dots {
pankso@48 365 border-width: 0;
pankso@48 366 padding: 0 4px;
pankso@48 367 background-image: none;
pankso@48 368 }
pankso@48 369
pankso@48 370 span.page-numbers.dots {
pankso@48 371 padding: 0;
pankso@48 372 }
pankso@48 373
pankso@48 374 a.page-numbers:hover {
pankso@48 375 background-position: 0 -100px;
pankso@48 376 }
pankso@48 377
pankso@48 378 a.prev.page-numbers:hover,
pankso@48 379 a.next.page-numbers:hover {
pankso@48 380 color: #006400;
pankso@48 381 }
pankso@48 382
pankso@48 383 /* Topic Page
pankso@48 384 =================================== */
pankso@48 385
pankso@48 386 .infobox {
pankso@48 387 border: 1px solid #ccc;
pankso@48 388 border-width: 1px 0;
pankso@48 389 padding: 1em 0;
pankso@48 390 }
pankso@48 391
pankso@48 392 .infobox ul {
pankso@48 393 margin: 10px 0 10px 20px;
pankso@48 394 padding: 0;
pankso@48 395 list-style-type: disc;
pankso@48 396 }
pankso@48 397
pankso@48 398 .infobox ul li { padding-bottom: 3px; }
pankso@48 399
pankso@48 400 #topic-info {
pankso@48 401 float: left;
pankso@48 402 padding: 0 1em 0 0;
pankso@48 403 }
pankso@48 404
pankso@48 405 #topic-tags {
pankso@48 406 border-left: 1px solid #ccc;
pankso@48 407 float: right;
pankso@48 408 padding: 0 0 0 1em;
pankso@48 409 }
pankso@48 410
pankso@48 411 #tag-form p {
pankso@48 412 margin-bottom: 0;
pankso@48 413 }
pankso@48 414
pankso@48 415 input#tag {
pankso@48 416 border: 1px solid #999;
pankso@48 417 padding: 2px;
pankso@48 418 line-height: 14px;
pankso@48 419 font-size: 12px;
pankso@48 420 margin: 0;
pankso@48 421 -moz-border-radius: 3px;
pankso@48 422 -khtml-border-radius: 3px;
pankso@48 423 -webkit-border-radius: 3px;
pankso@48 424 border-radius: 3px;
pankso@48 425 }
pankso@48 426
pankso@48 427 input#tagformsub {
pankso@48 428 border: 1px solid #999;
pankso@48 429 line-height: 14px;
pankso@48 430 font-size: 12px;
pankso@48 431 margin: 0;
pankso@48 432 line-height: 15px;
pankso@48 433 -moz-border-radius: 4px;
pankso@48 434 -khtml-border-radius: 4px;
pankso@48 435 -webkit-border-radius: 4px;
pankso@48 436 border-radius: 4px;
pankso@48 437 padding: 2px 4px;
pankso@48 438 }
pankso@48 439
pankso@48 440 input#tagformsub:hover {
pankso@48 441 background-color: #ddd;
pankso@48 442 color: rgb(0, 100, 0);
pankso@48 443 }
pankso@48 444
pankso@48 445 input#tagformsub:active {
pankso@48 446 border-color: rgb(0, 100, 0);
pankso@48 447 }
pankso@48 448
pankso@48 449 .nav {
pankso@48 450 margin: 15px 0;
pankso@48 451 padding: 12px 0;
pankso@48 452 text-align: center;
pankso@48 453 }
pankso@48 454
pankso@48 455 #thread {
pankso@48 456 list-style: none;
pankso@48 457 margin: 2em 0 0 0;
pankso@48 458 padding: 0;
pankso@48 459 }
pankso@48 460
pankso@48 461 #thread li {
pankso@48 462 line-height: 1.5em;
pankso@48 463 clear: both;
pankso@48 464 /* Hack to force padding on .threadauthor on IE */
pankso@48 465 border-top: 1px solid #fff;
pankso@48 466 }
pankso@48 467
pankso@48 468 #thread li ol, #thread li ul { margin-left: 40px; }
pankso@48 469
pankso@48 470 #thread li ol li, #thread li ul li { padding: 0; }
pankso@48 471
pankso@48 472 .threadauthor {
pankso@48 473 float: left;
pankso@48 474 padding: 1em 1em 0 1em;
pankso@48 475 width: 120px;
pankso@48 476 }
pankso@48 477
pankso@48 478 .threadauthor p { margin: 0; }
pankso@48 479
pankso@48 480 .threadauthor small { font: 11px Verdana, Arial, Helvetica, sans-serif; }
pankso@48 481
pankso@48 482 .threadpost {
pankso@48 483 padding: 1.5em 1em;
pankso@48 484 margin-left: 140px;
pankso@48 485 background-color: #eee;
pankso@48 486 -moz-border-radius: 6px;
pankso@48 487 -khtml-border-radius: 6px;
pankso@48 488 -webkit-border-radius: 6px;
pankso@48 489 border-radius: 6px;
pankso@48 490 }
pankso@48 491
pankso@48 492 #thread li.alt .threadpost { background-color: transparent; }
pankso@48 493
pankso@48 494 #thread li.deleted { background-color: transparent; }
pankso@48 495
pankso@48 496 #thread li.deleted .threadpost { background-color: #ee8888; }
pankso@48 497
pankso@48 498 #thread li.alt.deleted .threadpost { background-color: #ff9999; }
pankso@48 499
pankso@48 500 #thread li .post-undelete-link, #thread li.deleted .post-delete-link { display: none; }
pankso@48 501 #thread li.deleted .post-undelete-link { display: inline; }
pankso@48 502
pankso@48 503 #thread li.deleted .before-post-delete-link, #thread li .before-post-undelete-link { display: none; }
pankso@48 504 #thread li.deleted span.before-post-undelete-link { display: inline; }
pankso@48 505 #thread li.deleted div.before-post-undelete-link { display: block; }
pankso@48 506 #thread li.deleted li.before-post-undelete-link { display: block; }
pankso@48 507
pankso@48 508 #thread li.pingback {
pankso@48 509 margin-left: 140px;
pankso@48 510 margin-top: 2px;
pankso@48 511 margin-bottom: 2px;
pankso@48 512 background-color: #e4f3e1;
pankso@48 513 -moz-border-radius: 6px;
pankso@48 514 -khtml-border-radius: 6px;
pankso@48 515 -webkit-border-radius: 6px;
pankso@48 516 border-radius: 6px;
pankso@48 517 border: 0.2em solid #e4f3e1;
pankso@48 518 }
pankso@48 519
pankso@48 520 #thread li.pingback.alt {
pankso@48 521 background-color: #fff;
pankso@48 522 }
pankso@48 523
pankso@48 524 #thread li.pingback .threadpost {
pankso@48 525 background-color: #e4f3e1;
pankso@48 526 }
pankso@48 527
pankso@48 528 #thread li.pingback.alt .threadpost {
pankso@48 529 background-color: #fff;
pankso@48 530 }
pankso@48 531
pankso@48 532 #thread li.pingback .threadauthor {
pankso@48 533 float: none;
pankso@48 534 padding: 0.9em 0.9em 0;
pankso@48 535 width: auto;
pankso@48 536 }
pankso@48 537
pankso@48 538 #thread li.pingback .threadauthor strong {
pankso@48 539 font-weight: normal;
pankso@48 540 }
pankso@48 541
pankso@48 542 #thread li.pingback .threadauthor small {
pankso@48 543 color: #333;
pankso@48 544 }
pankso@48 545
pankso@48 546 #thread li.pingback .threadpost {
pankso@48 547 margin-left: 0;
pankso@48 548 padding: 0.5em 0.9em 1.5em;
pankso@48 549 }
pankso@48 550
pankso@48 551 #thread li.pingback .post {
pankso@48 552 font-style: italic;
pankso@48 553 color: #333;
pankso@48 554 margin: 0 0 0 2.4em;
pankso@48 555 padding: 0 0 0 0.8em;
pankso@48 556 border-left: 3px dotted #ccc;
pankso@48 557 }
pankso@48 558
pankso@48 559 #thread .post {
pankso@48 560 _height: 90px; /* Hack to fix broken .alt coloring in IE6 */
pankso@48 561 }
pankso@48 562
pankso@48 563 #thread .post blockquote {
pankso@48 564 margin: 0 0 0 2.4em;
pankso@48 565 padding: 0 0 0 0.8em;
pankso@48 566 border-left: 3px solid #ccc;
pankso@48 567 }
pankso@48 568
pankso@48 569 #thread .post li { clear:none; }
pankso@48 570
pankso@48 571 .poststuff {
pankso@48 572 clear:both;
pankso@48 573 _clear: none; /* Hack to fix broken .alt coloring in IE6 */
pankso@48 574 border-top: 1px dotted #ccc;
pankso@48 575 margin: 10px 0 0;
pankso@48 576 padding: 5px 0 0;
pankso@48 577 font: 10px Verdana, Arial, Helvetica, sans-serif;
pankso@48 578 text-transform: uppercase;
pankso@48 579 }
pankso@48 580
pankso@48 581 .num, #forumlist small {
pankso@48 582 font: 11px Verdana,Arial,Helvetica,sans-serif;
pankso@48 583 text-align: center;
pankso@48 584 white-space: nowrap;
pankso@48 585 }
pankso@48 586
pankso@48 587 h2.post-form {
pankso@48 588 border-bottom-width: 0;
pankso@48 589 margin-bottom: 2px;
pankso@48 590 }
pankso@48 591
pankso@48 592 .postform {
pankso@48 593 background-color: #f0f0f0;
pankso@48 594 padding: 1em;
pankso@48 595 margin-bottom: 1em;
pankso@48 596 -moz-border-radius: 6px;
pankso@48 597 -khtml-border-radius: 6px;
pankso@48 598 -webkit-border-radius: 6px;
pankso@48 599 border-radius: 6px;
pankso@48 600 }
pankso@48 601
pankso@48 602 .postform textarea {
pankso@48 603 height: 12em;
pankso@48 604 margin: 5px 0;
pankso@48 605 padding: 5px;
pankso@48 606 width: 724px;
pankso@48 607 max-width: 724px;
pankso@48 608 border: 1px solid #ccc;
pankso@48 609 display: block;
pankso@48 610 -moz-border-radius: 3px;
pankso@48 611 -khtml-border-radius: 3px;
pankso@48 612 -webkit-border-radius: 3px;
pankso@48 613 border-radius: 3px;
pankso@48 614 }
pankso@48 615
pankso@48 616 .postform label { display: block; }
pankso@48 617
pankso@48 618 .postform #topic,
pankso@48 619 .postform #tags-input {
pankso@48 620 margin: 5px 0;
pankso@48 621 padding: 5px;
pankso@48 622 width: 724px;
pankso@48 623 border: 1px solid #ccc;
pankso@48 624 display: block;
pankso@48 625 -moz-border-radius: 3px;
pankso@48 626 -khtml-border-radius: 3px;
pankso@48 627 -webkit-border-radius: 3px;
pankso@48 628 border-radius: 3px;
pankso@48 629 }
pankso@48 630
pankso@48 631 .postform p#post-form-forum-container label span {
pankso@48 632 font-weight: bold;
pankso@48 633 font-style: italic;
pankso@48 634 }
pankso@48 635
pankso@48 636 #manage-tags {
pankso@48 637 margin: 10px 0;
pankso@48 638 list-style: none;
pankso@48 639 }
pankso@48 640
pankso@48 641 #manage-tags li {
pankso@48 642 float: left;
pankso@48 643 width: 200px;
pankso@48 644 padding-bottom: 10px;
pankso@48 645 }
pankso@48 646
pankso@48 647 p.submit { text-align: right; }
pankso@48 648
pankso@48 649 p.allowed { margin-bottom: 0; }
pankso@48 650
pankso@48 651 .topiclink { display: block; }
pankso@48 652
pankso@48 653 .topictitle {
pankso@48 654 font-size: 26px;
pankso@48 655 font-weight: normal;
pankso@48 656 display: inline;
pankso@48 657 }
pankso@48 658
pankso@48 659 p.rss-link {
pankso@48 660 text-align: right;
pankso@48 661 }
pankso@48 662
pankso@48 663 a.rss-link {
pankso@48 664 padding: 6px 0 6px 20px;
pankso@48 665 background-image: url('images/feed-icon-16x16.gif');
pankso@48 666 background-repeat: no-repeat;
pankso@48 667 background-position: 0 50%;
pankso@48 668 }
pankso@48 669
pankso@48 670 #topic-move,
pankso@48 671 #topic-move fieldset,
pankso@48 672 #topic-move fieldset div {
pankso@48 673 display: inline;
pankso@48 674 }
pankso@48 675
pankso@48 676 #topic-move input {
pankso@48 677 font-family: inherit;
pankso@48 678 background: none;
pankso@48 679 border: none;
pankso@48 680 cursor: pointer;
pankso@48 681 color: #2e6e15;
pankso@48 682 font-size: 1em;
pankso@48 683 }
pankso@48 684
pankso@48 685 #topic-move input:hover { color: #006400; }
pankso@48 686
pankso@48 687 /* Other
pankso@48 688 =================================== */
pankso@48 689
pankso@48 690 #content .frontpageheatmap a {
pankso@48 691 font-weight: normal;
pankso@48 692 text-decoration: none;
pankso@48 693 }
pankso@48 694
pankso@48 695 #content .infobox li { margin-bottom: 2px; }
pankso@48 696
pankso@48 697 #content .nav a {
pankso@48 698 border: 1px solid #ccc;
pankso@48 699 font-weight: normal;
pankso@48 700 }
pankso@48 701 #content .nav a:hover {
pankso@48 702 border: 1px solid #999;
pankso@48 703 }
pankso@48 704 #content a:visited {
pankso@48 705 font-weight: normal;
pankso@48 706 }
pankso@48 707
pankso@48 708 #front-search {
pankso@48 709 float: right;
pankso@48 710 margin-top: -8px;
pankso@48 711 }
pankso@48 712
pankso@48 713 #latest td, #forumlist td, #favorites td { padding: 5px 10px; }
pankso@48 714
pankso@48 715 #forumlist tr td div.nest {
pankso@48 716 padding-left: 2.5ex;
pankso@48 717 }
pankso@48 718
pankso@48 719 #latest tr:hover, #forumlist tr:hover, #favorites tr:hover { background-color: #e4f3e1; }
pankso@48 720
pankso@48 721 #latest th, #forumlist th, #favorites th {
pankso@48 722 text-align: left;
pankso@48 723 background-color: rgb(102, 102, 102);
pankso@48 724 font: 11px Verdana,Arial,Helvetica,sans-serif;
pankso@48 725 font-weight: normal;
pankso@48 726 padding: 5px 9px;
pankso@48 727 color: rgb(255, 255, 255);
pankso@48 728 }
pankso@48 729
pankso@48 730 #latest th a, #forumlist th a, #favorites th a {
pankso@48 731 color: rgb(200, 200, 200);
pankso@48 732 font-style: italic;
pankso@48 733 }
pankso@48 734
pankso@48 735 #latest th a:hover, #forumlist th a:hover, #favorites th a:hover {
pankso@48 736 color: rgb(255, 255, 255);
pankso@48 737 }
pankso@48 738
pankso@48 739 tr.bb-category td {
pankso@48 740 background-color: #ddd;
pankso@48 741 }
pankso@48 742
pankso@48 743 #latest, #forumlist, #favorites {
pankso@48 744 background-color: #f7f7f7;
pankso@48 745 margin-bottom: 3em;
pankso@48 746 width: 100%;
pankso@48 747 }
pankso@48 748
pankso@48 749 #latest, #forumlist {
pankso@48 750 margin-top: -0.9em;
pankso@48 751 }
pankso@48 752
pankso@48 753 #discussions .nav {
pankso@48 754 margin-top: -2em;
pankso@48 755 margin-bottom: 1em;
pankso@48 756 }
pankso@48 757
pankso@48 758 /* Profile Page
pankso@48 759 =================================== */
pankso@48 760
pankso@48 761 #profile-menu {
pankso@48 762 list-style: none;
pankso@48 763 position: absolute;
pankso@48 764 right: 40px;
pankso@48 765 top: -83px;
pankso@48 766 }
pankso@48 767
pankso@48 768 #profile-menu li {
pankso@48 769 display: inline;
pankso@48 770 }
pankso@48 771
pankso@48 772 #profile-menu li a, .login a {
pankso@48 773 padding: 4px 6px;
pankso@48 774 }
pankso@48 775
pankso@48 776 #profile-menu li.current a {
pankso@48 777 background-color: #fff;
pankso@48 778 }
pankso@48 779
pankso@48 780 #profile-menu li a:hover, .login a:hover {
pankso@48 781 background-color: #fff;
pankso@48 782 }
pankso@48 783
pankso@48 784 #useravatar { margin-bottom: 1em; }
pankso@48 785
pankso@48 786 #useravatar img { display: block; border-width: 3px; border-style: double; }
pankso@48 787
pankso@48 788 #userinfo { margin-top: 10px; }
pankso@48 789
pankso@48 790 #userinfo dt { font-weight: bold; }
pankso@48 791
pankso@48 792 #userinfo dd { margin: 0 0 5px; }
pankso@48 793
pankso@48 794 #useractivity { margin: 15px 0 5px; }
pankso@48 795
pankso@48 796 .user-recent { margin: 0 0 10px; }
pankso@48 797
pankso@48 798 .user-recent ol { margin: 5px 0 0 28px; }
pankso@48 799
pankso@48 800 .user-recent ol li { margin: 0 0 3px; }
pankso@48 801
pankso@48 802 /* Search
pankso@48 803 =================================== */
pankso@48 804
pankso@48 805 #topic-search-form fieldset {
pankso@48 806 border-top: 3px double #ccc;
pankso@48 807 border-bottom: 1px solid #ccc;
pankso@48 808 border-left: none;
pankso@48 809 border-right: none;
pankso@48 810 padding: 10px 0 10px 10px;
pankso@48 811 margin-bottom: 15px;
pankso@48 812 background-color: #f6f6f6;
pankso@48 813 }
pankso@48 814
pankso@48 815 #topic-search-form div {
pankso@48 816 clear: both;
pankso@48 817 }
pankso@48 818
pankso@48 819 #topic-search-form div label {
pankso@48 820 display: block;
pankso@48 821 float: left;
pankso@48 822 padding: 5px;
pankso@48 823 text-align: right;
pankso@48 824 width: 20%;
pankso@48 825 vertical-align: top;
pankso@48 826 padding-right: 1em;
pankso@48 827 font-weight: bold;
pankso@48 828 }
pankso@48 829
pankso@48 830 #topic-search-form div div {
pankso@48 831 display: block;
pankso@48 832 float: left;
pankso@48 833 clear: none;
pankso@48 834 padding: 5px;
pankso@48 835 }
pankso@48 836
pankso@48 837 #topic-search-form div div input {
pankso@48 838 width: 280px;
pankso@48 839 border: 1px solid #ccc;
pankso@48 840 padding: 2px;
pankso@48 841 line-height: 14px;
pankso@48 842 font-size: 12px;
pankso@48 843 margin: 0;
pankso@48 844 -moz-border-radius: 3px;
pankso@48 845 -khtml-border-radius: 3px;
pankso@48 846 -webkit-border-radius: 3px;
pankso@48 847 border-radius: 3px;
pankso@48 848 }
pankso@48 849
pankso@48 850 #search-for { margin: 15px 0 5px; }
pankso@48 851
pankso@48 852 .search-results { margin: 0 0 10px; }
pankso@48 853
pankso@48 854 .search-results ol { margin: 5px 0 0 28px; }
pankso@48 855
pankso@48 856 .search-results ol li { margin: 0 0 3px; }
pankso@48 857
pankso@48 858 /* Login, Register, Profile Edit
pankso@48 859 =================================== */
pankso@48 860
pankso@48 861 #login-page fieldset,
pankso@48 862 #register-page fieldset,
pankso@48 863 #profile-page fieldset {
pankso@48 864 border-top: 3px double #ccc;
pankso@48 865 border-bottom: 1px solid #ccc;
pankso@48 866 border-left: none;
pankso@48 867 border-right: none;
pankso@48 868 padding: 10px 0 10px 10px;
pankso@48 869 margin-bottom: 15px;
pankso@48 870 background-color: #f6f6f6;
pankso@48 871 }
pankso@48 872
pankso@48 873 #login-page legend,
pankso@48 874 #register-page legend,
pankso@48 875 #profile-page legend {
pankso@48 876 font-weight: bold;
pankso@48 877 padding: 0 15px;
pankso@48 878 }
pankso@48 879
pankso@48 880 #login-page fieldset table,
pankso@48 881 #register-page fieldset table,
pankso@48 882 #profile-page fieldset table {
pankso@48 883 text-align: left;
pankso@48 884 margin: 0 15px;
pankso@48 885 width: 95%;
pankso@48 886 border-collapse: collapse;
pankso@48 887 }
pankso@48 888
pankso@48 889 #login-page fieldset table th,
pankso@48 890 #register-page fieldset table th,
pankso@48 891 #profile-page fieldset table th {
pankso@48 892 padding: 5px;
pankso@48 893 text-align: right;
pankso@48 894 width: 20%;
pankso@48 895 vertical-align: top;
pankso@48 896 padding-right: 1em;
pankso@48 897 }
pankso@48 898
pankso@48 899 #login-page fieldset table tr.error th em,
pankso@48 900 #register-page fieldset table tr.error th em,
pankso@48 901 #profile-page fieldset table tr.error th em {
pankso@48 902 position: absolute;
pankso@48 903 /* fieldset:padding-left + table:margin-left + table:width + td:padding-left + input:width + input:padding-right */
pankso@48 904 left: 458px; /* 10 + 15 + 20% * ( 95% * (760 - 10) ) + 5 + 280 + 5 */
pankso@48 905 margin-left: 1em; /* th:padding-right = 1em */
pankso@48 906 color: red;
pankso@48 907 font-style: normal;
pankso@48 908 }
pankso@48 909
pankso@48 910 #login-page fieldset table td,
pankso@48 911 #register-page fieldset table td,
pankso@48 912 #profile-page fieldset table td {
pankso@48 913 padding: 5px;
pankso@48 914 }
pankso@48 915
pankso@48 916 #login-page fieldset table td p,
pankso@48 917 #register-page fieldset table td p,
pankso@48 918 #profile-page fieldset table td p{
pankso@48 919 margin: 5px 0;
pankso@48 920 }
pankso@48 921
pankso@48 922 #login-page fieldset input[type=text],
pankso@48 923 #register-page fieldset input[type=text],
pankso@48 924 #profile-page fieldset input[type=text],
pankso@48 925 #login-page fieldset input[type=password],
pankso@48 926 #profile-page fieldset input[type=password] {
pankso@48 927 width: 280px;
pankso@48 928 border: 1px solid #ccc;
pankso@48 929 padding: 2px;
pankso@48 930 line-height: 14px;
pankso@48 931 font-size: 12px;
pankso@48 932 margin: 0;
pankso@48 933 -moz-border-radius: 3px;
pankso@48 934 -khtml-border-radius: 3px;
pankso@48 935 -webkit-border-radius: 3px;
pankso@48 936 border-radius: 3px;
pankso@48 937 }
pankso@48 938
pankso@48 939 #login-page fieldset p,
pankso@48 940 #register-page fieldset p,
pankso@48 941 #profile-page fieldset p {
pankso@48 942 font-size: 11px;
pankso@48 943 margin: 10px 16px;
pankso@48 944 }
pankso@48 945
pankso@48 946 #login-page tr.form-required label:before,
pankso@48 947 #register-page tr.form-required label:before,
pankso@48 948 #profile-page tr.form-required label:before,
pankso@48 949 p.required-message:before {
pankso@48 950 content: ' * ';
pankso@48 951 color: red;
pankso@48 952 vertical-align: 10%;
pankso@48 953 }
pankso@48 954
pankso@48 955 .form-invalid {
pankso@48 956 background-color: #ffebe8 !important;
pankso@48 957 }
pankso@48 958
pankso@48 959 .form-invalid input {
pankso@48 960 padding: 1px;
pankso@48 961 border: 1px solid #c00 !important;
pankso@48 962 }
pankso@48 963
pankso@48 964 .hidden {
pankso@48 965 display: none;
pankso@48 966 }
pankso@48 967
pankso@48 968 #pass-strength-result {
pankso@48 969 padding: 2px;
pankso@48 970 text-align: center;
pankso@48 971 width: 280px;
pankso@48 972 border: 1px solid #ccc;
pankso@48 973 background-color: #e3e3e3;
pankso@48 974 -moz-border-radius: 3px;
pankso@48 975 -khtml-border-radius: 3px;
pankso@48 976 -webkit-border-radius: 3px;
pankso@48 977 border-radius: 3px;
pankso@48 978 }
pankso@48 979
pankso@48 980 #pass-strength-result.bad {
pankso@48 981 background-color: #ffeff7;
pankso@48 982 border-color: #c69;
pankso@48 983 }
pankso@48 984
pankso@48 985 #pass-strength-result.good {
pankso@48 986 background-color: #effff4;
pankso@48 987 border-color: #66cc87;
pankso@48 988 }
pankso@48 989
pankso@48 990 #pass-strength-result.short {
pankso@48 991 background-color: #e3e3e3;
pankso@48 992 }
pankso@48 993
pankso@48 994 #pass-strength-result.strong {
pankso@48 995 background-color: #59ef86;
pankso@48 996 border-color: #319f52;
pankso@48 997 }
pankso@48 998
pankso@48 999 p.submit input {
pankso@48 1000 background-color: #ccc;
pankso@48 1001 border: 1px solid #999;
pankso@48 1002 padding: 2px 4px;
pankso@48 1003 line-height: 14px;
pankso@48 1004 font-size: 12px;
pankso@48 1005 margin: 0;
pankso@48 1006 line-height: 15px;
pankso@48 1007 -moz-border-radius: 4px;
pankso@48 1008 -khtml-border-radius: 4px;
pankso@48 1009 -webkit-border-radius: 4px;
pankso@48 1010 border-radius: 4px;
pankso@48 1011 }
pankso@48 1012
pankso@48 1013 p.submit input:hover {
pankso@48 1014 background-color: #ddd;
pankso@48 1015 color: rgb(0, 100, 0);
pankso@48 1016 }
pankso@48 1017
pankso@48 1018 p.submit input:active {
pankso@48 1019 border-color: rgb(0, 100, 0);
pankso@48 1020 }