From 5a8db2f9310fc4677adc4a187516da4b48aac985 Mon Sep 17 00:00:00 2001 From: Matthijs Kooijman Date: Wed, 24 Jun 2009 18:47:23 +0200 Subject: [PATCH] Update CSS to the new layout. --- static/exodus/css/common.css | 19 +-- static/exodus/css/screen.css | 255 +++++++++++++++++++++-------------- 2 files changed, 156 insertions(+), 118 deletions(-) diff --git a/static/exodus/css/common.css b/static/exodus/css/common.css index a1bff79..7ef5682 100644 --- a/static/exodus/css/common.css +++ b/static/exodus/css/common.css @@ -155,6 +155,7 @@ td p { #pageinfo { margin-top: 2em; + margin-bottom: 0; } .seperator { @@ -456,23 +457,5 @@ TD.tip { text-align: right; } -#menubar { - display: block; - margin-bottom: 60px; - margin-top: 30px; -} - -#menubar li { - /* Hide the leading dots */ - display: inline; - /* Put the menu items horizontal */ - float: left; - /* Put some spacing between items */ - padding: 0px 5px; - - font-size: 12pt; - font-weight: bold; -} - /* end MonthCalendar stuff */ diff --git a/static/exodus/css/screen.css b/static/exodus/css/screen.css index 242629b..1b9e207 100644 --- a/static/exodus/css/screen.css +++ b/static/exodus/css/screen.css @@ -1,150 +1,205 @@ -@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 } +span.anchor { + display: none; +} -#page, #header, #footer { - font-family: verdana, arial, sans-serif; - font-size:11px; - - width:680px; - padding-left:60px; - padding-right:60px; - padding-bottom:10px; - vertical-align:top; - text-align:justify; +html { + background-color:#5a1800; + color:#cc8900; + font-family:verdana, sans-serif; + font-size:11px; +} - 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; +} + +#header { + padding-top:70px; + /* 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:visited { - color:#660000; +/* Disable underlining and the default blue colour for links in the menubar */ +ul#menubar li a { + color:#5F3E06; + text-decoration:none; } -a:hover { - color:#990000; -} -h1 { - font-weight:bold; - font-size:16px; - margin-bottom:0px; +#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; } -h2 { - font-size:14px; - margin-bottom:0px; +/* Format the editbar, copied from modern theme */ + +.editbar { + float: left; + margin: 5px 0; + padding: 0; } -h3 { - font-size:12px; - font-weight:bold; - font-size:inherit; - margin-bottom:0px; +.editbar a, .editbar a:visited { color: #0044B3; } + +.editbar form, .editbar form div { + display: inline; + margin: 0; } -ul, ol { - margin-top: 0px; +.editbar li { + display: inline; + padding: 0; + margin: 4px 6px; } -.trail { +#footerbar { } -.skilllevel { - display: block; - font-weight: bold; +.editbar a, .editbar a:visited { color: #0044B3; } + +#editor { + margin: 0; + padding: 2px 20px 20px 20px; } -.note { - font-style:italic; - display: block; +#editor-textarea, #editor-help { + font-family: monospace; + border: 1px solid #8cacbb; + color: black; + background-color: white; + padding: 3px; + width: 100%; + margin-top: 0.5em; } -.data { - width:400px; - } +/* Format the username bar, copied from the modern theme */ -.data td { - vertical-align:top; - border-bottom:1px solid #330000; +#username { + float: right; + display: inline; + margin: 5px 12px; + padding: 0; + text-align: right; + font-size: 0.82em; + white-space: nowrap; +} +*[dir="rtl"] #username { + text-align: left; + margin: 5px 0px; } -.goden td { - vertical-align:top; - height:50px; +#username li { + display: inline; + padding: 0 0.5em 0 0; } -.border td { - border-bottom:1px solid #330000; +#username form { + display: inline; } -.skillskop { - background-color:#C1AE87; - font-weight:bold; +#username input { + display: inline; + padding: 0; + margin: 0; + border: none; + background: #E7E7E7; /* inherit doesnt work on IE */ + color: blue; + font-size: 0.82em; + cursor: pointer; } -td.kop1, tr.kop1 td { - background-color:#ac9462; - font-weight:bold; +#username input:hover { + color: red; } -td.kop2 { - background-color:#C1AE87; - 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; +} + +.WipiTop { + width:100%; + height:39px; + margin:0px; + background-image:url('img/perkamentTop.gif'); + background-repeat:no-repeat; + background-color:#5a1800; } -#page img { - 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 */ -- 2.30.2