X-Git-Url: https://git.stderr.nl/gitweb?a=blobdiff_plain;f=static%2Fexodus%2Fcss%2Fscreen.css;h=0fb84e8133f91fcb339e1b46f6a9e4c0990a626a;hb=93a8a6c69260cc3955a334545bd20bfc54c5eb5a;hp=b8a805f6b6c46305f900ab058536799fca44add0;hpb=d5c169c8e2cb749af9e20b17250fbbb35b7f104f;p=matthijs%2Fprojects%2Fwipi.git diff --git a/static/exodus/css/screen.css b/static/exodus/css/screen.css index b8a805f..0fb84e8 100644 --- a/static/exodus/css/screen.css +++ b/static/exodus/css/screen.css @@ -1,156 +1,214 @@ -@import url('../../modern/css/screen.css'); +/*@import url('../../modern/css/screen.css');*/ +@import url("home.css"); -body, html { - scrollbar-3dlight-color:#2D0001; - scrollbar-arrow-color:#990000; - scrollbar-darkshadow-color:#0E0600; - /*scrollbar-face-color:#2D0001;*/ - scrollbar-face-color:#8B4513; - scrollbar-highlight-color:#540005; - scrollbar-shadow-color:#0E0600; - scrollbar-track-color:#0E0600; -} - -body { - background-image: url('../img/bg.jpg'); - background-repeat: repeat-y; - background-position: top; - background-color:#4F311D; - color:#330000; - font-family: verdana, arial, sans-serif; - font-size:11px; +html, body { margin:0px; - padding:0px; + padding:0px } -#header { - background-color: transparent; +span.anchor { + display: none; } -#page { - font-family: verdana, arial, sans-serif; - font-size:11px; +html { + background-color:#5a1800; + color:#cc8900; + font-family:verdana, sans-serif; + font-size:11px; +} - width:680px; - height:100%; - padding-left:60px; - padding-right:60px; - padding-bottom:10px; - vertical-align:top; - text-align:justify; +a {color: #ffd200;} +a:visited {color: #ffd200;} +a.nonexistent, a.badinterwiki {color: #cc8900;} - background-color: transparent; - margin: auto; +img { + border:0px; } -p { - text-align:justify; - margin-top:0px; - margin-bottom: 3px; +#menubar li { + display: inline; + list-style-type: none; } -a { - color:#330000; - text-decoration:underline; +body { + background-image: url('../img/background.jpg'); + background-repeat: no-repeat; + background-position: top center; } -a:visited { - color:#660000; +#header { + /* Fit exactly into the header in the background, and push the menu bar in place */ + padding-top: 70px; + height: 40px; + /* Center the header */ + width:1024px; + margin:auto; +} + +ul#menubar { + /* Fit exactly into the bar in the background */ + padding-top: 5px; + height:15px; + padding-bottom: 5px; + /* Disable all default list-style stuff */ + padding-left:0px; + margin:0; + list-style-type:none; + list-style-position:outside; + /* Set the font size to fit exactly */ + font-size: 15px; + font-weight: bold; +} + +/* Display next to each other instead of below */ +ul#menubar li { + display:inline; + padding:0px 10px 0px 10px; + color:#5F3E06; + font-weight:bold; } -a:hover { - color:#990000; -} -h1 { - font-weight:bold; - font-size:16px; - margin-bottom:0px; +/* Disable underlining and the default blue colour for links in the menubar */ +ul#menubar li a { + color:#5F3E06; + text-decoration:none; } -h2 { - font-size:14px; - margin-bottom:0px; +#page, #footer{ + /* Center the page and footer, just like the header */ + width:1024px; + margin-right: auto; + margin-left: auto; } -h3 { - font-size:12px; - font-weight:bold; - font-size:inherit; - margin-bottom:0px; +h1 { margin: 0; padding: 0; } + +#footer { + /* Put a dotted line at the top of the footer */ + border-top: 1px dotted #9C9C9C; + /* Include some spacing around the line */ + padding-top: 5px; + margin-top: 5px; } -ul, ol { - margin-top: 0px; + +#footerbar { } -.trail { +#editor { + margin: 0; + padding: 2px 20px 20px 20px; } -.skilllevel { - display: block; - font-weight: bold; +#editor-textarea, #editor-help { + font-family: monospace; + border: 1px solid #8cacbb; + color: black; + background-color: white; + padding: 3px; + width: 100%; + margin-top: 0.5em; } -.note { - font-style:italic; - display: block; +/* Format the pageinfo bar. */ +#pageinfo { + float: right; + margin: 0px 12px; } +/* Format the username bar, copied from the modern theme */ -.data { - width:400px; - } +#username { + float: left; + display: inline; + margin: 0px 12px; + padding: 0; + text-align: right; + font-size: 0.82em; + white-space: nowrap; +} -.data td { - vertical-align:top; - border-bottom:1px solid #330000; +#username li { + display: inline; + padding: 0 0.5em 0 0; +} +#searchform { + /* Put the searchform below the pageinfo / username bar */ + clear: both; + float: right; + /* Put a bit of offset between the pageinfo and searchform. Don't use + * margin here, that collapses with the floating pageinfo. */ + padding-top: 10px; } -.goden td { - vertical-align:top; - height:50px; +.editbar { + /* Put a bit of offset between the pageinfo and searchform. Don't use + * margin here, that collapses with the floating pageinfo. */ + /*padding-top: 10px; + margin: 5px 0;*/ + /* Unset the default ul margins */ + margin-top: 0px; + margin-bottom: 0px; + /* Put the editbar at the right side (but not over the image there */ + float: right; + margin-right: 220px; + /* Prevent weird linebreaks */ + white-space: nowrap; } -.border td { - border-bottom:1px solid #330000; +.editbar form, .editbar form div { + display: inline; + margin: 0; } -.skillskop { - background-color:#C1AE87; - font-weight:bold; +.editbar li { + display: inline; + padding: 0; + margin: 4px 6px; } -td.kop1 { - background-color:#ac9462; - font-weight:bold; +/****************** Next pages ************************/ +.WipiContent { + float:left; + clear:left; + width:694px; + margin-top:10px; + background-image:url('img/perkamentCenter.gif'); + background-position:center 39px; + background-repeat:repeat-y; } -td.kop2 { - background-color:#C1AE87; - font-weight:bold; +.WipiTop { + width:100%; + height:39px; + margin:0px; + background-image:url('img/perkamentTop.gif'); + background-repeat:no-repeat; + background-color:#5a1800; } -.volk { - float:left; - margin:5px; - /*height:140px;*/ +.WipiText { + width:624px; /*694 parent width minus two times 35px padding*/ + margin:0px; + padding:0px 35px 0px 35px; } -.teken { - margin:5px; - float:left; +.WipiText p { + color:#731E01; + font-weight:bold; } -.kaart { - float:left; - margin:5px; - height:205px; - width:200px; - border:none; +.WipiBottom { + width:100%; + height:37px; + background-image:url('img/perkamentBottom.gif'); + background-repeat:no-repeat; + background-color:#5a1800; } -.Exodus-Volkeren h2 { - clear: both; /* Zet nieuwe kopjes niet naast het plaatje van de vorige. */ +img.Decorative { + border:3px double #cc8900; } +/* vim: set sw=4 sts=4 expandtab */