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