diff options
Diffstat (limited to 'theme/css/website.css')
-rwxr-xr-x | theme/css/website.css | 62 |
1 files changed, 46 insertions, 16 deletions
diff --git a/theme/css/website.css b/theme/css/website.css index de2fecd..823e80e 100755 --- a/theme/css/website.css +++ b/theme/css/website.css | |||
@@ -108,12 +108,18 @@ pre { | |||
108 | 108 | ||
109 | div#banner, div#fi-banner { | 109 | div#banner, div#fi-banner { |
110 | background-repeat: no-repeat; | 110 | background-repeat: no-repeat; |
111 | width: 900px; /*728*/ | 111 | width: 850px; |
112 | height: 200px; | 112 | height: 129px; |
113 | float: left; | 113 | float: left; |
114 | margin-top: 21px; | 114 | margin-top: 21px; |
115 | } | 115 | } |
116 | 116 | ||
117 | #page-header { | ||
118 | background: url("/theme/images/bg_header.gif") repeat-x 0 0; | ||
119 | height: 150px; | ||
120 | clear: both; | ||
121 | } | ||
122 | |||
117 | div#banner { | 123 | div#banner { |
118 | background-image: url("/theme/images/fourisland_header.png"); | 124 | background-image: url("/theme/images/fourisland_header.png"); |
119 | } | 125 | } |
@@ -124,8 +130,8 @@ body div#banner h1, body div#fi-banner h1 { | |||
124 | 130 | ||
125 | body div#banner h1 a, body div#fi-banner h1 a { | 131 | body div#banner h1 a, body div#fi-banner h1 a { |
126 | display: block; | 132 | display: block; |
127 | width: 900px; | 133 | width: 850px; |
128 | height: 200px; | 134 | height: 129px; |
129 | text-indent: -5000px; | 135 | text-indent: -5000px; |
130 | text-decoration: none; | 136 | text-decoration: none; |
131 | margin: 0; | 137 | margin: 0; |
@@ -141,10 +147,27 @@ div#bannernav { | |||
141 | text-align: center; | 147 | text-align: center; |
142 | } | 148 | } |
143 | 149 | ||
150 | span.side-left, span.side-right { | ||
151 | display: block; | ||
152 | width: 20px; | ||
153 | height: 150px; | ||
154 | background: url("/theme/images/sides_top.gif") no-repeat; | ||
155 | } | ||
156 | |||
157 | span.side-left { | ||
158 | float: left; | ||
159 | margin-right: 10px; | ||
160 | } | ||
161 | |||
162 | span.side-right { | ||
163 | background-position: 100% 0; | ||
164 | float: right; | ||
165 | } | ||
166 | |||
144 | /* Sidebar */ | 167 | /* Sidebar */ |
145 | 168 | ||
146 | div#rightbar { | 169 | div#rightbar { |
147 | float: left; | 170 | float: right; |
148 | width: 250px; /*210*/ | 171 | width: 250px; /*210*/ |
149 | padding: 0 10; | 172 | padding: 0 10; |
150 | } | 173 | } |
@@ -193,6 +216,7 @@ div#sidebar li img { | |||
193 | /* Layout */ | 216 | /* Layout */ |
194 | 217 | ||
195 | #wrap { | 218 | #wrap { |
219 | background: #FFFFFF url("/theme/images/bg_body.gif") repeat-y 0 0; | ||
196 | width: 910px; | 220 | width: 910px; |
197 | margin: 10px auto; | 221 | margin: 10px auto; |
198 | text-align: left; | 222 | text-align: left; |
@@ -200,16 +224,6 @@ div#sidebar li img { | |||
200 | margin-top: 25px; | 224 | margin-top: 25px; |
201 | } | 225 | } |
202 | 226 | ||
203 | div#top-fade { | ||
204 | position: absolute; | ||
205 | top: 0; | ||
206 | left: 0; | ||
207 | width: 100%; | ||
208 | background-image: url(/theme/images/top_fade.png); | ||
209 | height: 400px; | ||
210 | z-index: 0; | ||
211 | } | ||
212 | |||
213 | #page-body { | 227 | #page-body { |
214 | margin: 0 30px; | 228 | margin: 0 30px; |
215 | clear: both; | 229 | clear: both; |
@@ -231,7 +245,7 @@ body.fourm #page-body { | |||
231 | /* Content */ | 245 | /* Content */ |
232 | 246 | ||
233 | div#content { | 247 | div#content { |
234 | float: right; | 248 | float: left; |
235 | width: 555px; /*465*/ /*555*/ | 249 | width: 555px; /*465*/ /*555*/ |
236 | } | 250 | } |
237 | 251 | ||
@@ -313,6 +327,22 @@ div#hatbar.quotes-options ul { | |||
313 | list-style: none; | 327 | list-style: none; |
314 | } | 328 | } |
315 | 329 | ||
330 | div#stripe { | ||
331 | position: fixed; | ||
332 | top: 0; | ||
333 | left: 0; | ||
334 | width: 100%; | ||
335 | background-color: #FBEC5D; | ||
336 | height: 20px; | ||
337 | z-index: 99; | ||
338 | padding-top: 5px; | ||
339 | text-align: center; | ||
340 | } | ||
341 | |||
342 | * > html div#stripe { | ||
343 | position: absolute; | ||
344 | } | ||
345 | |||
316 | /* Tables */ | 346 | /* Tables */ |
317 | 347 | ||
318 | table.webmail { | 348 | table.webmail { |