1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/themes/ep2008/css/screen.css Sun Nov 25 19:00:45 2007 +0100
1.3 @@ -0,0 +1,552 @@
1.4 +/* screen.css - MoinMoin Default Styles
1.5 +
1.6 +Copyright (c) 2001, 2002, 2003 by Juergen Hermann
1.7 +Copyright (c) 2007 by Paul Boddie
1.8 +*/
1.9 +
1.10 +/* content styles */
1.11 +
1.12 +/* debug
1.13 +* {border: 1px dotted blue;}
1.14 +*/
1.15 +
1.16 +body {
1.17 + margin: 10px 40px 10px 40px;
1.18 + padding: 0;
1.19 + border: 0;
1.20 +}
1.21 +
1.22 +a:link { text-decoration: none; }
1.23 +a:link:hover, a:link:active { text-decoration: underline; color: green; }
1.24 +a:visited { text-decoration: none; color: blue; }
1.25 +a:visited:hover { text-decoration: none; color: red; }
1.26 +
1.27 +input {
1.28 + /* does strange effect to button (text size becomes bigger when clicking)
1.29 + font-size: 1em;
1.30 + font-family: Arial, Lucida Grande, sans-serif;
1.31 + */
1.32 +}
1.33 +
1.34 +textarea {
1.35 + font-size: 1em;
1.36 + font-family: monospace;
1.37 +}
1.38 +
1.39 +.disabled {
1.40 + /* IE ignore disabled attribute, but at least show items in gray */
1.41 + color: gray;
1.42 +}
1.43 +
1.44 +/* user interface styles */
1.45 +
1.46 +#header {
1.47 + position: relative;
1.48 + margin-bottom: 10px;
1.49 + padding: 1px;
1.50 + background: white;
1.51 + /* height: 82px; */
1.52 +}
1.53 +
1.54 +#logo {
1.55 + float: left;
1.56 + margin: 0;
1.57 + padding: 0;
1.58 + /* For text only logo */
1.59 + font-size: 1.4em;
1.60 + line-height: 1em;
1.61 + font-weight: bold;
1.62 +}
1.63 +
1.64 +#logo img {
1.65 + vertical-align: top;
1.66 +}
1.67 +
1.68 +#logo a {
1.69 + color: black;
1.70 + text-decoration: none;
1.71 +}
1.72 +
1.73 +#banner {
1.74 + float: left;
1.75 + width: 468px;
1.76 + height: 60px;
1.77 +}
1.78 +
1.79 +#banner img {
1.80 + vertical-align: top;
1.81 +}
1.82 +
1.83 +#username {
1.84 + display: inline;
1.85 + margin: 5px 12px;
1.86 + padding: 0;
1.87 + text-align: right;
1.88 + font-size: 0.82em;
1.89 + white-space: nowrap;
1.90 +}
1.91 +
1.92 +*[dir="rtl"] #username {
1.93 + text-align: left;
1.94 + margin: 5px 0px;
1.95 +}
1.96 +
1.97 +#username li {
1.98 + display: inline;
1.99 + padding: 0 0.5em 0 0;
1.100 +}
1.101 +
1.102 +#username form {
1.103 + display: inline;
1.104 +}
1.105 +
1.106 +#username input {
1.107 + display: inline;
1.108 + padding: 0;
1.109 + margin: 0;
1.110 + border: none;
1.111 + background: #E7E7E7; /* inherit doesnt work on IE */
1.112 + color: blue;
1.113 + font-size: 0.82em;
1.114 + cursor: pointer;
1.115 +}
1.116 +
1.117 +#username input:hover {
1.118 + color: red;
1.119 +}
1.120 +
1.121 +#searchform {
1.122 + position: absolute;
1.123 + top: 0;
1.124 + right: 0;
1.125 + margin: 5px 10px;
1.126 + padding: 0;
1.127 + white-space: nowrap;
1.128 + font-size: 0.82em;
1.129 +}
1.130 +
1.131 +*[dir="rtl"] #searchform {
1.132 + float: left;
1.133 +}
1.134 +
1.135 +#searchform form div {
1.136 + display: inline;
1.137 +}
1.138 +
1.139 +#pagetrail {
1.140 + clear: right;
1.141 + display: inline;
1.142 + margin: 5px 12px;
1.143 + padding: 0;
1.144 + font-size: 0.88em;
1.145 +}
1.146 +
1.147 +*[dir="rtl"] #pagetrail {
1.148 + clear: left;
1.149 +}
1.150 +
1.151 +#interwiki {
1.152 + margin: 5px 12px;
1.153 + display: inline;
1.154 + font-size: 1em;
1.155 +}
1.156 +
1.157 +*[dir="rtl"] #interwiki {
1.158 + margin: 5px 0px;
1.159 + display: inline;
1.160 + font-size: 1em;
1.161 +}
1.162 +
1.163 +#interwiki span:after {
1.164 + content: ":";
1.165 +}
1.166 +
1.167 +#locationline {
1.168 + clear: right;
1.169 + padding: 0;
1.170 +}
1.171 +
1.172 +*[dir="rtl"] #locationline {
1.173 + clear: left;
1.174 +}
1.175 +
1.176 +#pagelocation {
1.177 + display: inline;
1.178 + margin: 5px 12px;
1.179 + padding: 0;
1.180 + font-size: 1.5em;
1.181 +}
1.182 +
1.183 +#pagetrail li, #pagelocation li {
1.184 + display: inline;
1.185 + margin: 0;
1.186 +}
1.187 +
1.188 +/* XXX Warning: non-ascii characters! */
1.189 +#pagetrail li:after {
1.190 + content: " » ";
1.191 +}
1.192 +
1.193 +*[dir="rtl"] #pagetrail li:after {
1.194 + content: " « ";
1.195 +}
1.196 +
1.197 +#pagetrail li:last-child:after {
1.198 + content: "";
1.199 +}
1.200 +
1.201 +* html #pagetrail li, * html #pagelocation li { /* for broken IE */
1.202 + border-left: 1px solid #AAA;
1.203 + padding: 0 0.3em;
1.204 +}
1.205 +
1.206 +#pagelocation li:after {
1.207 + content: "/ ";
1.208 +}
1.209 +
1.210 +*[dir="rtl"] #pagelocation li:after {
1.211 + content: " \\ "; /* TODO: check what looks best with RTL */
1.212 +}
1.213 +
1.214 +#pagelocation li:last-child:after {
1.215 + content: "";
1.216 +}
1.217 +
1.218 +#end-of-header {
1.219 + clear: both;
1.220 +}
1.221 +
1.222 +#navibar {
1.223 + clear: both; /* problem: clear: right; aligns nicely right of logo,
1.224 + but lets it float high in the header, disconnected from ground */
1.225 + display: block;
1.226 + margin: 0;
1.227 + padding: 0;
1.228 +}
1.229 +
1.230 +#navibar li {
1.231 + background-color: #073683;
1.232 + color: white;
1.233 +}
1.234 +
1.235 +#navibar a, #navibar a:visited {color: white;}
1.236 +
1.237 +#navibar li {
1.238 + float: left;
1.239 + display: inline;
1.240 + margin: 0;
1.241 + padding: 2px 1em;
1.242 + white-space: nowrap;
1.243 +}
1.244 +
1.245 +#navibar li.wikilink {
1.246 + /* background-color: white; */ /*url(../img/tab-wiki.png) repeat-x;*/
1.247 +}
1.248 +
1.249 +#navibar li.userlink {
1.250 + /* background-color: #E6EAF0; */ /*url(../img/tab-user.png) repeat-x;*/
1.251 +}
1.252 +
1.253 +#navibar a, #navibar a:visited {
1.254 + /* color: black; */
1.255 + text-decoration: none;
1.256 +}
1.257 +
1.258 +#navibar li.current a {
1.259 + font-weight: bold;
1.260 +}
1.261 +
1.262 +#navibar li:hover {
1.263 + background-color: #10adf7;
1.264 + color: white;
1.265 +}
1.266 +
1.267 +#navibar li.current, #navibar li.current:hover {
1.268 + background-color: #10adf7; /* url(../img/tab-selected.png) repeat-x; */
1.269 + color: white;
1.270 +}
1.271 +
1.272 +#pageline {
1.273 + clear: both;
1.274 + margin: 0;
1.275 + padding: 0;
1.276 + width: 100%;
1.277 + /* sync these values, line-height is needed for IE */
1.278 + height: 4px;
1.279 + line-height: 4px;
1.280 + border-bottom: 1px solid #9C9C9C;
1.281 + background: #ccc9e2;
1.282 +}
1.283 +
1.284 +#contribute {
1.285 + position: relative;
1.286 + float: right;
1.287 +}
1.288 +
1.289 +.contribute-hidden {
1.290 + position: absolute; bottom: 0; right: 0;
1.291 + z-index: 2;
1.292 + background-color: white;
1.293 + color: black;
1.294 +}
1.295 +
1.296 +#contribute .contribute-hidden {
1.297 + display: none;
1.298 +}
1.299 +
1.300 +#contribute:hover .contribute-hidden {
1.301 + display: block;
1.302 +}
1.303 +
1.304 +.editbar {
1.305 + clear: both;
1.306 + display: block;
1.307 + margin: 0;
1.308 + padding: 0 8px;
1.309 + white-space: nowrap;
1.310 + background: white;
1.311 + font-size: 0.8em;
1.312 +}
1.313 +
1.314 +.editbar form, .editbar form div {
1.315 + display: inline;
1.316 + margin: 0;
1.317 +}
1.318 +
1.319 +.editbar li {
1.320 + display: inline;
1.321 + padding: 0;
1.322 + margin: 4px 6px;
1.323 +}
1.324 +
1.325 +*[dir="rtl"] .editbar li {
1.326 + float: right;
1.327 +}
1.328 +
1.329 +#header .editbar {
1.330 + border-bottom: 1px dotted #9C9C9C;
1.331 +}
1.332 +
1.333 +#footer .editbar {
1.334 + border-top: 1px dotted #9C9C9C;
1.335 + border-bottom: 1px solid #9C9C9C;
1.336 +}
1.337 +
1.338 +.editbar a, .editbar a:visited { color: #0044B3; }
1.339 +
1.340 +#message {
1.341 + clear: both;
1.342 + margin: 0;
1.343 + padding: 5px 10px;
1.344 + border-bottom: 1px solid #c9c9c9;
1.345 + background: #E6EAF0;
1.346 +}
1.347 +
1.348 +#message p {
1.349 + margin: 5px 0;
1.350 + padding: 0;
1.351 + /* font-weight: bold; */
1.352 +}
1.353 +
1.354 +#message div.buttons {
1.355 + font-weight: normal;
1.356 +}
1.357 +
1.358 +.dialog form {
1.359 + margin: 0 15px;
1.360 +}
1.361 +
1.362 +.dialog td {
1.363 + border: none;
1.364 + padding: 5px;
1.365 +}
1.366 +
1.367 +.dialog td.label {
1.368 + text-align: right;
1.369 + font-weight: bold;
1.370 + width: 25%;
1.371 +}
1.372 +
1.373 +*[dir="rtl"] .dialog td.label {
1.374 + text-align: left;
1.375 +}
1.376 +
1.377 +.dialog td.content input {
1.378 + width: 100%;
1.379 +}
1.380 +
1.381 +#page {
1.382 + background-color: white;
1.383 + margin: 0;
1.384 + padding: 2px 20px 20px 20px;
1.385 +
1.386 + /* theses are some Firefox 1.5b1 specific extensions, see also the CSS3 draft.
1.387 + -moz-column-width: 25em;
1.388 + -moz-column-gap: 2em;
1.389 + -moz-column-rule: solid black 0.3em; -- doesn't work yet with 1.5b1!
1.390 +
1.391 + TODO: make text/gui editor NOT use #page css, we don't want columns there!
1.392 + */
1.393 +}
1.394 +
1.395 +/* See below for overriding of the page background */
1.396 +
1.397 +/* We use here dumb css1 ids because of IE suckiness */
1.398 +#editor-textarea, #editor-help {
1.399 + font-family: monospace;
1.400 + border: 1px solid #8cacbb;
1.401 + color: black;
1.402 + background-color: white;
1.403 + padding: 3px;
1.404 + width: 100%;
1.405 + margin-top: 0.5em;
1.406 +}
1.407 +
1.408 +#editor-help {
1.409 + font-size: small;
1.410 + background-color: #EEEEFF;
1.411 +}
1.412 +
1.413 +#editor-comment {
1.414 + font-size: 100%;
1.415 + border: 1px solid #8cacbb;
1.416 + color: black;
1.417 + background-color: white;
1.418 + vertical-align: middle;
1.419 + padding: 1px;
1.420 + display: inline;
1.421 + width: 70%;
1.422 +}
1.423 +
1.424 +#preview, #previewbelow {
1.425 + border: 1px solid #6C7680;
1.426 + padding: 10px 30px 20px 30px;
1.427 + background: url(../img/draft.png);
1.428 + margin-top: 0.5em;
1.429 +}
1.430 +
1.431 +input.button {
1.432 + /*
1.433 + border: 1px solid #8cacbb;
1.434 + color: black;
1.435 + background-color: #CCCCCC;
1.436 + vertical-align: middle;
1.437 + text-decoration: none;
1.438 + font-size: 100%;
1.439 + cursor: pointer;
1.440 + margin: 2px;
1.441 + padding: 1px;
1.442 + display: inline;
1.443 + */
1.444 +}
1.445 +
1.446 +#footer {
1.447 + clear: both;
1.448 + margin: 0;
1.449 + padding: 1px;
1.450 +}
1.451 +
1.452 +#contact {
1.453 + padding: 2px;
1.454 + text-align: right;
1.455 + background-color: #2b64a8;
1.456 + color: white;
1.457 +}
1.458 +
1.459 +#contact a, #contact a:visited {color: white;}
1.460 +
1.461 +#credits, #version, #timings{
1.462 + margin: 5px 10px;
1.463 + padding: 0;
1.464 + text-align: center;
1.465 + font-size: 0.88em;
1.466 + color: #6C7680;
1.467 +}
1.468 +
1.469 +#credits li, #timings li {
1.470 + display: inline;
1.471 + padding: 0 2px;
1.472 + margin: 0 4px;
1.473 +}
1.474 +
1.475 +#credits img {
1.476 + vertical-align: middle;
1.477 +}
1.478 +
1.479 +.diff {
1.480 + width:99%;
1.481 +}
1.482 +
1.483 +.diff-header {
1.484 + font-weight: bold;
1.485 +}
1.486 +
1.487 +.diff-title {
1.488 + background-color: #C0C0C0;
1.489 +}
1.490 +
1.491 +.diff-added {
1.492 + background-color: #E0FFE0;
1.493 + vertical-align: sub;
1.494 +}
1.495 +
1.496 +.diff-removed {
1.497 + background-color: #FFFFE0;
1.498 + vertical-align: sub;
1.499 +}
1.500 +
1.501 +.diff-added span {
1.502 + background-color: #80FF80;
1.503 +}
1.504 +
1.505 +.diff-removed span {
1.506 + background-color: #FFFF80;
1.507 +}
1.508 +
1.509 +table.navigation {
1.510 + float: right;
1.511 + margin: 2px;
1.512 +}
1.513 +
1.514 +
1.515 +/* Spans for line-anchors - uses * html hack so that the rule only applies to
1.516 + * IE (where omitting the "display: none" triggers rendering bugs).
1.517 + */
1.518 +* html span.anchor { display: none; }
1.519 +
1.520 +/* IE6 has a bug with rendering of float elements. We workaround this bug by
1.521 + * assigning those elements a height attribute because we currently don't know
1.522 + * a better solution. This results in IE calculating the correct height of the
1.523 + * characters and displaying them correctly. We don't know any negative side
1.524 + * effects of this workaround:
1.525 + */
1.526 +* html div#page, * html div#header { height: 0.001%; }
1.527 +
1.528 +/* Special rules for EuroPython content */
1.529 +
1.530 +.page-FrontPage #page {
1.531 + background-color: #ccc9e2;
1.532 +}
1.533 +
1.534 +.portlet {
1.535 + background-color: white;
1.536 + float: left;
1.537 + width: 25%;
1.538 + border: 0;
1.539 +}
1.540 +
1.541 +.portlet td {
1.542 + border: 0;
1.543 +}
1.544 +
1.545 +.portlet-clear {
1.546 + clear: left;
1.547 +}
1.548 +
1.549 +.section-header {
1.550 + background-color: #2b64a8;
1.551 + color: white;
1.552 +}
1.553 +
1.554 +/* vim: tabstop=4 expandtab shiftwidth=4
1.555 + */