Make the page header fit better.
[matthijs/projects/wipi.git] / 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 img {
21         border:0px;
22 }
23
24 #menubar li {
25         display: inline;
26         list-style-type: none;
27 }
28
29
30 body {
31         background-image: url('../img/background.jpg');
32         background-repeat: no-repeat;
33         background-position: top center;
34 }
35
36 #header {
37         /* Fit exactly into the header in the background, and push the menu bar in place */
38         padding-top: 70px;
39         height: 30px;
40         /* Center the header */
41         width:1024px;
42         margin:auto;
43 }
44
45 ul#menubar {
46         /* Fit exactly into the bar in the background */
47         padding-top: 5px;
48         height:15px;
49         padding-bottom: 5px;
50         /* Disable all default list-style stuff */
51         padding-left:0px;
52         margin:0;
53         list-style-type:none;
54         list-style-position:outside;
55         /* Set the font size to fit exactly */
56         font-size: 15px;
57         font-weight: bold;
58 }
59
60 /* Display next to each other instead of below */
61 ul#menubar li {
62         display:inline;
63         padding:0px 10px 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 ul#menubar li a {
70         color:#5F3E06;
71         text-decoration:none;
72 }
73
74 #footer {
75         /* Put a dotted line at the top of the footer */
76         border-top: 1px dotted #9C9C9C;
77         /* Include some spacing around the line */
78         padding-top: 5px;
79         margin-top: 5px;
80 }
81
82 /* Format the editbar, copied from modern theme */
83
84 .editbar {
85     float: left;
86     margin: 5px 0;
87     padding: 0;
88 }
89
90 .editbar a, .editbar a:visited { color: #0044B3; }
91
92 .editbar form, .editbar form div {
93     display: inline;
94     margin: 0;
95 }
96
97 .editbar li {
98     display: inline;
99     padding: 0;
100     margin: 4px 6px;
101 }
102
103 #footerbar {
104 }
105
106 .editbar a, .editbar a:visited { color: #0044B3; }
107
108 #editor {
109     margin: 0;
110     padding: 2px 20px 20px 20px;
111 }
112
113 #editor-textarea, #editor-help {
114     font-family: monospace;
115     border: 1px solid #8cacbb;  
116     color: black;
117     background-color: white;
118     padding: 3px;
119     width: 100%;
120     margin-top: 0.5em;
121 }
122
123 /* Format the username bar, copied from the modern theme */
124
125 #username {
126     float: right;
127     display: inline;
128     margin: 5px 12px;
129     padding: 0;
130     text-align: right;
131     font-size: 0.82em;
132     white-space: nowrap;
133 }
134
135 *[dir="rtl"] #username {
136     text-align: left;
137     margin: 5px 0px;
138 }
139
140 #username li {
141     display: inline;
142     padding: 0 0.5em 0 0;
143 }
144
145 #username form {
146     display: inline;
147 }
148
149 #username input {
150     display: inline;
151     padding: 0;
152     margin: 0;
153     border: none;
154     background: #E7E7E7; /* inherit doesnt work on IE */
155     color: blue;
156     font-size: 0.82em;
157     cursor: pointer;
158 }
159
160 #username input:hover {
161     color: red;
162 }
163
164 /****************** Next pages ************************/
165 .WipiContent {
166         float:left;
167         clear:left;
168         width:694px;
169         margin-top:10px;
170         background-image:url('img/perkamentCenter.gif');
171         background-position:center 39px;
172         background-repeat:repeat-y;
173 }
174
175 .WipiTop {
176         width:100%;
177         height:39px;
178         margin:0px;
179         background-image:url('img/perkamentTop.gif');
180         background-repeat:no-repeat;
181         background-color:#5a1800;
182 }
183
184 .WipiText {
185         width:624px; /*694 parent width minus two times 35px padding*/
186         margin:0px;
187         padding:0px 35px 0px 35px;
188 }
189
190 .WipiText p {
191         color:#731E01;
192         font-weight:bold;
193 }
194
195 .WipiBottom {
196         width:100%;
197         height:37px;
198         background-image:url('img/perkamentBottom.gif');
199         background-repeat:no-repeat;
200         background-color:#5a1800;
201 }
202
203 img.Decorative {
204         border:3px double #cc8900;
205 }
206
207 /* vim: set sw=4 sts=4 expandtab */