Shuffle the layout around a bit again.
[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: 40px;
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 #page, #footer{
75         /* Center the page and footer, just like the header */
76         width:1024px;
77         margin-right: auto;
78         margin-left: auto;
79 }
80
81 h1 { margin: 0; padding: 0; }
82
83 #footer {
84         /* Put a dotted line at the top of the footer */
85         border-top: 1px dotted #9C9C9C;
86         /* Include some spacing around the line */
87         padding-top: 5px;
88         margin-top: 5px;
89 }
90
91
92 #footerbar {
93 }
94
95 #editor {
96     margin: 0;
97     padding: 2px 20px 20px 20px;
98 }
99
100 #editor-textarea, #editor-help {
101     font-family: monospace;
102     border: 1px solid #8cacbb;  
103     color: black;
104     background-color: white;
105     padding: 3px;
106     width: 100%;
107     margin-top: 0.5em;
108 }
109
110 /* Format the pageinfo bar. */
111 #pageinfo {
112     float: right;
113     margin: 0px 12px;
114 }
115 /* Format the username bar, copied from the modern theme */
116
117 #username {
118     float: left;
119     display: inline;
120     margin: 0px 12px;
121     padding: 0;
122     text-align: right;
123     font-size: 0.82em;
124     white-space: nowrap;
125 }
126
127 #username li {
128     display: inline;
129     padding: 0 0.5em 0 0;
130 }
131
132 #searchform {
133     /* Put the searchform below the pageinfo / username bar */
134     clear: both;
135     float: right;
136     /* Put a bit of offset between the pageinfo and searchform. Don't use
137      * margin here, that collapses with the floating pageinfo. */
138     padding-top: 10px;
139 }
140
141 .editbar {
142     /* Put a bit of offset between the pageinfo and searchform. Don't use
143      * margin here, that collapses with the floating pageinfo. */
144     /*padding-top: 10px;
145     margin: 5px 0;*/
146     /* Unset the default ul margins */
147     margin-top: 0px;
148     margin-bottom: 0px;
149     /* Put the editbar at the right side (but not over the image there */
150     float: right;
151     margin-right: 220px;
152     /* Prevent weird linebreaks */
153     white-space: nowrap;
154 }
155
156 .editbar form, .editbar form div {
157     display: inline;
158     margin: 0;
159 }
160
161 .editbar li {
162     display: inline;
163     padding: 0;
164     margin: 4px 6px;
165 }
166
167 /****************** Next pages ************************/
168 .WipiContent {
169         float:left;
170         clear:left;
171         width:694px;
172         margin-top:10px;
173         background-image:url('img/perkamentCenter.gif');
174         background-position:center 39px;
175         background-repeat:repeat-y;
176 }
177
178 .WipiTop {
179         width:100%;
180         height:39px;
181         margin:0px;
182         background-image:url('img/perkamentTop.gif');
183         background-repeat:no-repeat;
184         background-color:#5a1800;
185 }
186
187 .WipiText {
188         width:624px; /*694 parent width minus two times 35px padding*/
189         margin:0px;
190         padding:0px 35px 0px 35px;
191 }
192
193 .WipiText p {
194         color:#731E01;
195         font-weight:bold;
196 }
197
198 .WipiBottom {
199         width:100%;
200         height:37px;
201         background-image:url('img/perkamentBottom.gif');
202         background-repeat:no-repeat;
203         background-color:#5a1800;
204 }
205
206 img.Decorative {
207         border:3px double #cc8900;
208 }
209
210 /* vim: set sw=4 sts=4 expandtab */