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, 28 insertions, 304 deletions
diff --git a/theme/css/headers.php b/theme/css/headers.php deleted file mode 100644 index bb5a179..0000000 --- a/theme/css/headers.php +++ /dev/null
@@ -1,85 +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
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 deleted file mode 100644 index 4d3156b..0000000 --- a/theme/css/navigation.css +++ /dev/null
@@ -1,173 +0,0 @@
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 e97ac71..614cc79 100644 --- a/theme/css/night.css +++ b/theme/css/night.css
@@ -2,3 +2,15 @@ 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 823e80e..de2fecd 100755 --- a/theme/css/website.css +++ b/theme/css/website.css
@@ -108,18 +108,12 @@ 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: 850px; 111 width: 900px; /*728*/
112 height: 129px; 112 height: 200px;
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
123div#banner { 117div#banner {
124 background-image: url("/theme/images/fourisland_header.png"); 118 background-image: url("/theme/images/fourisland_header.png");
125} 119}
@@ -130,8 +124,8 @@ body div#banner h1, body div#fi-banner h1 {
130 124
131body div#banner h1 a, body div#fi-banner h1 a { 125body div#banner h1 a, body div#fi-banner h1 a {
132 display: block; 126 display: block;
133 width: 850px; 127 width: 900px;
134 height: 129px; 128 height: 200px;
135 text-indent: -5000px; 129 text-indent: -5000px;
136 text-decoration: none; 130 text-decoration: none;
137 margin: 0; 131 margin: 0;
@@ -147,27 +141,10 @@ div#bannernav {
147 text-align: center; 141 text-align: center;
148} 142}
149 143
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
167/* Sidebar */ 144/* Sidebar */
168 145
169div#rightbar { 146div#rightbar {
170 float: right; 147 float: left;
171 width: 250px; /*210*/ 148 width: 250px; /*210*/
172 padding: 0 10; 149 padding: 0 10;
173} 150}
@@ -216,7 +193,6 @@ div#sidebar li img {
216/* Layout */ 193/* Layout */
217 194
218#wrap { 195#wrap {
219 background: #FFFFFF url("/theme/images/bg_body.gif") repeat-y 0 0;
220 width: 910px; 196 width: 910px;
221 margin: 10px auto; 197 margin: 10px auto;
222 text-align: left; 198 text-align: left;
@@ -224,6 +200,16 @@ div#sidebar li img {
224 margin-top: 25px; 200 margin-top: 25px;
225} 201}
226 202
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
227#page-body { 213#page-body {
228 margin: 0 30px; 214 margin: 0 30px;
229 clear: both; 215 clear: both;
@@ -245,7 +231,7 @@ body.fourm #page-body {
245/* Content */ 231/* Content */
246 232
247div#content { 233div#content {
248 float: left; 234 float: right;
249 width: 555px; /*465*/ /*555*/ 235 width: 555px; /*465*/ /*555*/
250} 236}
251 237
@@ -327,22 +313,6 @@ div#hatbar.quotes-options ul {
327 list-style: none; 313 list-style: none;
328} 314}
329 315
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
346/* Tables */ 316/* Tables */
347 317
348table.webmail { 318table.webmail {