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 margin: 5px 10px; 123 padding: 0; 124 white-space: nowrap; 125 font-size: 0.82em; 126 } 127 128 *[dir="rtl"] #searchform { 129 float: left; 130 } 131 132 #searchform form div { 133 display: inline; 134 } 135 136 #pagetrail { 137 clear: right; 138 display: inline; 139 margin: 5px 12px; 140 padding: 0; 141 font-size: 0.88em; 142 } 143 144 *[dir="rtl"] #pagetrail { 145 clear: left; 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 a, #navibar a:visited {color: white;} 233 234 #navibar li { 235 float: left; 236 display: inline; 237 margin: 0; 238 padding: 2px 1em; 239 white-space: nowrap; 240 } 241 242 #navibar li.wikilink { 243 /* background-color: white; */ /*url(../img/tab-wiki.png) repeat-x;*/ 244 } 245 246 #navibar li.userlink { 247 /* background-color: #E6EAF0; */ /*url(../img/tab-user.png) repeat-x;*/ 248 } 249 250 #navibar a, #navibar a:visited { 251 /* color: black; */ 252 text-decoration: none; 253 } 254 255 #navibar li.current a { 256 font-weight: bold; 257 } 258 259 #navibar li:hover { 260 background-color: #10adf7; 261 color: white; 262 } 263 264 #navibar li.current, #navibar li.current:hover { 265 background-color: #10adf7; /* url(../img/tab-selected.png) repeat-x; */ 266 color: white; 267 } 268 269 #pageline { 270 clear: both; 271 margin: 0; 272 padding: 0; 273 width: 100%; 274 /* sync these values, line-height is needed for IE */ 275 height: 4px; 276 line-height: 4px; 277 border-bottom: 1px solid #9C9C9C; 278 background: #ccc9e2; 279 } 280 281 #contribute { 282 position: relative; 283 float: right; 284 } 285 286 .contribute-hidden { 287 position: absolute; bottom: 0; right: 0; 288 z-index: 2; 289 background-color: white; 290 color: black; 291 } 292 293 #contribute .contribute-hidden { 294 display: none; 295 } 296 297 #contribute:hover .contribute-hidden { 298 display: block; 299 } 300 301 .editbar { 302 clear: both; 303 display: block; 304 margin: 0; 305 padding: 0 8px; 306 white-space: nowrap; 307 background: white; 308 font-size: 0.8em; 309 } 310 311 .editbar form, .editbar form div { 312 display: inline; 313 margin: 0; 314 } 315 316 .editbar li { 317 display: inline; 318 padding: 0; 319 margin: 4px 6px; 320 } 321 322 *[dir="rtl"] .editbar li { 323 float: right; 324 } 325 326 #header .editbar { 327 border-bottom: 1px dotted #9C9C9C; 328 } 329 330 #footer .editbar { 331 border-top: 1px dotted #9C9C9C; 332 border-bottom: 1px solid #9C9C9C; 333 } 334 335 .editbar a, .editbar a:visited { color: #0044B3; } 336 337 #message { 338 clear: both; 339 margin: 0; 340 padding: 5px 10px; 341 border-bottom: 1px solid #c9c9c9; 342 background: #E6EAF0; 343 } 344 345 #message p { 346 margin: 5px 0; 347 padding: 0; 348 /* font-weight: bold; */ 349 } 350 351 #message div.buttons { 352 font-weight: normal; 353 } 354 355 .dialog form { 356 margin: 0 15px; 357 } 358 359 .dialog td { 360 border: none; 361 padding: 5px; 362 } 363 364 .dialog td.label { 365 text-align: right; 366 font-weight: bold; 367 width: 25%; 368 } 369 370 *[dir="rtl"] .dialog td.label { 371 text-align: left; 372 } 373 374 .dialog td.content input { 375 width: 100%; 376 } 377 378 #page { 379 background-color: white; 380 margin: 0; 381 padding: 2px 20px 20px 20px; 382 383 /* theses are some Firefox 1.5b1 specific extensions, see also the CSS3 draft. 384 -moz-column-width: 25em; 385 -moz-column-gap: 2em; 386 -moz-column-rule: solid black 0.3em; -- doesn't work yet with 1.5b1! 387 388 TODO: make text/gui editor NOT use #page css, we don't want columns there! 389 */ 390 } 391 392 /* See below for overriding of the page background */ 393 394 /* We use here dumb css1 ids because of IE suckiness */ 395 #editor-textarea, #editor-help { 396 font-family: monospace; 397 border: 1px solid #8cacbb; 398 color: black; 399 background-color: white; 400 padding: 3px; 401 width: 100%; 402 margin-top: 0.5em; 403 } 404 405 #editor-help { 406 font-size: small; 407 background-color: #EEEEFF; 408 } 409 410 #editor-comment { 411 font-size: 100%; 412 border: 1px solid #8cacbb; 413 color: black; 414 background-color: white; 415 vertical-align: middle; 416 padding: 1px; 417 display: inline; 418 width: 70%; 419 } 420 421 #preview, #previewbelow { 422 border: 1px solid #6C7680; 423 padding: 10px 30px 20px 30px; 424 background: url(../img/draft.png); 425 margin-top: 0.5em; 426 } 427 428 input.button { 429 /* 430 border: 1px solid #8cacbb; 431 color: black; 432 background-color: #CCCCCC; 433 vertical-align: middle; 434 text-decoration: none; 435 font-size: 100%; 436 cursor: pointer; 437 margin: 2px; 438 padding: 1px; 439 display: inline; 440 */ 441 } 442 443 #footer { 444 clear: both; 445 margin: 0; 446 padding: 1px; 447 } 448 449 #contact { 450 padding: 2px; 451 text-align: right; 452 background-color: #2b64a8; 453 color: white; 454 } 455 456 #contact a, #contact a:visited {color: white;} 457 458 #credits, #version, #timings{ 459 margin: 5px 10px; 460 padding: 0; 461 text-align: center; 462 font-size: 0.88em; 463 color: #6C7680; 464 } 465 466 #credits li, #timings li { 467 display: inline; 468 padding: 0 2px; 469 margin: 0 4px; 470 } 471 472 #credits img { 473 vertical-align: middle; 474 } 475 476 .diff { 477 width:99%; 478 } 479 480 .diff-header { 481 font-weight: bold; 482 } 483 484 .diff-title { 485 background-color: #C0C0C0; 486 } 487 488 .diff-added { 489 background-color: #E0FFE0; 490 vertical-align: sub; 491 } 492 493 .diff-removed { 494 background-color: #FFFFE0; 495 vertical-align: sub; 496 } 497 498 .diff-added span { 499 background-color: #80FF80; 500 } 501 502 .diff-removed span { 503 background-color: #FFFF80; 504 } 505 506 table.navigation { 507 float: right; 508 margin: 2px; 509 } 510 511 512 /* Spans for line-anchors - uses * html hack so that the rule only applies to 513 * IE (where omitting the "display: none" triggers rendering bugs). 514 */ 515 * html span.anchor { display: none; } 516 517 /* IE6 has a bug with rendering of float elements. We workaround this bug by 518 * assigning those elements a height attribute because we currently don't know 519 * a better solution. This results in IE calculating the correct height of the 520 * characters and displaying them correctly. We don't know any negative side 521 * effects of this workaround: 522 */ 523 * html div#page, * html div#header { height: 0.001%; } 524 525 /* Special rules for EuroPython content */ 526 527 .page-FrontPage #page { 528 background-color: #ccc9e2; 529 } 530 531 .portlet { 532 background-color: white; 533 float: left; 534 width: 22%; 535 border: 0; 536 } 537 538 .portlet td { 539 border: 0; 540 } 541 542 .portlet-wide { 543 background-color: white; 544 float: left; 545 width: 44%; 546 border: 0; 547 } 548 549 .portlet-wide td { 550 border: 0; 551 } 552 553 .portlet-wider { 554 background-color: white; 555 float: left; 556 width: 66%; 557 border: 0; 558 } 559 560 .portlet-wider td { 561 border: 0; 562 } 563 564 .portlet-clear { 565 clear: left; 566 } 567 568 .portlet-picture { 569 background-color: #ccc9e2; 570 color: black; 571 float: right; 572 width: 22%; 573 border: 0; 574 } 575 576 .portlet-picture td { 577 border: 0; 578 } 579 580 .picture { 581 float: right; 582 border: 0; 583 } 584 585 .picture td { 586 border: 0; 587 } 588 589 .section-header { 590 background-color: #2b64a8; 591 color: white; 592 } 593 594 ul.site-updates { 595 list-style-type: none; 596 margin: 0; 597 padding: 0; 598 } 599 600 /* vim: tabstop=4 expandtab shiftwidth=4 601 */