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