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