diff options
author | Starla Insigna <hatkirby@fourisland.com> | 2008-12-06 09:45:32 -0500 |
---|---|---|
committer | Starla Insigna <hatkirby@fourisland.com> | 2008-12-06 09:45:32 -0500 |
commit | d5e453a7b0a2f966106de4f19602e433f9c7713d (patch) | |
tree | 924331a86c0dc3c79b2cf1404821d98aee9510a4 /theme/css | |
parent | db7adebdd4b9d9674a18337e5d35e88e64e60618 (diff) | |
download | fourisland-d5e453a7b0a2f966106de4f19602e433f9c7713d.tar.gz fourisland-d5e453a7b0a2f966106de4f19602e433f9c7713d.tar.bz2 fourisland-d5e453a7b0a2f966106de4f19602e433f9c7713d.zip |
Reverted back to layout 4
Oh so many people complained at the new, pretty layout. The decision was reached in the Poll of the Week: Layout 6 had to go.
Diffstat (limited to 'theme/css')
-rw-r--r-- | theme/css/headers.php | 85 | ||||
-rw-r--r-- | theme/css/navigation.css | 173 | ||||
-rw-r--r-- | theme/css/night.css | 12 | ||||
-rwxr-xr-x | theme/css/website.css | 62 |
4 files changed, 304 insertions, 28 deletions
diff --git a/theme/css/headers.php b/theme/css/headers.php new file mode 100644 index 0000000..bb5a179 --- /dev/null +++ b/theme/css/headers.php | |||
@@ -0,0 +1,85 @@ | |||
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/headers.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 Header CSS */ | ||
27 | <?php | ||
28 | |||
29 | include_once('../includes/specialdates.php'); | ||
30 | |||
31 | if (sd_ifNoSpecialDay()) | ||
32 | { | ||
33 | $bgimgm = 'main'; | ||
34 | } elseif (sd_isSpecialDay('Four Island A')) | ||
35 | { | ||
36 | $bgimgm = 'islandYearly'; | ||
37 | } elseif (sd_isSpecialDay('Mothers Day')) | ||
38 | { | ||
39 | $bgimgm = 'mothers'; | ||
40 | } elseif (sd_isSpecialDay('Memorial Day')) | ||
41 | { | ||
42 | $bgimgm = 'memorial'; | ||
43 | } elseif (sd_isSpecialDay('Hatkirbys B-Day')) | ||
44 | { | ||
45 | $bgimgm = 'hatkirbybday'; | ||
46 | } else if (sd_isSpecialDay('CTNH')) | ||
47 | { | ||
48 | $bgimgm = 'ctnh'; | ||
49 | } else { | ||
50 | $bgimgm = 'main'; | ||
51 | } | ||
52 | |||
53 | if ($bgimgm == 'main') | ||
54 | { | ||
55 | //Check for page-based headers | ||
56 | ?> | ||
57 | /* Category-Based Headers */ | ||
58 | body.projects div#banner { | ||
59 | background-image: url("/theme/images/headers/projects.png"); | ||
60 | } | ||
61 | body.wiki div#banner { | ||
62 | background-image: url("/theme/images/headers/kfm.png"); | ||
63 | } | ||
64 | body.fourm div#banner { | ||
65 | background-image: url("/theme/images/headers/fourm.png"); | ||
66 | } | ||
67 | body.misc div#banner { | ||
68 | background-image: url("/theme/images/headers/random.png"); | ||
69 | } | ||
70 | body.webs div#banner { | ||
71 | background-image: url("/theme/images/headers/links.png"); | ||
72 | } | ||
73 | body.quotes div#banner { | ||
74 | background-image: url("/theme/images/headers/quotes.png"); | ||
75 | } | ||
76 | body.poll div#banner { | ||
77 | background-image: url("/theme/images/headers/potw.png"); | ||
78 | } | ||
79 | /* AID-Based Headers */ | ||
80 | <?php | ||
81 | } | ||
82 | ?> | ||
83 | div#banner { | ||
84 | background-image: url("/theme/images/headers/<?php echo($bgimgm); ?>.png"); /*850x129*/ | ||
85 | } | ||
diff --git a/theme/css/navigation.css b/theme/css/navigation.css new file mode 100644 index 0000000..4d3156b --- /dev/null +++ b/theme/css/navigation.css | |||
@@ -0,0 +1,173 @@ | |||
1 | /* Four Island NavBar CSS */ | ||
2 | |||
3 | ul#bannernav { | ||
4 | list-style: none; | ||
5 | clear: both; | ||
6 | margin: 0px; | ||
7 | } | ||
8 | |||
9 | div#banner-nav { | ||
10 | height: 30px; | ||
11 | clear: both; | ||
12 | margin: 1px 30px 0 30px; | ||
13 | background: url("/theme/images/bg_navbar.gif") repeat-x 0 0; | ||
14 | } | ||
15 | |||
16 | ul#bannernav li { | ||
17 | float: left; | ||
18 | margin: 0; | ||
19 | padding: 0; | ||
20 | padding-right: 6px; | ||
21 | } | ||
22 | |||
23 | ul#bannernav li a { | ||
24 | text-decoration: none; | ||
25 | display: block; | ||
26 | width: 100; | ||
27 | height: 30; | ||
28 | } | ||
29 | |||
30 | ul#bannernav li a span { | ||
31 | visibility: hidden; | ||
32 | } | ||
33 | |||
34 | ul#bannernav li img { | ||
35 | display: none; | ||
36 | } | ||
37 | |||
38 | ul#bannernav li#bannernav-home a { | ||
39 | background-image: url("/theme/images/Home.gif"); | ||
40 | } | ||
41 | |||
42 | body.home ul#bannernav li#bannernav-home a, | ||
43 | ul#bannernav li#bannernav-home a:hover { | ||
44 | background-image: url("/theme/images/Home_ro.gif"); | ||
45 | } | ||
46 | |||
47 | ul#bannernav li#bannernav-projects a { | ||
48 | background-image: url("/theme/images/Projects.gif"); | ||
49 | } | ||
50 | |||
51 | body.projects ul#bannernav li#bannernav-projects a, | ||
52 | ul#bannernav li#bannernav-projects a:hover { | ||
53 | background-image: url("/theme/images/Projects_ro.gif"); | ||
54 | } | ||
55 | |||
56 | ul#bannernav li#bannernav-wiki a { | ||
57 | background-image: url("/theme/images/Wiki.gif"); | ||
58 | } | ||
59 | |||
60 | body.wiki ul#bannernav li#bannernav-wiki a, | ||
61 | ul#bannernav li#bannernav-wiki a:hover { | ||
62 | background-image: url("/theme/images/Wiki_ro.gif"); | ||
63 | } | ||
64 | |||
65 | ul#bannernav li#bannernav-fourm a { | ||
66 | background-image: url("/theme/images/Fourm.gif"); | ||
67 | } | ||
68 | |||
69 | body.fourm ul#bannernav li#bannernav-fourm a, | ||
70 | ul#bannernav li#bannernav-fourm a:hover { | ||
71 | background-image: url("/theme/images/Fourm_ro.gif"); | ||
72 | } | ||
73 | |||
74 | ul#bannernav li#bannernav-misc a { | ||
75 | background-image: url("/theme/images/Random.gif"); | ||
76 | } | ||
77 | |||
78 | body.misc ul#bannernav li#bannernav-misc a, | ||
79 | ul#bannernav li#bannernav-misc a:hover { | ||
80 | background-image: url("/theme/images/Random_ro.gif"); | ||
81 | } | ||
82 | |||
83 | ul#bannernav li#bannernav-webs a { | ||
84 | background-image: url("/theme/images/Links.gif"); | ||
85 | } | ||
86 | |||
87 | body.webs ul#bannernav li#bannernav-webs a, | ||
88 | ul#bannernav li#bannernav-webs a:hover { | ||
89 | background-image: url("/theme/images/Links_ro.gif"); | ||
90 | } | ||
91 | |||
92 | ul#bannernav li#bannernav-poll a { | ||
93 | background-image: url("/theme/images/Poll.gif"); | ||
94 | } | ||
95 | |||
96 | body.poll ul#bannernav li#bannernav-poll a, | ||
97 | ul#bannernav li#bannernav-poll a:hover { | ||
98 | background-image: url("/theme/images/Poll_ro.gif"); | ||
99 | } | ||
100 | |||
101 | ul#bannernav li#bannernav-quotes a { | ||
102 | background-image: url("/theme/images/Quotes.gif"); | ||
103 | } | ||
104 | |||
105 | body.quotes ul#bannernav li#bannernav-quotes a, | ||
106 | ul#bannernav li#bannernav-quotes a:hover { | ||
107 | background-image: url("/theme/images/Quotes_ro.gif"); | ||
108 | } | ||
109 | |||
110 | ul#bannernav li#bannernav-login a { | ||
111 | background-image: url("/theme/images/Login.gif"); | ||
112 | } | ||
113 | |||
114 | body.login ul#bannernav li#bannernav-login a, | ||
115 | ul#bannernav li#bannernav-login a:hover { | ||
116 | background-image: url("/theme/images/Login_ro.gif"); | ||
117 | } | ||
118 | |||
119 | ul#bannernav li#bannernav-logout a { | ||
120 | background-image: url("/theme/images/Logout.gif"); | ||
121 | } | ||
122 | |||
123 | ul#bannernav li#bannernav-logout a:hover { | ||
124 | background-image: url("/theme/images/Logout_ro.gif"); | ||
125 | } | ||
126 | |||
127 | ul#bannernav li#bannernav-panel a { | ||
128 | background-image: url("/theme/images/Panel.gif"); | ||
129 | } | ||
130 | |||
131 | body.panel ul#bannernav li#bannernav-panel a, | ||
132 | ul#bannernav li#bannernav-panel a:hover { | ||
133 | background-image: url("/theme/images/Panel_ro.gif"); | ||
134 | } | ||
135 | |||
136 | ul#bannernav li#bannernav-search { | ||
137 | display: block; | ||
138 | float: right; | ||
139 | width: 165px; | ||
140 | height: 30px; | ||
141 | margin: 0px; | ||
142 | background: url("/theme/images/bg_search.gif") 0 0 no-repeat; | ||
143 | } | ||
144 | |||
145 | ul#bannernav li#bannernav-search fieldset { | ||
146 | border: none; | ||
147 | padding-top: 6px; | ||
148 | border-width:0pt; | ||
149 | font-family:Verdana,Helvetica,Arial,sans-serif; | ||
150 | font-size:1.1em; | ||
151 | } | ||
152 | |||
153 | ul#bannernav li#bannernav-search input { | ||
154 | width: 125px; | ||
155 | height: 19px !important; | ||
156 | margin-left: 13px; | ||
157 | border: none !important; | ||
158 | background-color: transparent; | ||
159 | cursor:pointer; | ||
160 | font-family:Verdana,Helvetica,Arial,sans-serif; | ||
161 | font-weight:normal; | ||
162 | padding:0pt 3px; | ||
163 | vertical-align:middle; | ||
164 | line-height:1.3em; | ||
165 | color:#536482; | ||
166 | margin-top: -20px; | ||
167 | } | ||
168 | |||
169 | body.fourm ul#bannernav li#bannernav-search input { | ||
170 | margin-top: 0px; | ||
171 | font-size: 1.1em !important; | ||
172 | margin-left: 28px; | ||
173 | } | ||
diff --git a/theme/css/night.css b/theme/css/night.css index 614cc79..e97ac71 100644 --- a/theme/css/night.css +++ b/theme/css/night.css | |||
@@ -2,15 +2,3 @@ body { | |||
2 | background-color: black; | 2 | background-color: black; |
3 | background-image: url(/theme/images/backgrounds/island6night.PNG); | 3 | background-image: url(/theme/images/backgrounds/island6night.PNG); |
4 | } | 4 | } |
5 | |||
6 | body div#banner { | ||
7 | background-image: url("/theme/images/fourisland_header_night.png") !important; | ||
8 | } | ||
9 | |||
10 | body div#top-fade { | ||
11 | background-image: url(/theme/images/top_fade_night.png) !important; | ||
12 | } | ||
13 | |||
14 | body.home div.bubble cite { | ||
15 | color: yellow; | ||
16 | } | ||
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 { |