diff options
Diffstat (limited to 'theme/css')
-rw-r--r-- | theme/css/blog.php | 209 | ||||
-rwxr-xr-x | theme/css/website.css | 330 | ||||
-rwxr-xr-x | theme/css/website.php | 733 |
3 files changed, 539 insertions, 733 deletions
diff --git a/theme/css/blog.php b/theme/css/blog.php new file mode 100644 index 0000000..b4b80d0 --- /dev/null +++ b/theme/css/blog.php | |||
@@ -0,0 +1,209 @@ | |||
1 | <?php | ||
2 | /* | ||
3 | 444444444 | ||
4 | 4::::::::4 | ||
5 | 4:::::::::4 | ||
6 | 4::::44::::4 | ||
7 | 4::::4 4::::4 Four Island | ||
8 | 4::::4 4::::4 | ||
9 | 4::::4 4::::4 Written and maintained by Starla Insigna | ||
10 | 4::::444444::::444 | ||
11 | 4::::::::::::::::4 theme/css/blog.php | ||
12 | 4444444444:::::444 | ||
13 | 4::::4 Please do not use, reproduce or steal the | ||
14 | 4::::4 contents of this file without explicit | ||
15 | 4::::4 permission from Hatkirby. | ||
16 | 44::::::44 | ||
17 | 4::::::::4 | ||
18 | 4444444444 | ||
19 | */ | ||
20 | |||
21 | if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);} | ||
22 | |||
23 | require('headerproc.php'); | ||
24 | |||
25 | ?> | ||
26 | |||
27 | div.post { | ||
28 | clear: both; | ||
29 | padding-top: 15px; | ||
30 | } | ||
31 | |||
32 | span.back-post { | ||
33 | float: left; | ||
34 | font-size: 0.9em; | ||
35 | } | ||
36 | |||
37 | span.next-post { | ||
38 | float: right; | ||
39 | font-size: 0.9em; | ||
40 | } | ||
41 | |||
42 | div.post-date-1 { | ||
43 | width: 45px; | ||
44 | height: 49px; | ||
45 | float: left; | ||
46 | background: url(/theme/images/date-bg-1.gif) no-repeat; | ||
47 | } | ||
48 | |||
49 | div.post-date-0 { | ||
50 | width: 45px; | ||
51 | height: 49px; | ||
52 | float: left; | ||
53 | } | ||
54 | |||
55 | div.post-date-0 span.post-month { | ||
56 | color: #999999; | ||
57 | font-size: 18px; | ||
58 | } | ||
59 | |||
60 | span.post-month { | ||
61 | font-size: 11px; | ||
62 | text-transform: uppercase; | ||
63 | color: #FFFFFF; | ||
64 | text-align: center; | ||
65 | display: block; | ||
66 | line-height: 11px; | ||
67 | padding-top: 2px; | ||
68 | margin-left: -3px; | ||
69 | } | ||
70 | |||
71 | span.post-day { | ||
72 | font-size: 18px; | ||
73 | text-transform: uppercase; | ||
74 | color: #999999; | ||
75 | text-align: center; | ||
76 | display: block; | ||
77 | line-height: 18px; | ||
78 | padding-top: 7px; | ||
79 | margin-left: -3px; | ||
80 | } | ||
81 | |||
82 | div.post-title { | ||
83 | float: left; | ||
84 | margin-left: 10px; | ||
85 | width: 500px; /* 430px */ | ||
86 | } | ||
87 | |||
88 | div.entry { | ||
89 | clear: both; | ||
90 | padding-top: 10px; | ||
91 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
92 | } | ||
93 | |||
94 | <?php | ||
95 | |||
96 | $getupdates = "SELECT * FROM updates"; | ||
97 | $getupdates2 = mysql_query($getupdates); | ||
98 | $i=0; | ||
99 | $k=0; | ||
100 | while ($getupdates3[$i] = mysql_fetch_array($getupdates2)) | ||
101 | { | ||
102 | $j=0; | ||
103 | for ($j=0;$j<$k;$j++) | ||
104 | { | ||
105 | if ($authors[$j] == $getupdates3[$i]['author']) | ||
106 | { | ||
107 | break; | ||
108 | } | ||
109 | } | ||
110 | if ($j==$k) | ||
111 | { | ||
112 | $authors[$k] = $getupdates3[$i]['author']; | ||
113 | $k++; | ||
114 | } | ||
115 | $i++; | ||
116 | } | ||
117 | $i=0; | ||
118 | for ($i=0;$i<$k;$i++) | ||
119 | { | ||
120 | ?> | ||
121 | span.post-cat-<?php echo($authors[$i]); ?> { | ||
122 | background: url(/theme/images/authors/<?php echo($authors[$i]); ?>.ico) no-repeat; | ||
123 | padding-left: 20px; | ||
124 | float: left; | ||
125 | font-size: 95%; | ||
126 | color: #999999; | ||
127 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
128 | } | ||
129 | |||
130 | <?php | ||
131 | } | ||
132 | |||
133 | ?> | ||
134 | span.post-comment { | ||
135 | background: url(/theme/images/icons/comment.png) no-repeat; | ||
136 | padding-left: 20px; | ||
137 | float: right; | ||
138 | font-size: 95%; | ||
139 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
140 | } | ||
141 | |||
142 | span.mini-add-comment { | ||
143 | background: url(/theme/images/icons/comment_add.png) no-repeat; | ||
144 | padding-left: 18px; | ||
145 | float: right; | ||
146 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
147 | } | ||
148 | |||
149 | span.post-comments { | ||
150 | background: url(/theme/images/icons/comments.png) no-repeat; | ||
151 | padding-left: 20px; | ||
152 | float: right; | ||
153 | font-size: 95%; | ||
154 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
155 | } | ||
156 | |||
157 | span.post-tag-1 { | ||
158 | background: url(/theme/images/icons/tag.png) no-repeat; | ||
159 | padding-left: 20px; | ||
160 | margin-left: 90px; | ||
161 | float: left; | ||
162 | font-size: 95%; | ||
163 | color: #999999; | ||
164 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
165 | text-transform: capitalize; | ||
166 | } | ||
167 | |||
168 | span.post-tag-2 { | ||
169 | background: url(/theme/images/icons/tag.png) no-repeat; | ||
170 | padding-left: 20px; | ||
171 | margin-left: 75px; | ||
172 | float: left; | ||
173 | font-size: 95%; | ||
174 | color: #999999; | ||
175 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
176 | text-transform: capitalize; | ||
177 | } | ||
178 | |||
179 | span.post-tag-3 { | ||
180 | background: url(/theme/images/icons/tag.png) no-repeat; | ||
181 | padding-left: 20px; | ||
182 | margin-left: 35px; | ||
183 | float: left; | ||
184 | font-size: 95%; | ||
185 | color: #999999; | ||
186 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
187 | text-transform: capitalize; | ||
188 | } | ||
189 | |||
190 | div.post-date-2 { | ||
191 | width: 45px; | ||
192 | height: 49px; | ||
193 | float: left; | ||
194 | background: url(/theme/images/date-bg-2.gif) no-repeat; | ||
195 | } | ||
196 | |||
197 | div.post-date-3 { | ||
198 | width: 45px; | ||
199 | height: 49px; | ||
200 | float: left; | ||
201 | background: url(/theme/images/date-bg-3.gif) no-repeat; | ||
202 | } | ||
203 | |||
204 | div.post-date-4 { | ||
205 | width: 45px; | ||
206 | height: 49px; | ||
207 | float: left; | ||
208 | background: url(/theme/images/date-bg-4.gif) no-repeat; | ||
209 | } | ||
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 | } | ||
diff --git a/theme/css/website.php b/theme/css/website.php deleted file mode 100755 index bce3ca8..0000000 --- a/theme/css/website.php +++ /dev/null | |||
@@ -1,733 +0,0 @@ | |||
1 | <?php | ||
2 | /* | ||
3 | 444444444 | ||
4 | 4::::::::4 | ||
5 | 4:::::::::4 | ||
6 | 4::::44::::4 | ||
7 | 4::::4 4::::4 Four Island | ||
8 | 4::::4 4::::4 | ||
9 | 4::::4 4::::4 Written and maintained by Starla Insigna | ||
10 | 4::::444444::::444 | ||
11 | 4::::::::::::::::4 theme/css/website.php | ||
12 | 4444444444:::::444 | ||
13 | 4::::4 Please do not use, reproduce or steal the | ||
14 | 4::::4 contents of this file without explicit | ||
15 | 4::::4 permission from Hatkirby. | ||
16 | 44::::::44 | ||
17 | 4::::::::4 | ||
18 | 4444444444 | ||
19 | */ | ||
20 | |||
21 | if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);} | ||
22 | |||
23 | require('headerproc.php'); | ||
24 | |||
25 | ?> | ||
26 | /* Four Island General CSS */ | ||
27 | |||
28 | body { | ||
29 | background-repeat: repeat-x; | ||
30 | background-attachment: fixed; | ||
31 | background-position: bottom left; | ||
32 | font-family: Arial, FreeSans; | ||
33 | margin: 0px; | ||
34 | padding: 0px 0px 30px !important; | ||
35 | } | ||
36 | |||
37 | body.fourm { | ||
38 | font-family: Verdana, Helvetica, Arial, sans-serif ; | ||
39 | } | ||
40 | |||
41 | |||
42 | ul#bannernav, p { | ||
43 | margin:0pt; | ||
44 | padding:0pt; | ||
45 | } | ||
46 | |||
47 | p {margin-top: 1em} | ||
48 | |||
49 | ul, ol {margin-top: 1em; margin-bottom: 1em} | ||
50 | |||
51 | ::selection { | ||
52 | background: pink; | ||
53 | } | ||
54 | ::-moz-selection { | ||
55 | background: pink; | ||
56 | } | ||
57 | |||
58 | /* A (Links) */ | ||
59 | |||
60 | A:link { | ||
61 | color: blue; | ||
62 | font-weight: bold; | ||
63 | text-decoration: none; | ||
64 | } | ||
65 | |||
66 | A:visited { | ||
67 | color: blue; | ||
68 | text-decoration: none; | ||
69 | } | ||
70 | |||
71 | A:hover { | ||
72 | color: blue; | ||
73 | font-weight: bold; | ||
74 | text-decoration: none; | ||
75 | font-variant: small-caps; | ||
76 | text-transform: capitalize; | ||
77 | } | ||
78 | |||
79 | A:active { | ||
80 | color: blue; | ||
81 | text-decoration: none; | ||
82 | } | ||
83 | |||
84 | a img { | ||
85 | border: 0; | ||
86 | } | ||
87 | |||
88 | /* Random Elements */ | ||
89 | |||
90 | hr { | ||
91 | height:1px; | ||
92 | color: gray; | ||
93 | background: gray; | ||
94 | border: none; | ||
95 | text-align: left; | ||
96 | margin-left: 0; | ||
97 | } | ||
98 | |||
99 | .center { | ||
100 | text-align: center; | ||
101 | } | ||
102 | |||
103 | img.center, img[align="center"] { | ||
104 | display: block; | ||
105 | margin-left: auto; | ||
106 | margin-right: auto; | ||
107 | } | ||
108 | |||
109 | acronym, abbr, span.caps { | ||
110 | cursor: help; | ||
111 | } | ||
112 | |||
113 | acronym, abbr { | ||
114 | border-bottom: 1px dashed #999; | ||
115 | } | ||
116 | |||
117 | blockquote { | ||
118 | padding-left: 10px; | ||
119 | border-left: 3px solid #CCC; | ||
120 | font-family: helvetica; | ||
121 | font-size: 14px; | ||
122 | margin-top: 10px; | ||
123 | margin-bottom: 10px; | ||
124 | margin-left: 50px; | ||
125 | } | ||
126 | |||
127 | pre { | ||
128 | line-height: 12px; | ||
129 | } | ||
130 | |||
131 | .toolTip { | ||
132 | border-bottom: 1px dashed #999; | ||
133 | cursor: help; | ||
134 | } | ||
135 | |||
136 | #wrap { | ||
137 | width: 910px; | ||
138 | margin: 10px auto; | ||
139 | text-align: left; | ||
140 | padding: 0; | ||
141 | margin-top: 25px; | ||
142 | } | ||
143 | |||
144 | span.fcorners-bottom { | ||
145 | background-position: 0 0; | ||
146 | } | ||
147 | span.fcorners-bottom span { | ||
148 | background-position: 100% -20px; | ||
149 | } | ||
150 | |||
151 | /* Banner */ | ||
152 | |||
153 | div#banner, div#fi-banner { | ||
154 | background-repeat: no-repeat; | ||
155 | width: 900px; /*728*/ | ||
156 | height: 200px; | ||
157 | float: left; | ||
158 | margin-top: 21px; | ||
159 | } | ||
160 | |||
161 | div#banner { | ||
162 | background-image: url("/theme/images/fourisland_header.png"); | ||
163 | } | ||
164 | |||
165 | body div#banner h1, body div#fi-banner h1 { | ||
166 | margin: 0; | ||
167 | } | ||
168 | |||
169 | body div#banner h1 a, body div#fi-banner h1 a { | ||
170 | display: block; | ||
171 | width: 900px; | ||
172 | height: 200px; | ||
173 | text-indent: -5000px; | ||
174 | text-decoration: none; | ||
175 | margin: 0; | ||
176 | } | ||
177 | |||
178 | div#banner h1, div#fi-banner h1 { | ||
179 | margin: 0; | ||
180 | font-size: 3.0em; | ||
181 | font-weight: normal; | ||
182 | } | ||
183 | |||
184 | div#bannernav { | ||
185 | text-align: center; | ||
186 | } | ||
187 | |||
188 | #page-body { | ||
189 | margin: 0 30px; | ||
190 | clear: both; | ||
191 | position: relative; | ||
192 | } | ||
193 | |||
194 | body.fourm #page-body { | ||
195 | margin-left: 25; | ||
196 | margin-right: 10; | ||
197 | width: 95%; | ||
198 | font-size: 62.5%; | ||
199 | } | ||
200 | |||
201 | #phpBB3-page-body { | ||
202 | margin: 4px 0 !important; | ||
203 | clear: both; | ||
204 | } | ||
205 | |||
206 | div#pageTabs { | ||
207 | float: left; | ||
208 | margin-left: -40px; | ||
209 | padding-top: 140px; | ||
210 | } | ||
211 | |||
212 | body.fourm div#pageTabs { | ||
213 | margin-left: 0; | ||
214 | } | ||
215 | |||
216 | div#pageTabs ul li { | ||
217 | list-style-type: none; | ||
218 | background-image: url("/theme/images/tabUn.png"); | ||
219 | display: block; | ||
220 | height: 37; | ||
221 | width: 100; | ||
222 | margin-bottom: 2px; | ||
223 | text-align: right; | ||
224 | } | ||
225 | |||
226 | div#pageTabs ul li * { | ||
227 | padding-top: 4px; | ||
228 | padding-right: 2px; | ||
229 | } | ||
230 | |||
231 | body.main div#pageTabs ul li#bannernav-home, | ||
232 | body.projects div#pageTabs ul li#bannernav-proj, | ||
233 | body.wiki div#pageTabs ul li#bannernav-wiki, | ||
234 | body.fourm div#pageTabs ul li#bannernav-fourm, | ||
235 | body.misc div#pageTabs ul li#bannernav-misc, | ||
236 | body.webs div#pageTabs ul li#bannernav-webs, | ||
237 | body.login div#pageTabs ul li#bannernav-login { | ||
238 | background-image: url("/theme/images/tabSe.png"); | ||
239 | } | ||
240 | |||
241 | /* Sidebar */ | ||
242 | |||
243 | div#rightbar { | ||
244 | float: left; | ||
245 | width: 250px; /*210*/ | ||
246 | padding: 0 10; | ||
247 | } | ||
248 | |||
249 | div#iconbar { | ||
250 | text-align: center; | ||
251 | margin-left: 20px; | ||
252 | } | ||
253 | |||
254 | div#iconbar ul li { | ||
255 | list-style-type: none; | ||
256 | } | ||
257 | |||
258 | div.sidebar { | ||
259 | width: 250px; /*250*/ /*240*/ /*210*/ | ||
260 | padding: 0 10px; | ||
261 | margin-bottom: 5px; | ||
262 | } | ||
263 | |||
264 | div.sidebar h3 { | ||
265 | font-family: Verdana, Helvetica, Arial, sans-serif; | ||
266 | margin: 5px 0 0 0; | ||
267 | font-weight: bold; | ||
268 | color: #333333; | ||
269 | } | ||
270 | |||
271 | div.sidebar p { | ||
272 | font-size: 0.8em; | ||
273 | margin: 3px 0; | ||
274 | } | ||
275 | |||
276 | span.corners-top, | ||
277 | span.corners-bottom { | ||
278 | margin: 0 -10px; | ||
279 | background-image: url("/theme/images/corners_left.png"); | ||
280 | } | ||
281 | |||
282 | span.corners-top span, | ||
283 | span.corners-bottom span { | ||
284 | background-image: url("/theme/images/corners_right.png"); | ||
285 | } | ||
286 | |||
287 | span.corners-top span { | ||
288 | background-position: 100% 0pt; | ||
289 | } | ||
290 | |||
291 | span.corners-bottom { | ||
292 | background-position: 0pt 100%; | ||
293 | } | ||
294 | |||
295 | span.corners-bottom span { | ||
296 | background-position: 100% 100%; | ||
297 | } | ||
298 | |||
299 | span.corners-top, | ||
300 | span.corners-bottom, | ||
301 | span.corners-top span, | ||
302 | span.corners-bottom span { | ||
303 | background-repeat:no-repeat; | ||
304 | display:block; | ||
305 | font-size:1px; | ||
306 | height:5px; | ||
307 | line-height:1px; | ||
308 | } | ||
309 | |||
310 | div.sidebar ul { | ||
311 | list-style-type: none; | ||
312 | padding: 0; | ||
313 | margin: 0; | ||
314 | line-height: normal !important; | ||
315 | list-style-image: none !important; | ||
316 | } | ||
317 | |||
318 | div#sidebar ul li { | ||
319 | margin-top: 4px; | ||
320 | } | ||
321 | |||
322 | div#sidebar ul li a { | ||
323 | display: block; | ||
324 | width: 230px; | ||
325 | } | ||
326 | |||
327 | body.main div#sidebar div#hatnav ul li a#main, | ||
328 | body.about div#sidebar div#hatnav ul li a#about, | ||
329 | body.archive div#sidebar div#hatnav ul li a#archive, | ||
330 | body.winProg div#sidebar div#hatnav ul li a#winProg, | ||
331 | body.winGames div#sidebar div#hatnav ul li a#winGames, | ||
332 | body.flash div#sidebar div#hatnav ul li a#flash, | ||
333 | body.challenge div#sidebar div#hatnav ul li a#challenge, | ||
334 | body.experiment div#sidebar div#hatnav ul li a#experiment, | ||
335 | body.kfm div#sidebar div#hatnav ul li a#kfm, | ||
336 | body.mailchat div#sidebar div#hatnav ul li a#mailchat, | ||
337 | body.articles div#sidebar div#hatnav ul li a#articles, | ||
338 | body.poll div#sidebar div#hatnav ul li a#poll, | ||
339 | body.subversion div#sidebar div#hatnav ul li a#subversion { | ||
340 | background: #FEFFB2; | ||
341 | font-weight: bold; | ||
342 | text-decoration: none; | ||
343 | color: black; | ||
344 | } | ||
345 | |||
346 | div#sidebar li img { | ||
347 | border: 0; | ||
348 | height: 16px; | ||
349 | width: 16px; | ||
350 | } | ||
351 | |||
352 | /* Content */ | ||
353 | |||
354 | div#content, div#fi-content { | ||
355 | float: right; | ||
356 | width: 555px; /*465*/ /*555*/ | ||
357 | } | ||
358 | |||
359 | body#day div#page div#content code { | ||
360 | display: block; | ||
361 | border: solid black 1px; | ||
362 | background-color: #FFFF64; | ||
363 | width: 485px; | ||
364 | overflow: visible; | ||
365 | } | ||
366 | |||
367 | div#content h2 { | ||
368 | color: #59770e; | ||
369 | margin: 0px 0px 2px; | ||
370 | border-bottom: 1px dotted #CCCCCC; | ||
371 | letter-spacing: -1px; | ||
372 | font: normal 140%/100% "Trebuchet MS", Tahoma, Arial; | ||
373 | padding-bottom: 3px; | ||
374 | } | ||
375 | |||
376 | /* Random Divs/Spans */ | ||
377 | |||
378 | div#stripe { | ||
379 | position: fixed; | ||
380 | top: 0; | ||
381 | left: 0; | ||
382 | width: 100%; | ||
383 | background-color: #FBEC5D; | ||
384 | height: 20px; | ||
385 | z-index: 99; | ||
386 | padding-top: 5px; | ||
387 | text-align: center; | ||
388 | } | ||
389 | |||
390 | * > html div#stripe { | ||
391 | position: absolute; | ||
392 | } | ||
393 | |||
394 | div.autosize { | ||
395 | display: table; | ||
396 | width: 1px; | ||
397 | } | ||
398 | |||
399 | div.autosize > div { | ||
400 | display: table-cell; | ||
401 | } | ||
402 | |||
403 | div#chat { | ||
404 | float: right; | ||
405 | position: fixed; | ||
406 | bottom: 0; | ||
407 | background-color: brown; | ||
408 | color: white; | ||
409 | right: 20; | ||
410 | height: 100%; | ||
411 | width: 40%; | ||
412 | } | ||
413 | |||
414 | div.cleardiv { | ||
415 | clear: both; | ||
416 | height: 1em; | ||
417 | } | ||
418 | |||
419 | div#footer { | ||
420 | clear: both; | ||
421 | padding-bottom: 1em; | ||
422 | padding-top: .5em; | ||
423 | margin-top: .5em; | ||
424 | text-align: center; | ||
425 | font-size: .68em; | ||
426 | width: 100%; | ||
427 | border-top: 1px black solid; | ||
428 | border-bottom: 4px gray solid; | ||
429 | } | ||
430 | |||
431 | div#footer ul.rows li { | ||
432 | display: list-item; | ||
433 | } | ||
434 | |||
435 | #rightbar-bottom { | ||
436 | background: url("/theme/images/bg_footer.gif") repeat-x 0 100%; | ||
437 | } | ||
438 | |||
439 | #pollOfTheWeek { | ||
440 | color: black; | ||
441 | } | ||
442 | |||
443 | div.post { | ||
444 | clear: both; | ||
445 | padding-top: 15px; | ||
446 | } | ||
447 | |||
448 | span.back-post { | ||
449 | float: left; | ||
450 | font-size: 0.9em; | ||
451 | } | ||
452 | |||
453 | span.next-post { | ||
454 | float: right; | ||
455 | font-size: 0.9em; | ||
456 | } | ||
457 | |||
458 | span.up-post { | ||
459 | font-size: 0.9em; | ||
460 | } | ||
461 | |||
462 | div.post-date-1 { | ||
463 | width: 45px; | ||
464 | height: 49px; | ||
465 | float: left; | ||
466 | background: url(/theme/images/date-bg-1.gif) no-repeat; | ||
467 | } | ||
468 | |||
469 | div.post-date-0 { | ||
470 | width: 45px; | ||
471 | height: 49px; | ||
472 | float: left; | ||
473 | } | ||
474 | |||
475 | div.post-date-0 span.post-month { | ||
476 | color: #999999; | ||
477 | font-size: 18px; | ||
478 | } | ||
479 | |||
480 | span.post-month { | ||
481 | font-size: 11px; | ||
482 | text-transform: uppercase; | ||
483 | color: #FFFFFF; | ||
484 | text-align: center; | ||
485 | display: block; | ||
486 | line-height: 11px; | ||
487 | padding-top: 2px; | ||
488 | margin-left: -3px; | ||
489 | } | ||
490 | |||
491 | span.post-day { | ||
492 | font-size: 18px; | ||
493 | text-transform: uppercase; | ||
494 | color: #999999; | ||
495 | text-align: center; | ||
496 | display: block; | ||
497 | line-height: 18px; | ||
498 | padding-top: 7px; | ||
499 | margin-left: -3px; | ||
500 | } | ||
501 | |||
502 | div.post-title { | ||
503 | float: left; | ||
504 | margin-left: 10px; | ||
505 | width: 500px; /* 430px */ | ||
506 | } | ||
507 | |||
508 | div.entry { | ||
509 | clear: both; | ||
510 | padding-top: 10px; | ||
511 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
512 | } | ||
513 | |||
514 | <?php | ||
515 | |||
516 | $getupdates = "SELECT * FROM updates"; | ||
517 | $getupdates2 = mysql_query($getupdates); | ||
518 | $i=0; | ||
519 | $k=0; | ||
520 | while ($getupdates3[$i] = mysql_fetch_array($getupdates2)) | ||
521 | { | ||
522 | $j=0; | ||
523 | for ($j=0;$j<$k;$j++) | ||
524 | { | ||
525 | if ($authors[$j] == $getupdates3[$i]['author']) | ||
526 | { | ||
527 | break; | ||
528 | } | ||
529 | } | ||
530 | if ($j==$k) | ||
531 | { | ||
532 | $authors[$k] = $getupdates3[$i]['author']; | ||
533 | $k++; | ||
534 | } | ||
535 | $i++; | ||
536 | } | ||
537 | $i=0; | ||
538 | for ($i=0;$i<$k;$i++) | ||
539 | { | ||
540 | ?> | ||
541 | span.post-cat-<?php echo($authors[$i]); ?> { | ||
542 | background: url(/theme/images/authors/<?php echo($authors[$i]); ?>.ico) no-repeat; | ||
543 | padding-left: 20px; | ||
544 | float: left; | ||
545 | font-size: 95%; | ||
546 | color: #999999; | ||
547 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
548 | } | ||
549 | |||
550 | <?php | ||
551 | } | ||
552 | |||
553 | ?> | ||
554 | span.post-comment { | ||
555 | background: url(/theme/images/icons/comment.png) no-repeat; | ||
556 | padding-left: 20px; | ||
557 | float: right; | ||
558 | font-size: 95%; | ||
559 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
560 | } | ||
561 | |||
562 | span.mini-add-comment { | ||
563 | background: url(/theme/images/icons/comment_add.png) no-repeat; | ||
564 | padding-left: 18px; | ||
565 | float: right; | ||
566 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
567 | } | ||
568 | |||
569 | span.post-comments { | ||
570 | background: url(/theme/images/icons/comments.png) no-repeat; | ||
571 | padding-left: 20px; | ||
572 | float: right; | ||
573 | font-size: 95%; | ||
574 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
575 | } | ||
576 | |||
577 | div#page { | ||
578 | padding: 0; | ||
579 | width: 850px; | ||
580 | position: relative; | ||
581 | left: 50%; | ||
582 | margin-left: -422px; | ||
583 | } | ||
584 | |||
585 | div#footer ul { | ||
586 | padding: 0; | ||
587 | margin: 0; | ||
588 | list-style-type: none; | ||
589 | } | ||
590 | |||
591 | div#footer ul li { | ||
592 | display: inline; | ||
593 | margin-right: 1em; | ||
594 | } | ||
595 | |||
596 | div#footer ul li img { | ||
597 | width: 20px; | ||
598 | height: 20px; | ||
599 | vertical-align: top; | ||
600 | } | ||
601 | |||
602 | div#content ul { | ||
603 | list-style: url(/theme/images/bullet_disk_big.png); | ||
604 | } | ||
605 | |||
606 | div.push { | ||
607 | clear: both; | ||
608 | height: 20px; | ||
609 | } | ||
610 | |||
611 | span.print { | ||
612 | display: none; | ||
613 | } | ||
614 | |||
615 | span.post-tag-1 { | ||
616 | background: url(/theme/images/icons/tag.png) no-repeat; | ||
617 | padding-left: 20px; | ||
618 | margin-left: 90px; | ||
619 | float: left; | ||
620 | font-size: 95%; | ||
621 | color: #999999; | ||
622 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
623 | text-transform: capitalize; | ||
624 | } | ||
625 | |||
626 | form textarea:focus, form input:focus { | ||
627 | border: 2px solid #900; | ||
628 | background-color: #FEFFB2; | ||
629 | } | ||
630 | |||
631 | span.post-tag-2 { | ||
632 | background: url(/theme/images/icons/tag.png) no-repeat; | ||
633 | padding-left: 20px; | ||
634 | margin-left: 75px; | ||
635 | float: left; | ||
636 | font-size: 95%; | ||
637 | color: #999999; | ||
638 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
639 | text-transform: capitalize; | ||
640 | } | ||
641 | |||
642 | span.post-tag-3 { | ||
643 | background: url(/theme/images/icons/tag.png) no-repeat; | ||
644 | padding-left: 20px; | ||
645 | margin-left: 35px; | ||
646 | float: left; | ||
647 | font-size: 95%; | ||
648 | color: #999999; | ||
649 | font: 75%/150% Arial, "Trebuchet MS", Tahoma; | ||
650 | text-transform: capitalize; | ||
651 | } | ||
652 | |||
653 | div.post-date-2 { | ||
654 | width: 45px; | ||
655 | height: 49px; | ||
656 | float: left; | ||
657 | background: url(/theme/images/date-bg-2.gif) no-repeat; | ||
658 | } | ||
659 | |||
660 | div.post-date-3 { | ||
661 | width: 45px; | ||
662 | height: 49px; | ||
663 | float: left; | ||
664 | background: url(/theme/images/date-bg-3.gif) no-repeat; | ||
665 | } | ||
666 | |||
667 | div.post-date-4 { | ||
668 | width: 45px; | ||
669 | height: 49px; | ||
670 | float: left; | ||
671 | background: url(/theme/images/date-bg-4.gif) no-repeat; | ||
672 | } | ||
673 | |||
674 | div#content a img { | ||
675 | border: solid transparent 1px; | ||
676 | } | ||
677 | |||
678 | div#content a:hover img { | ||
679 | border: dashed gray 1px; | ||
680 | } | ||
681 | |||
682 | div.morePost { | ||
683 | border-top: gray 1px dashed; | ||
684 | } | ||
685 | |||
686 | div.plainText { | ||
687 | font-family: Courier New; | ||
688 | font-size: small; | ||
689 | } | ||
690 | |||
691 | div.breadcrumb { | ||
692 | margin-bottom: 10px; | ||
693 | font-size: 10px; | ||
694 | border-bottom: 1px dotted black; | ||
695 | } | ||
696 | |||
697 | /* Tables */ | ||
698 | |||
699 | table.webmail { | ||
700 | border: 0; | ||
701 | width: 100%; | ||
702 | } | ||
703 | |||
704 | table.webmail, table.webmail td { | ||
705 | border-spacing: 0; | ||
706 | } | ||
707 | |||
708 | table.webmail tr { | ||
709 | background-color: #3CE4ED; | ||
710 | } | ||
711 | |||
712 | table.webmail tr.even { | ||
713 | background-color: #39B7CD; | ||
714 | } | ||
715 | |||
716 | table.webmail th { | ||
717 | background-color: #FF9912; | ||
718 | text-align: left; | ||
719 | } | ||
720 | |||
721 | table.webmail td { | ||
722 | word-wrap: break-word; | ||
723 | } | ||
724 | |||
725 | div#top-fade { | ||
726 | position: absolute; | ||
727 | top: 0; | ||
728 | left: 0; | ||
729 | width: 100%; | ||
730 | background-image: url(/theme/images/top_fade.png); | ||
731 | height: 400px; | ||
732 | z-index: 0; | ||
733 | } | ||