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