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