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