summary refs log tree commit diff stats
path: root/theme/css
diff options
context:
space:
mode:
Diffstat (limited to 'theme/css')
-rw-r--r--theme/css/headers.php85
-rw-r--r--theme/css/navigation.css173
-rw-r--r--theme/css/night.css12
-rwxr-xr-xtheme/css/website.css62
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
104::::444444::::444
114::::::::::::::::4 theme/css/headers.php
124444444444:::::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
21if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);}
22
23require('headerproc.php');
24
25?>
26/* Four Island Header CSS */
27<?php
28
29include_once('../includes/specialdates.php');
30
31if (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
53if ($bgimgm == 'main')
54{
55 //Check for page-based headers
56?>
57/* Category-Based Headers */
58body.projects div#banner {
59 background-image: url("/theme/images/headers/projects.png");
60}
61body.wiki div#banner {
62 background-image: url("/theme/images/headers/kfm.png");
63}
64body.fourm div#banner {
65 background-image: url("/theme/images/headers/fourm.png");
66}
67body.misc div#banner {
68 background-image: url("/theme/images/headers/random.png");
69}
70body.webs div#banner {
71 background-image: url("/theme/images/headers/links.png");
72}
73body.quotes div#banner {
74 background-image: url("/theme/images/headers/quotes.png");
75}
76body.poll div#banner {
77 background-image: url("/theme/images/headers/potw.png");
78}
79/* AID-Based Headers */
80<?php
81}
82?>
83div#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
3ul#bannernav {
4 list-style: none;
5 clear: both;
6 margin: 0px;
7}
8
9div#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
16ul#bannernav li {
17 float: left;
18 margin: 0;
19 padding: 0;
20 padding-right: 6px;
21}
22
23ul#bannernav li a {
24 text-decoration: none;
25 display: block;
26 width: 100;
27 height: 30;
28}
29
30ul#bannernav li a span {
31 visibility: hidden;
32}
33
34ul#bannernav li img {
35 display: none;
36}
37
38ul#bannernav li#bannernav-home a {
39 background-image: url("/theme/images/Home.gif");
40}
41
42body.home ul#bannernav li#bannernav-home a,
43ul#bannernav li#bannernav-home a:hover {
44 background-image: url("/theme/images/Home_ro.gif");
45}
46
47ul#bannernav li#bannernav-projects a {
48 background-image: url("/theme/images/Projects.gif");
49}
50
51body.projects ul#bannernav li#bannernav-projects a,
52ul#bannernav li#bannernav-projects a:hover {
53 background-image: url("/theme/images/Projects_ro.gif");
54}
55
56ul#bannernav li#bannernav-wiki a {
57 background-image: url("/theme/images/Wiki.gif");
58}
59
60body.wiki ul#bannernav li#bannernav-wiki a,
61ul#bannernav li#bannernav-wiki a:hover {
62 background-image: url("/theme/images/Wiki_ro.gif");
63}
64
65ul#bannernav li#bannernav-fourm a {
66 background-image: url("/theme/images/Fourm.gif");
67}
68
69body.fourm ul#bannernav li#bannernav-fourm a,
70ul#bannernav li#bannernav-fourm a:hover {
71 background-image: url("/theme/images/Fourm_ro.gif");
72}
73
74ul#bannernav li#bannernav-misc a {
75 background-image: url("/theme/images/Random.gif");
76}
77
78body.misc ul#bannernav li#bannernav-misc a,
79ul#bannernav li#bannernav-misc a:hover {
80 background-image: url("/theme/images/Random_ro.gif");
81}
82
83ul#bannernav li#bannernav-webs a {
84 background-image: url("/theme/images/Links.gif");
85}
86
87body.webs ul#bannernav li#bannernav-webs a,
88ul#bannernav li#bannernav-webs a:hover {
89 background-image: url("/theme/images/Links_ro.gif");
90}
91
92ul#bannernav li#bannernav-poll a {
93 background-image: url("/theme/images/Poll.gif");
94}
95
96body.poll ul#bannernav li#bannernav-poll a,
97ul#bannernav li#bannernav-poll a:hover {
98 background-image: url("/theme/images/Poll_ro.gif");
99}
100
101ul#bannernav li#bannernav-quotes a {
102 background-image: url("/theme/images/Quotes.gif");
103}
104
105body.quotes ul#bannernav li#bannernav-quotes a,
106ul#bannernav li#bannernav-quotes a:hover {
107 background-image: url("/theme/images/Quotes_ro.gif");
108}
109
110ul#bannernav li#bannernav-login a {
111 background-image: url("/theme/images/Login.gif");
112}
113
114body.login ul#bannernav li#bannernav-login a,
115ul#bannernav li#bannernav-login a:hover {
116 background-image: url("/theme/images/Login_ro.gif");
117}
118
119ul#bannernav li#bannernav-logout a {
120 background-image: url("/theme/images/Logout.gif");
121}
122
123ul#bannernav li#bannernav-logout a:hover {
124 background-image: url("/theme/images/Logout_ro.gif");
125}
126
127ul#bannernav li#bannernav-panel a {
128 background-image: url("/theme/images/Panel.gif");
129}
130
131body.panel ul#bannernav li#bannernav-panel a,
132ul#bannernav li#bannernav-panel a:hover {
133 background-image: url("/theme/images/Panel_ro.gif");
134}
135
136ul#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
145ul#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
153ul#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
169body.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
6body div#banner {
7 background-image: url("/theme/images/fourisland_header_night.png") !important;
8}
9
10body div#top-fade {
11 background-image: url(/theme/images/top_fade_night.png) !important;
12}
13
14body.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
109div#banner, div#fi-banner { 109div#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
117div#banner { 123div#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
125body div#banner h1 a, body div#fi-banner h1 a { 131body 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
150span.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
157span.side-left {
158 float: left;
159 margin-right: 10px;
160}
161
162span.side-right {
163 background-position: 100% 0;
164 float: right;
165}
166
144/* Sidebar */ 167/* Sidebar */
145 168
146div#rightbar { 169div#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
203div#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
233div#content { 247div#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
330div#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
318table.webmail { 348table.webmail {