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