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