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