1 /* screen.css - MoinMoin Default Styles 2 3 Copyright (c) 2001, 2002, 2003 by Juergen Hermann 4 Copyright (c) 2007 by Paul Boddie 5 */ 6 7 /* content styles */ 8 9 /* debug 10 * {border: 1px dotted blue;} 11 */ 12 13 body { 14 margin: 10px 40px 10px 40px; 15 padding: 0; 16 border: 0; 17 } 18 19 a:link { text-decoration: none; } 20 a:link:hover, a:link:active { text-decoration: underline; color: green; } 21 a:visited { text-decoration: none; color: blue; } 22 a:visited:hover { text-decoration: none; color: red; } 23 24 input { 25 /* does strange effect to button (text size becomes bigger when clicking) 26 font-size: 1em; 27 font-family: Arial, Lucida Grande, sans-serif; 28 */ 29 } 30 31 textarea { 32 font-size: 1em; 33 font-family: monospace; 34 } 35 36 .disabled { 37 /* IE ignore disabled attribute, but at least show items in gray */ 38 color: gray; 39 } 40 41 /* user interface styles */ 42 43 #header { 44 position: relative; 45 margin-bottom: 10px; 46 padding: 1px; 47 background: white; 48 /* height: 82px; */ 49 } 50 51 #logo { 52 float: left; 53 margin: 0; 54 padding: 0; 55 /* For text only logo */ 56 font-size: 1.4em; 57 line-height: 1em; 58 font-weight: bold; 59 } 60 61 #logo img { 62 vertical-align: top; 63 } 64 65 #logo a { 66 color: black; 67 text-decoration: none; 68 } 69 70 #banner { 71 float: left; 72 width: 468px; 73 height: 60px; 74 } 75 76 #banner img { 77 vertical-align: top; 78 } 79 80 #username { 81 background-color: #b21212; 82 color: white; 83 display: inline; 84 margin: 0; 85 padding: 2px 0; 86 font-size: 0.88em; 87 white-space: nowrap; 88 } 89 90 #username li { 91 display: inline; 92 } 93 94 #username form { 95 display: inline; 96 } 97 98 #username input { 99 display: inline; 100 padding: 0; 101 margin: 0; 102 border: none; 103 cursor: pointer; 104 } 105 106 #username input:hover { 107 } 108 109 #username a, #username a:visited, #username a:link { 110 text-decoration: none; 111 color: white; 112 padding: 2px 0.5em; 113 } 114 115 #login { 116 text-decoration: none; 117 background-color: #073683; 118 color: white; 119 padding: 2px 0.5em; 120 } 121 122 #searchform { 123 /* position: absolute; */ 124 /* top: 0; */ 125 /* right: 0; */ 126 float: right; 127 margin: 5px 10px; 128 padding: 0; 129 white-space: nowrap; 130 font-size: 0.82em; 131 } 132 133 *[dir="rtl"] #searchform { 134 float: left; 135 } 136 137 #searchform form div { 138 display: inline; 139 } 140 141 #pagetrail { 142 clear: both; 143 margin: 5px 12px; 144 padding: 0; 145 font-size: 0.88em; 146 } 147 148 #interwiki { 149 margin: 5px 12px; 150 display: inline; 151 font-size: 1em; 152 } 153 154 *[dir="rtl"] #interwiki { 155 margin: 5px 0px; 156 display: inline; 157 font-size: 1em; 158 } 159 160 #interwiki span:after { 161 content: ":"; 162 } 163 164 #locationline { 165 clear: right; 166 padding: 0; 167 } 168 169 *[dir="rtl"] #locationline { 170 clear: left; 171 } 172 173 #pagelocation { 174 display: inline; 175 margin: 5px 12px; 176 padding: 0; 177 font-size: 1.5em; 178 } 179 180 #pagetrail li, #pagelocation li { 181 display: inline; 182 margin: 0; 183 } 184 185 /* XXX Warning: non-ascii characters! */ 186 #pagetrail li:after { 187 content: " ?? "; 188 } 189 190 *[dir="rtl"] #pagetrail li:after { 191 content: " ?? "; 192 } 193 194 #pagetrail li:last-child:after { 195 content: ""; 196 } 197 198 * html #pagetrail li, * html #pagelocation li { /* for broken IE */ 199 border-left: 1px solid #AAA; 200 padding: 0 0.3em; 201 } 202 203 #pagelocation li:after { 204 content: "/ "; 205 } 206 207 *[dir="rtl"] #pagelocation li:after { 208 content: " \\ "; /* TODO: check what looks best with RTL */ 209 } 210 211 #pagelocation li:last-child:after { 212 content: ""; 213 } 214 215 #end-of-header { 216 clear: both; 217 } 218 219 #navibar { 220 clear: both; /* problem: clear: right; aligns nicely right of logo, 221 but lets it float high in the header, disconnected from ground */ 222 display: block; 223 margin: 0; 224 padding: 0; 225 } 226 227 #navibar li { 228 background-color: #073683; 229 color: white; 230 } 231 232 #navibar li { 233 float: left; 234 display: inline; 235 margin: 0; 236 padding: 2px 1em; 237 white-space: nowrap; 238 } 239 240 #navibar li.wikilink { 241 /* background-color: white; */ /*url(../img/tab-wiki.png) repeat-x;*/ 242 } 243 244 #navibar li.userlink { 245 /* background-color: #E6EAF0; */ /*url(../img/tab-user.png) repeat-x;*/ 246 } 247 248 #navibar a, #navibar a:visited { 249 text-decoration: none; 250 color: white; 251 } 252 253 #navibar li.current a { 254 font-weight: bold; 255 } 256 257 #navibar li:hover { 258 background-color: #10adf7; 259 color: white; 260 } 261 262 #navibar li.current, #navibar li.current:hover { 263 background-color: #10adf7; /* url(../img/tab-selected.png) repeat-x; */ 264 color: white; 265 } 266 267 #pageline { 268 clear: both; 269 margin: 0; 270 padding: 0; 271 width: 100%; 272 /* sync these values, line-height is needed for IE */ 273 height: 4px; 274 line-height: 4px; 275 border-bottom: 1px solid #9C9C9C; 276 background: #ccc9e2; 277 } 278 279 #contribute { 280 position: relative; 281 float: right; 282 white-space: nowrap; 283 } 284 285 .contribute-hidden { 286 position: absolute; bottom: 0; right: 0; 287 z-index: 2; 288 background-color: white; 289 color: black; 290 } 291 292 #contribute .contribute-hidden { 293 display: none; 294 } 295 296 #contribute:hover .contribute-hidden { 297 display: block; 298 } 299 300 .username { 301 background-color: #b21212; 302 } 303 304 .no-username { 305 background-color: #073683; 306 } 307 308 .username, .no-username { 309 color: white; 310 padding: 2px 0.5em; 311 white-space: nowrap; 312 } 313 314 #contribute .username, #contribute .no-username { 315 display: inline; 316 margin: 0; 317 font-size: 0.88em; 318 } 319 320 .username a, .username a:visited, .username a:link, .no-username a, .no-username a:visited, .no-username a:link { 321 text-decoration: none; 322 color: white; 323 } 324 325 .editbar { 326 display: inline; 327 margin: 0; 328 padding: 0; 329 background-color: #aaa7c0; /* #b21212; */ 330 font-size: 0.88em; 331 } 332 333 ul.editbar { 334 list-style-type: none; 335 } 336 337 .editbar li { 338 display: inline; 339 background-color: #aaa7c0; /* #b21212; */ 340 color: black; 341 padding: 2px 0.5em; 342 margin: 0; 343 white-space: nowrap; 344 } 345 346 .editbar form, .editbar form div { 347 display: inline; 348 margin: 0; 349 } 350 351 .editbar form label, .editbar form select { 352 font-size: 0.77em; 353 } 354 355 #header .editbar { 356 border-bottom: 1px dotted #9C9C9C; 357 } 358 359 #footer .editbar { 360 border-top: 1px dotted #9C9C9C; 361 border-bottom: 1px solid #9C9C9C; 362 } 363 364 .editbar a, .editbar a:visited, .editbar a:link { 365 text-decoration: none; 366 color: black; 367 } 368 369 .editbar li:hover { 370 background-color: #8886a0; /* #e54545; */ 371 color: black; 372 } 373 374 #message { 375 clear: both; 376 margin: 0; 377 padding: 5px 10px; 378 border-bottom: 1px solid #c9c9c9; 379 background: #E6EAF0; 380 } 381 382 #message p { 383 margin: 5px 0; 384 padding: 0; 385 /* font-weight: bold; */ 386 } 387 388 #message div.buttons { 389 font-weight: normal; 390 } 391 392 .dialog form { 393 margin: 0 15px; 394 } 395 396 .dialog td { 397 border: none; 398 padding: 5px; 399 } 400 401 .dialog td.label { 402 text-align: right; 403 font-weight: bold; 404 width: 25%; 405 } 406 407 *[dir="rtl"] .dialog td.label { 408 text-align: left; 409 } 410 411 .dialog td.content input { 412 width: 100%; 413 } 414 415 #page { 416 background-color: white; 417 margin: 0; 418 padding: 2px 20px 20px 20px; 419 420 /* theses are some Firefox 1.5b1 specific extensions, see also the CSS3 draft. 421 -moz-column-width: 25em; 422 -moz-column-gap: 2em; 423 -moz-column-rule: solid black 0.3em; -- doesn't work yet with 1.5b1! 424 425 TODO: make text/gui editor NOT use #page css, we don't want columns there! 426 */ 427 } 428 429 /* See below for overriding of the page background */ 430 431 /* We use here dumb css1 ids because of IE suckiness */ 432 #editor-textarea, #editor-help { 433 font-family: monospace; 434 border: 1px solid #8cacbb; 435 color: black; 436 background-color: white; 437 padding: 3px; 438 width: 100%; 439 margin-top: 0.5em; 440 } 441 442 #editor-help { 443 font-size: small; 444 background-color: #EEEEFF; 445 } 446 447 #editor-comment { 448 font-size: 100%; 449 border: 1px solid #8cacbb; 450 color: black; 451 background-color: white; 452 vertical-align: middle; 453 padding: 1px; 454 display: inline; 455 width: 70%; 456 } 457 458 #preview, #previewbelow { 459 border: 1px solid #6C7680; 460 padding: 10px 30px 20px 30px; 461 background: url(../img/draft.png); 462 margin-top: 0.5em; 463 } 464 465 input.button { 466 /* 467 border: 1px solid #8cacbb; 468 color: black; 469 background-color: #CCCCCC; 470 vertical-align: middle; 471 text-decoration: none; 472 font-size: 100%; 473 cursor: pointer; 474 margin: 2px; 475 padding: 1px; 476 display: inline; 477 */ 478 } 479 480 #footer { 481 clear: both; 482 margin: 0; 483 padding: 1px; 484 } 485 486 #contact { 487 padding: 2px; 488 margin-top: 10px; 489 margin-bottom: 10px; 490 text-align: right; 491 background-color: #2b64a8; 492 color: white; 493 } 494 495 #contact a, #contact a:visited {color: white;} 496 497 #credits, #version, #timings { 498 clear: both; 499 margin: 10px 10px; 500 padding: 0; 501 text-align: center; 502 font-size: 0.88em; 503 color: #6C7680; 504 } 505 506 #credits a, #credits a:visited {color: black;} 507 508 #credits li, #timings li { 509 display: inline; 510 padding: 0 2px; 511 margin: 0 4px; 512 } 513 514 #credits img { 515 vertical-align: middle; 516 } 517 518 .diff { 519 width:99%; 520 } 521 522 .diff-header { 523 font-weight: bold; 524 } 525 526 .diff-title { 527 background-color: #C0C0C0; 528 } 529 530 .diff-added { 531 background-color: #E0FFE0; 532 vertical-align: sub; 533 } 534 535 .diff-removed { 536 background-color: #FFFFE0; 537 vertical-align: sub; 538 } 539 540 .diff-added span { 541 background-color: #80FF80; 542 } 543 544 .diff-removed span { 545 background-color: #FFFF80; 546 } 547 548 table.navigation { 549 float: right; 550 margin: 2px; 551 } 552 553 554 /* Spans for line-anchors - uses * html hack so that the rule only applies to 555 * IE (where omitting the "display: none" triggers rendering bugs). 556 */ 557 * html span.anchor { display: none; } 558 559 /* IE6 has a bug with rendering of float elements. We workaround this bug by 560 * assigning those elements a height attribute because we currently don't know 561 * a better solution. This results in IE calculating the correct height of the 562 * characters and displaying them correctly. We don't know any negative side 563 * effects of this workaround: 564 */ 565 * html div#page, * html div#header { height: 0.001%; } 566 567 /* Special rules for EuroPython content */ 568 569 .page-FrontPage #page { 570 background-color: #ccc9e2; 571 padding: 0; 572 } 573 574 .portlet { 575 background-color: white; 576 border: 0; 577 } 578 579 .portlet td { 580 border: 0; 581 } 582 583 .left { 584 float: left; 585 } 586 587 .right { 588 float: right; 589 } 590 591 .normal { 592 width: 24%; 593 } 594 595 .wide { 596 width: 48%; 597 } 598 599 .wider { 600 width: 72%; 601 } 602 603 .clear { 604 clear: left; 605 } 606 607 .clear-right { 608 clear: right; 609 } 610 611 .portlet-slides { 612 background-color: black; 613 border: 0; 614 } 615 616 .portlet-slides td.third { 617 width: 33%; 618 border: 0; 619 } 620 621 .portlet-slides td.half { 622 width: 50%; 623 border: 0; 624 } 625 626 .portlet-slides img { 627 max-width: 100%; 628 max-height: 100%; / * For earlier Konqueror versions * / 629 } 630 631 .picture { 632 float: right; 633 border: 0; 634 } 635 636 .picture td { 637 border: 0; 638 } 639 640 .section-header { 641 background-color: #2b64a8; 642 color: white; 643 } 644 645 .large { 646 font-size: 2em; 647 } 648 649 .section-header-red { 650 background-color: #b21212; 651 color: white; 652 } 653 654 ul.site-updates { 655 list-style-type: none; 656 margin: 0; 657 padding: 0; 658 } 659 660 /* Currently unused... */ 661 662 .portlet-picture { 663 background-color: #ccc9e2; 664 color: black; 665 float: right; 666 width: 48%; 667 border: 0; 668 } 669 670 .portlet-picture td { 671 border: 0; 672 } 673 674 .portlet-picture img { 675 max-width: 100%; 676 max-height: 100%; /* For earlier Konqueror versions */ 677 } 678 679 /* vim: tabstop=4 expandtab shiftwidth=4 680 */