static/exodus/css/screen.css

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