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