diff options
Diffstat (limited to 'theme/css/website.css')
-rw-r--r--[-rwxr-xr-x] | theme/css/website.css | 458 |
1 files changed, 223 insertions, 235 deletions
diff --git a/theme/css/website.css b/theme/css/website.css index f0f2a0e..145bcdf 100755..100644 --- a/theme/css/website.css +++ b/theme/css/website.css | |||
@@ -1,14 +1,6 @@ | |||
1 | /* Four Island CSS */ | 1 | * { |
2 | 2 | margin: 0; | |
3 | body { | 3 | padding: 0; |
4 | background: repeat-x bottom left fixed; | ||
5 | font-family: Arial, FreeSans; | ||
6 | margin: 0px; | ||
7 | padding: 0px 0px 30px !important; | ||
8 | } | ||
9 | |||
10 | body.fourm { | ||
11 | font-family: Verdana, Helvetica, Arial, sans-serif; | ||
12 | } | 4 | } |
13 | 5 | ||
14 | /* Effects */ | 6 | /* Effects */ |
@@ -27,349 +19,345 @@ body.fourm { | |||
27 | } | 19 | } |
28 | 20 | ||
29 | form textarea:focus, form input:focus { | 21 | form textarea:focus, form input:focus { |
30 | border: 2px solid #900; | 22 | border: 2px solid #900; |
31 | background-color: #FEFFB2; | 23 | background-color: #FEFFB2; |
32 | } | 24 | } |
33 | 25 | ||
34 | /* Links */ | 26 | /* Links */ |
35 | 27 | ||
36 | a:link { | 28 | a:link { |
37 | color: blue; | 29 | color: blue; |
38 | font-weight: bold; | 30 | font-weight: bold; |
39 | text-decoration: none; | 31 | text-decoration: none; |
40 | } | 32 | } |
41 | 33 | ||
42 | a:visited, a:active { | 34 | a:visited, a:active { |
43 | color: blue; | 35 | color: blue; |
44 | text-decoration: none; | 36 | text-decoration: none; |
45 | } | 37 | } |
46 | 38 | ||
47 | a:hover, a:focus { | 39 | a:hover, a:focus { |
48 | color: blue; | 40 | color: blue; |
49 | font-weight: bold; | 41 | font-weight: bold; |
50 | text-decoration: none; | 42 | text-decoration: none; |
51 | font-variant: small-caps; | 43 | font-variant: small-caps; |
52 | text-transform: capitalize; | 44 | text-transform: capitalize; |
53 | } | 45 | } |
54 | 46 | ||
55 | a img { | 47 | a img { |
56 | border: 0; | 48 | border: 0; |
57 | } | 49 | } |
58 | 50 | ||
59 | /* Random Elements */ | 51 | /* Body */ |
60 | 52 | ||
61 | * { | 53 | body { |
62 | margin:0pt; | 54 | font-family: "Lucida Grande", "Arial", sans; |
63 | padding:0pt; | 55 | background-color: #111; |
64 | } | 56 | } |
65 | 57 | ||
66 | p {margin-top: 1em;} | 58 | div#header { |
67 | ul, ol {margin-top: 1em; margin-bottom: 1em} | 59 | width: 100%; |
68 | 60 | height: 200px; | |
69 | img.center, img[align="center"] { | 61 | background-image: url(http://fourisland.com/theme/images/header-repeat.png); |
70 | display: block; | 62 | background-repeat: repeat-x; |
71 | margin-left: auto; | ||
72 | margin-right: auto; | ||
73 | } | 63 | } |
74 | 64 | ||
75 | acronym, abbr, span.caps { | 65 | div#banner { |
76 | cursor: help; | 66 | width: 800px; |
67 | height: 200px; | ||
68 | margin: 0 auto; | ||
69 | background-image: url(http://fourisland.com/theme/images/header.png); | ||
70 | background-position: bottom right; | ||
77 | } | 71 | } |
78 | 72 | ||
79 | acronym, abbr { | 73 | div#header a { |
80 | border-bottom: 1px dashed #999; | 74 | width: 800px; |
75 | height: 200px; | ||
76 | text-indent: -5000px; | ||
77 | display: block; | ||
81 | } | 78 | } |
82 | 79 | ||
83 | blockquote { | 80 | div#sidebar { |
84 | padding-left: 10px; | 81 | width: 21%; |
85 | border-left: 3px solid #CCC; | 82 | float: left; |
86 | font-family: Helvetica, sans-serif; | ||
87 | font-size: 14px; | ||
88 | margin: 10px 0 10px 50px; | ||
89 | } | 83 | } |
90 | 84 | ||
91 | pre { | 85 | div#content { |
92 | line-height: 12px; | 86 | width: 69%; |
87 | float: right; | ||
88 | padding-left: 5%; | ||
89 | padding-right: 5%; | ||
90 | padding-top: 20px; | ||
93 | } | 91 | } |
94 | 92 | ||
95 | /* Banner */ | 93 | div#content div.rounded { |
96 | 94 | padding: 10px; | |
97 | div#banner, div#fi-banner { | ||
98 | background-repeat: no-repeat; | ||
99 | width: 900px; /*728*/ | ||
100 | height: 200px; | ||
101 | float: left; | ||
102 | /* margin-top: 21px; */ | ||
103 | } | 95 | } |
104 | 96 | ||
105 | div#banner { | 97 | div#footer { |
106 | background: white url("/theme/images/fourisland_header.png") center no-repeat; | 98 | width: 100%; |
107 | width: 100%; | 99 | padding-top: 20px; |
100 | padding-bottom: 20px; | ||
108 | } | 101 | } |
109 | 102 | ||
110 | body div#banner h1, body div#fi-banner h1 { | 103 | div#footer div.foot-module { |
111 | margin: 0; | 104 | margin: 0 auto; |
105 | float: left; | ||
106 | width: 20%; | ||
107 | margin-left: 4%; | ||
108 | color: white; | ||
109 | font-size: 0.9em; | ||
112 | } | 110 | } |
113 | 111 | ||
114 | body div#banner h1 a, body div#fi-banner h1 a { | 112 | div#footer a { |
115 | display: block; | 113 | color: white; |
116 | width: 900px; | 114 | border-bottom: 1px dotted white; |
117 | height: 200px; | ||
118 | text-indent: -5000px; | ||
119 | text-decoration: none; | ||
120 | margin: 0; | ||
121 | } | 115 | } |
122 | 116 | ||
123 | div#banner h1, div#fi-banner h1 { | 117 | div#footer div.foot-module ul { |
124 | margin: 0; | 118 | list-style-type: square; |
125 | font-size: 3.0em; | ||
126 | font-weight: normal; | ||
127 | } | 119 | } |
128 | 120 | ||
129 | /* NavBar */ | 121 | div#footer p { |
130 | 122 | font-size: 0.5em; | |
131 | div#fi-navbar { | 123 | color: white; |
132 | position: relative; | 124 | text-align: center; |
133 | background-color: #b7e0ff; | ||
134 | width: auto; | ||
135 | margin-bottom: 14px; | ||
136 | font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif; | ||
137 | height: 1.9em; | ||
138 | clear: both; | ||
139 | } | 125 | } |
140 | 126 | ||
141 | div#fi-navbar div { | 127 | div#page-content { |
142 | padding: .001em 0; | 128 | background-color: #00ff00; /*#8B4513;*/ |
143 | margin: 10px; | 129 | padding-bottom: 10px; |
144 | } | 130 | } |
145 | 131 | ||
146 | div#fi-navbar ul { | 132 | body[id^=fourm] div#page div#content code { |
147 | margin: .25em 0; | 133 | display: block; |
148 | padding-left: 1em; | 134 | border: solid black 1px; |
149 | text-align: center; | 135 | background-color: #FFFF64; |
136 | width: 485px; | ||
137 | overflow: visible; | ||
150 | } | 138 | } |
151 | 139 | ||
152 | div#fi-navbar ul li { | 140 | body[id^=fourm] div#content h2 { |
153 | display: inline; | 141 | color: #59770e; |
154 | font-family: Verdana, sans-serif; | 142 | margin: 0px 0px 2px; |
155 | font-size: 1.1em; | 143 | border-bottom: 1px dotted #CCCCCC; |
144 | letter-spacing: -1px; | ||
145 | font-size: 140%; | ||
146 | padding-bottom: 3px; | ||
156 | } | 147 | } |
157 | 148 | ||
158 | div#fi-navbar ul li+li:before { | 149 | body#fourm div#actual-content { |
159 | content: " - "; | 150 | font-size: 60%; |
160 | } | 151 | } |
161 | 152 | ||
162 | div#fi-navbar ul li img, | 153 | ul#navbar { |
163 | div#fi-navbar ul li.active span { | 154 | text-align: center; |
164 | display: none; | 155 | margin-top: 0; |
165 | } | 156 | } |
166 | 157 | ||
167 | div#fi-navbar ul li.active img { | 158 | ul#navbar li { |
168 | display: inline; | 159 | display: inline; |
169 | background-color: white; | 160 | font-family: Verdana, sans-serif; |
170 | outline: white solid .5em; | 161 | font-size: 1.1em; |
171 | margin: 0 .5em; | ||
172 | } | 162 | } |
173 | 163 | ||
174 | div#fi-navbar div.bubble blockquote { | 164 | ul#navbar li+li:before { |
175 | background: none; | 165 | content: " - "; |
176 | font-size: 0.9em; | ||
177 | } | 166 | } |
178 | 167 | ||
179 | div#fi-navbar div.bubble blockquote a { | 168 | ul#navbar li img, ul#navbar li.active span { |
180 | color: blue; | 169 | display: none; |
181 | } | 170 | } |
182 | 171 | ||
183 | /* Sidebar */ | 172 | ul#navbar li.active img { |
184 | 173 | display: inline; | |
185 | div#rightbar { | 174 | background-color: white; |
186 | float: left; | 175 | outline: white solid .5em; |
187 | width: 270px; /*210*/ | 176 | margin: 0 .5em; |
188 | } | 177 | } |
189 | 178 | ||
190 | div.sidebar { | 179 | .invisible { |
191 | width: 250px; /*250*/ /*240*/ /*210*/ | 180 | display: none; |
192 | padding: 0 10px; | ||
193 | margin-bottom: 5px; | ||
194 | } | 181 | } |
195 | 182 | ||
196 | div.sidebar h3 { | 183 | a img { |
197 | font-family: Verdana, Helvetica, Arial, sans-serif; | 184 | border: 0; |
198 | margin: 5px 0 0 0; | ||
199 | font-weight: bold; | ||
200 | color: #333333; | ||
201 | } | 185 | } |
202 | 186 | ||
203 | div.sidebar p { | 187 | p { |
204 | font-size: 0.8em; | 188 | margin-top: 1em; |
205 | margin: 3px 0; | ||
206 | } | 189 | } |
207 | 190 | ||
208 | div.sidebar ul { | 191 | ul, ol { |
209 | list-style-type: none; | 192 | margin-top: 1em; |
210 | padding: 0; | 193 | margin-bottom: 1em; |
211 | margin: 0; | ||
212 | line-height: normal !important; | ||
213 | list-style-image: none !important; | ||
214 | } | ||
215 | |||
216 | div#sidebar ul li { | ||
217 | margin-top: 4px; | ||
218 | } | 194 | } |
219 | 195 | ||
220 | div#sidebar ul li a { | 196 | .center, img[align="center"] { |
221 | display: block; | 197 | display: block; |
222 | width: 230px; | 198 | margin: 0 auto !important; |
223 | } | 199 | } |
224 | 200 | ||
225 | div#sidebar li img { | 201 | acronym, abbr, span.caps { |
226 | border: 0; | 202 | cursor: help; |
227 | height: 16px; | ||
228 | width: 16px; | ||
229 | } | 203 | } |
230 | 204 | ||
231 | /* Layout */ | 205 | acronym, abbr { |
206 | border-bottom: 1px dashed #999; | ||
207 | } | ||
232 | 208 | ||
233 | #wrap { | 209 | pre { |
234 | width: 910px; | 210 | background: #eee; |
235 | margin: 10px auto; | 211 | padding: 10px; |
236 | padding: 0; | 212 | border: 2px solid #c94a29; |
237 | background-color: white; | 213 | overflow: auto; |
238 | background-color: rgba(255, 255, 255, 0.5); | 214 | margin: 15px 0; |
239 | border: 4px solid gray; | 215 | font-family: Courier, Monospace; |
240 | } | 216 | } |
241 | 217 | ||
242 | #page-body { | 218 | ul pre, ol pre { |
243 | margin: 0 30px; | 219 | margin-left: -3em; |
244 | clear: both; | ||
245 | position: relative; | ||
246 | } | 220 | } |
247 | 221 | ||
248 | body.fourm #page-body { | 222 | div.autosize { |
249 | margin: 0 10px 0 25px; | 223 | margin-bottom: 6px !important; |
250 | width: 95%; | ||
251 | font-size: 62.5%; | ||
252 | } | 224 | } |
253 | 225 | ||
254 | #phpBB3-page-body { | 226 | ul blockquote, ol blockquote { |
255 | margin: 4px 0 !important; | 227 | position: relative; |
256 | clear: both; | 228 | left: -3em; |
229 | width: 110%; | ||
257 | } | 230 | } |
258 | 231 | ||
259 | /* Content */ | 232 | .comment ul, .comment ol { |
260 | 233 | margin-left: 3em; | |
261 | div#content { | ||
262 | float: right; | ||
263 | width: 555px; /*465*/ /*555*/ | ||
264 | } | 234 | } |
265 | 235 | ||
266 | body#day div#page div#content code { | 236 | ul div.bquote blockquote, ol div.bquote blockquote { |
267 | display: block; | 237 | left: 0; |
268 | border: solid black 1px; | ||
269 | background-color: #FFFF64; | ||
270 | width: 485px; | ||
271 | overflow: visible; | ||
272 | } | 238 | } |
273 | 239 | ||
274 | div#content h2 { | 240 | li+br { |
275 | color: #59770e; | 241 | display: none; |
276 | margin: 0px 0px 2px; | ||
277 | border-bottom: 1px dotted #CCCCCC; | ||
278 | letter-spacing: -1px; | ||
279 | font: normal 140%/100% "Trebuchet MS", Tahoma, Arial; | ||
280 | padding-bottom: 3px; | ||
281 | } | 242 | } |
282 | 243 | ||
283 | /* Random Divs/Spans */ | 244 | /* Tables */ |
284 | 245 | ||
285 | div.cleardiv { | 246 | table.webmail { |
286 | clear: both; | 247 | border: 0; |
287 | } | 248 | width: 100%; |
288 | |||
289 | div#footer { | ||
290 | clear: both; | ||
291 | padding: .5em 0 1em 0; | ||
292 | margin-top: .5em; | ||
293 | text-align: center; | ||
294 | font-size: .68em; | ||
295 | border-top: 1px black solid; | ||
296 | } | 249 | } |
297 | 250 | ||
298 | div#footer ul.rows li { | 251 | table.webmail, table.webmail td { |
299 | display: list-item; | 252 | border-spacing: 0; |
300 | } | 253 | } |
301 | 254 | ||
302 | div#footer ul { | 255 | table.webmail tr { |
303 | padding: 0; | 256 | background-color: #3CE4ED; |
304 | margin: 0; | ||
305 | list-style-type: none; | ||
306 | } | 257 | } |
307 | 258 | ||
308 | div#footer ul li { | 259 | table.webmail tr.even { |
309 | display: inline; | 260 | background-color: #39B7CD; |
310 | margin-right: 1em; | ||
311 | } | 261 | } |
312 | 262 | ||
313 | div#footer ul li img { | 263 | table.webmail th { |
314 | width: 20px; | 264 | background-color: #FF9912; |
315 | height: 20px; | 265 | text-align: left; |
316 | vertical-align: top; | ||
317 | } | 266 | } |
318 | 267 | ||
319 | div#content ul { | 268 | /* Sidebar */ |
320 | list-style: url(/theme/images/bullet_disk_big.png); | 269 | |
270 | div#rightbar { | ||
271 | float: left; | ||
272 | width: 270px; /*210*/ | ||
321 | } | 273 | } |
322 | 274 | ||
323 | div#content a img { | 275 | div.sidebar { |
324 | border: solid transparent 1px; | 276 | width: 250px; /*250*/ /*240*/ /*210*/ |
277 | padding: 0 10px; | ||
278 | margin-bottom: 5px; | ||
325 | } | 279 | } |
326 | 280 | ||
327 | div#content a:hover img { | 281 | div.sidebar h3 { |
328 | border: dashed gray 1px; | 282 | font-family: Verdana, Helvetica, Arial, sans-serif; |
283 | margin: 5px 0 0 0; | ||
284 | font-weight: bold; | ||
285 | color: #333333; | ||
329 | } | 286 | } |
330 | 287 | ||
331 | div#hatbar.quotes-options ul { | 288 | div.sidebar p { |
332 | list-style: none; | 289 | font-size: 0.8em; |
290 | margin: 3px 0; | ||
333 | } | 291 | } |
334 | 292 | ||
335 | div.autosize { | 293 | div#sidebar ul.hatnav { |
336 | margin-bottom: 6px !important; | 294 | list-style-type: none; |
295 | padding-left: 24px; | ||
296 | margin-top: 0 !important; | ||
297 | line-height: normal !important; | ||
298 | list-style-image: none !important; | ||
337 | } | 299 | } |
338 | 300 | ||
339 | ul blockquote, ol blockquote { | 301 | div#sidebar ul { |
340 | position: relative; | 302 | list-style-type: none; |
341 | left: -3em; | 303 | } |
342 | width: 110%; | 304 | |
305 | div#sidebar ul.hatnav li { | ||
306 | text-align: right; | ||
307 | border: 1px gray solid; | ||
308 | padding-top: 2px; | ||
309 | padding-bottom: 2px; | ||
310 | background-color: #111; | ||
311 | color: white; | ||
312 | } | ||
313 | |||
314 | div#sidebar ul.hatnav li a { | ||
315 | display: block; | ||
316 | width: 230px; | ||
317 | color: white; | ||
343 | } | 318 | } |
344 | 319 | ||
345 | li+br { | 320 | div#sidebar li img { |
346 | display: none; | 321 | border: 0; |
322 | height: 16px; | ||
323 | width: 16px; | ||
347 | } | 324 | } |
348 | 325 | ||
349 | .invisible { | 326 | div#sidebar ul.hatnav li.active { |
350 | display: none; | 327 | background-color:#00FF00; |
328 | border: none; | ||
351 | } | 329 | } |
352 | 330 | ||
353 | /* Tables */ | 331 | div#sidebar ul.hatnav li:hover { |
332 | background-color:yellow; | ||
333 | border: none; | ||
334 | } | ||
354 | 335 | ||
355 | table.webmail { | 336 | div#sidebar ul li.active a, div#sidebar ul li a:hover { |
356 | border: 0; | 337 | color: black; |
357 | width: 100%; | ||
358 | } | 338 | } |
359 | 339 | ||
360 | table.webmail, table.webmail td { | 340 | div.cleardiv { |
361 | border-spacing: 0; | 341 | clear: both; |
362 | } | 342 | } |
363 | 343 | ||
364 | table.webmail tr { | 344 | .nobr { |
365 | background-color: #3CE4ED; | 345 | white-space: nowrap; |
366 | } | 346 | } |
367 | 347 | ||
368 | table.webmail tr.even { | 348 | textarea { |
369 | background-color: #39B7CD; | 349 | width: 99%; |
370 | } | 350 | } |
371 | 351 | ||
372 | table.webmail th { | 352 | div#flash { |
373 | background-color: #FF9912; | 353 | position: fixed; |
374 | text-align: left; | 354 | left: 0; |
355 | top: 0; | ||
356 | width: 100%; | ||
357 | background-color: yellow; | ||
358 | padding: 10px 0; | ||
359 | text-align: center; | ||
360 | border-bottom: 1px solid black; | ||
361 | display: none; | ||
362 | z-index: 9999; | ||
375 | } | 363 | } |