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: 15px;
  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 #page, #footer{
  79         /* Center the page and footer, just like the header */
  80         width:1024px;
  81         margin-right: auto;
  82         margin-left: auto;
  83 }
  84
  85
  86 #pagetop {
  87         width: 694px;
  88         height:39px;
  89         background-image:url('../img/perkamentTop.gif');
  90 }
  91
  92 #pagemiddle {
  93         background-image:url('../img/perkamentCenter.gif');
  94         background-repeat:repeat-y;
  95         /* Force a new block-formatting context, to prevent any margins from
  96          * content to stick out of this div, causing a gap between #pagetop
  97          * and #pagemiddle */
  98         overflow: hidden;
  99         /* Indent the text a bit, so it skips the jagged edges of the
 100          * background */
 101         padding:0px 45px 0px 45px;
 102         /* 694px image width minus two times 45px padding*/
 103         width: 604px;
 104         /* Set a font colour that's readable on the background image. We
 105          * should really also set a background colour here (for when images
 106          * are disabled), but it seems it's impossible to do that without the
 107          * colour showing always */
 108         color:#731E01;
 109         font-weight:bold;
 110 }
 111
 112 #pagebottom {
 113         width: 694px;
 114         height:37px;
 115         background-image:url('../img/perkamentBottom.gif');
 116 }
 117
 118 #footer {
 119         /* Put a dotted line at the top of the footer */
 120         border-top: 1px dotted #9C9C9C;
 121         /* Include some spacing around the line */
 122         padding-top: 5px;
 123         margin-top: 5px;
 124 }
 125
 126
 127 #footerbar {
 128 }
 129
 130 #editor {
 131     margin: 0;
 132     padding: 2px 20px 20px 20px;
 133 }
 134
 135 #editor-textarea, #editor-help {
 136     font-family: monospace;
 137     border: 1px solid #8cacbb;
 138     color: black;
 139     background-color: white;
 140     padding: 3px;
 141     width: 100%;
 142     margin-top: 0.5em;
 143 }
 144
 145 /* Format the pageinfo bar. */
 146 #pageinfo {
 147     float: right;
 148     margin: 0px 12px;
 149 }
 150 /* Format the username bar, copied from the modern theme */
 151
 152 #username {
 153     float: left;
 154     display: inline;
 155     margin: 0px 12px;
 156     padding: 0;
 157     text-align: right;
 158     font-size: 0.82em;
 159     white-space: nowrap;
 160 }
 161
 162 #username li {
 163     display: inline;
 164     padding: 0 0.5em 0 0;
 165 }
 166
 167 #searchform {
 168     /* Put the searchform below the pageinfo / username bar */
 169     clear: both;
 170     float: right;
 171     /* Put a bit of offset between the pageinfo and searchform. Don't use
 172      * margin here, that collapses with the floating pageinfo. */
 173     padding-top: 10px;
 174 }
 175
 176 .editbar {
 177     /* Put a bit of offset between the pageinfo and searchform. Don't use
 178      * margin here, that collapses with the floating pageinfo. */
 179     /*padding-top: 10px;
 180     margin: 5px 0;*/
 181     /* Unset the default ul margins */
 182     margin-top: 0px;
 183     margin-bottom: 0px;
 184     /* Put the editbar at the right side (but not over the image there */
 185     float: right;
 186     margin-right: 220px;
 187     /* Prevent weird linebreaks */
 188     white-space: nowrap;
 189 }
 190
 191 .editbar form, .editbar form div {
 192     display: inline;
 193     margin: 0;
 194 }
 195
 196 .editbar li {
 197  /*   display: inline;*/
 198     padding: 0;
 199     margin: 4px 6px;
 200 }
 201
 202 /****************** Next pages ************************/
 203 .WipiContent {
 204         float:left;
 205         clear:left;
 206         width:694px;
 207         margin-top:10px;
 208         background-image:url('img/perkamentCenter.gif');
 209         background-position:center 39px;
 210         background-repeat:repeat-y;
 211 }
 212
 213 .WipiTop {
 214         width:100%;
 215         height:39px;
 216         margin:0px;
 217         background-image:url('img/perkamentTop.gif');
 218         background-repeat:no-repeat;
 219         background-color:#5a1800;
 220 }
 221
 222 .WipiText {
 223         width:624px; /*694 parent width minus two times 35px padding*/
 224         margin:0px;
 225         padding:0px 35px 0px 35px;
 226 }
 227
 228 .WipiText p {
 229         color:#731E01;
 230         font-weight:bold;
 231 }
 232
 233 .WipiBottom {
 234         width:100%;
 235         height:37px;
 236         background-image:url('img/perkamentBottom.gif');
 237         background-repeat:no-repeat;
 238         background-color:#5a1800;
 239 }
 240
 241 img.Decorative {
 242         border:3px double #cc8900;
 243 }
 244
 245 /* vim: set sw=4 sts=4 expandtab */