static/exodus/css/screen.css

   1 /*@import url('../../modern/css/screen.css');*/
   2
   3 html, body {
   4         margin:0px;
   5         padding:0px
   6 }
   7
   8 span.anchor {
   9         display: none;
  10 }
  11
  12 html {
  13         background-color:#5a1800;
  14         color:#cc8900;
  15         font-family:verdana, sans-serif;
  16         font-size:11px;
  17 }
  18
  19 a {color: #ffd200;}
  20 a:visited {color: #ffd200;}
  21 a.nonexistent, a.badinterwiki {color: #cc8900;}
  22
  23 img {
  24         border:0px;
  25 }
  26
  27 body {
  28         background-image: url('../img/background.jpg');
  29         background-repeat: no-repeat;
  30         background-position: top center;
  31 }
  32
  33 #header {
  34         /* Fit exactly into the header in the background, and push the menu bar in place */
  35         padding-top: 70px;
  36         height: 40px;
  37         /* Center the header */
  38         width:1024px;
  39         margin:auto;
  40 }
  41
  42 #menubar ul {
  43         /* Fit exactly into the bar in the background */
  44         padding-top: 5px;
  45         height:15px;
  46         padding-bottom: 5px;
  47         /* Disable all default list-style stuff */
  48         padding-left:0px;
  49         margin:0;
  50         list-style-type:none;
  51         list-style-position:outside;
  52         /* Set the font size to fit exactly */
  53         font-size: 12px;
  54         font-weight: bold;
  55 }
  56
  57 /* Display next to each other instead of below */
  58 #menubar li, #menubar li p {
  59         display:inline;
  60 }
  61
  62 #menubar li p {
  63         padding:0px 0px 0px 10px;
  64         color:#5F3E06;
  65         font-weight:bold;
  66 }
  67
  68 /* Disable underlining and the default blue colour for links in the menubar */
  69 #menubar li a {
  70         color:#5F3E06;
  71         text-decoration:none;
  72 }
  73
  74 /* Give the menu bar links a hover color */
  75 #menubar li a:hover {
  76         color:#FFD200;
  77 }
  78
  79 #page, #footer{
  80         /* Center the page and footer, just like the header */
  81         width:1024px;
  82         margin-right: auto;
  83         margin-left: auto;
  84 }
  85
  86
  87 #pagetop {
  88         width: 694px;
  89         height:39px;
  90         background-image:url('../img/perkamentTop.gif');
  91 }
  92
  93 #pagemiddle {
  94         background-image:url('../img/perkamentCenter.gif');
  95         background-repeat:repeat-y;
  96         /* Force a new block-formatting context, to prevent any margins from
  97          * content to stick out of this div, causing a gap between #pagetop
  98          * and #pagemiddle */
  99         overflow: hidden;
 100         /* Indent the text a bit, so it skips the jagged edges of the
 101          * background */
 102         padding:0px 45px 0px 45px;
 103         /* 694px image width minus two times 45px padding*/
 104         width: 604px;
 105         /* Set a font colour that's readable on the background image. We
 106          * should really also set a background colour here (for when images
 107          * are disabled), but it seems it's impossible to do that without the
 108          * colour showing always */
 109         color:#731E01;
 110         font-weight:bold;
 111 }
 112
 113 #pagemiddle h1,
 114 #pagemiddle h2,
 115 #pagemiddle h3 {
 116         color:#3F3426;
 117 }
 118
 119 #pagemiddle h1 {
 120         font-size:17px;
 121 }
 122 #pagemiddle h2 {
 123         font-size:15px;
 124 }
 125
 126 #pagemiddle a, #pagemiddle a:visited {color: #9F2900;}
 127 #pagemiddle a:hover, #pagemiddle a:visited:hover {color: #ffd200;}
 128
 129 table {
 130         border:0px;
 131 }
 132 /*Vaardigheden table*/
 133 table.border td {
 134         border:0px;
 135         border-bottom:1px solid #5A1800;
 136 }
 137 /* Header row of vaardigheden table*/
 138 tr.kop1 {
 139         background-color:#BEAA76;
 140 }
 141
 142 tr.kop2 {
 143         background-color:#F1E5CB;
 144 }
 145 #pagebottom {
 146         width: 694px;
 147         height:37px;
 148         background-image:url('../img/perkamentBottom.gif');
 149 }
 150
 151 #footer {
 152         /* Put a dotted line at the top of the footer */
 153         border-top: 1px dotted #9C9C9C;
 154         /* Include some spacing around the line */
 155         padding-top: 5px;
 156         margin-top: 5px;
 157 }
 158
 159
 160 #footerbar {
 161 }
 162
 163 #editor {
 164     margin: 0;
 165     padding: 2px 20px 20px 20px;
 166 }
 167
 168 #editor-textarea, #editor-help {
 169     font-family: monospace;
 170     border: 1px solid #8cacbb;
 171     color: black;
 172     background-color: white;
 173     padding: 3px;
 174     width: 100%;
 175     margin-top: 0.5em;
 176 }
 177
 178 /* Format the pageinfo bar. */
 179 #pageinfo {
 180     float: right;
 181     margin: 0px 12px;
 182 }
 183 /* Format the username bar, copied from the modern theme */
 184
 185 #username {
 186     float: left;
 187     display: inline;
 188     margin: 0px 12px;
 189     padding: 0;
 190     text-align: right;
 191     font-size: 0.82em;
 192     white-space: nowrap;
 193 }
 194
 195 #username li {
 196     display: inline;
 197     padding: 0 0.5em 0 0;
 198 }
 199
 200 #searchform {
 201     /* Put the searchform below the pageinfo / username bar */
 202     clear: both;
 203     float: right;
 204     /* Put a bit of offset between the pageinfo and searchform. Don't use
 205      * margin here, that collapses with the floating pageinfo. */
 206     padding-top: 10px;
 207 }
 208
 209 .editbar {
 210     /* Put a bit of offset between the pageinfo and searchform. Don't use
 211      * margin here, that collapses with the floating pageinfo. */
 212     /*padding-top: 10px;
 213     margin: 5px 0;*/
 214     /* Unset the default ul margins */
 215     margin-top: 0px;
 216     margin-bottom: 0px;
 217     /* Put the editbar at the right side (but not over the image there */
 218     float: right;
 219     margin-right: 220px;
 220     /* Prevent weird linebreaks */
 221     white-space: nowrap;
 222 }
 223
 224 .editbar form, .editbar form div {
 225     display: inline;
 226     margin: 0;
 227 }
 228
 229 .editbar li {
 230  /*   display: inline;*/
 231     padding: 0;
 232     margin: 4px 6px;
 233 }
 234
 235 img.Decorative {
 236         border:3px double #cc8900;
 237 }
 238
 239 /* Diff view, copied from modern/screen.css */
 240 .diff-header {
 241     font-weight: bold;
 242 }
 243
 244 .diff-title {
 245     background-color: #C0C0C0;
 246 }
 247
 248 .diff-added {
 249     background-color: #E0FFE0;
 250     vertical-align: sub;
 251 }
 252
 253 .diff-removed {
 254     background-color: #FFFFE0;
 255     vertical-align: sub;
 256 }
 257
 258 .diff-added span {
 259     background-color: #80FF80;
 260 }
 261
 262 .diff-removed span {
 263     background-color: #FFFF80;
 264 }
 265 /* vim: set sw=4 sts=4 expandtab */