summary refs log tree commit diff stats
path: root/theme/css
diff options
context:
space:
mode:
authorStarla Insigna <hatkirby@fourisland.com>2008-11-22 18:01:52 -0500
committerStarla Insigna <hatkirby@fourisland.com>2008-11-22 18:01:52 -0500
commit284226706885e3b40769dea5853a95e2b32efda8 (patch)
tree77392f8cdb81eb805660b433c0ae9cfac7174607 /theme/css
parent3796eb62b5a6a959d1a45697e08998adf7fd78a3 (diff)
downloadfourisland-284226706885e3b40769dea5853a95e2b32efda8.tar.gz
fourisland-284226706885e3b40769dea5853a95e2b32efda8.tar.bz2
fourisland-284226706885e3b40769dea5853a95e2b32efda8.zip
Created the 6th layout
Diffstat (limited to 'theme/css')
-rwxr-xr-xtheme/css/backgrounds.php148
-rwxr-xr-xtheme/css/headers.php85
-rwxr-xr-xtheme/css/navigation.php198
-rwxr-xr-xtheme/css/website.php169
4 files changed, 30 insertions, 570 deletions
diff --git a/theme/css/backgrounds.php b/theme/css/backgrounds.php deleted file mode 100755 index 51e7dbf..0000000 --- a/theme/css/backgrounds.php +++ /dev/null
@@ -1,148 +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/backgrounds.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/* Four Island Background CSS */
26<?php
27
28include_once('../includes/specialdates.php');
29
30if (sd_ifNoSpecialDay())
31{
32 $bgimgm = 'island6';
33} elseif (sd_isSpecialDay('Four Island A'))
34{
35 $bgimgm = 'islandYearly';
36} elseif (sd_isSpecialDay('Christmas Eve'))
37{
38 $bgimgm = 'christmasEve';
39 $bgcolor = 'black';
40} elseif (sd_isSpecialDay('Christmas Day'))
41{
42 $bgimgm = 'christmas';
43} elseif (sd_isSpecialDay('New Years Eve'))
44{
45 $bgimgm = 'newYearsEve';
46 $bgcolor = 'black';
47} elseif (sd_isSpecialDay('Veterans Day'))
48{
49 $bgimgm = 'veterans';
50} elseif (sd_isSpecialDay('Independance Day'))
51{
52 $bgimgm = '4ofjuly';
53 $bgcolor = 'black';
54} elseif (sd_isSpecialDay('Fathers Day'))
55{
56 $bgimgm = 'fathers';
57} elseif (sd_isSpecialDay('Hatkirbys B-Day'))
58{
59 $bgimgm = 'hatkirbybday';
60} elseif (sd_isSpecialDay('Kirby Week'))
61{
62 $bgimgm = 'kirbyweek';
63} elseif (sd_isSpecialDay('Memorial Day'))
64{
65 $bgimgm = 'memorial';
66 $bgcolor = 'gray';
67} elseif (sd_isSpecialDay('Mothers Day'))
68{
69 $bgimgm = 'mothers';
70} elseif (sd_isSpecialDay('New Years Day'))
71{
72 $bgimgm = 'newYear';
73} elseif (sd_isSpecialDay('Ash Wednesday'))
74{
75 $bgimgm = 'ashWeds';
76} elseif (sd_isSpecialDay('Columbus Day'))
77{
78 $bgimgm = 'columbus';
79} elseif (sd_isSpecialDay('Easter'))
80{
81 $bgimgm = 'easter';
82} elseif (sd_isSpecialDay('Flag Day'))
83{
84 $bgimgm = 'flagDay';
85} elseif (sd_isSpecialDay('Good Friday'))
86{
87 $bgimgm = 'goodFriday';
88} elseif (sd_isSpecialDay('Groundhog Day'))
89{
90 $bgimgm = 'groundhog';
91} elseif (sd_isSpecialDay('Halloween'))
92{
93 $bgimgm = 'halloween';
94 $bgcolor = 'black';
95} elseif (sd_isSpecialDay('Mardi Gras'))
96{
97 $bgimgm = 'mardiGras';
98} elseif (sd_isSpecialDay('Martin Luther King Day'))
99{
100 $bgimgm = 'martinLuther';
101} elseif (sd_isSpecialDay('Valentines Day'))
102{
103 $bgimgm = 'valentines';
104} else {
105 $bgimgm = 'island6';
106}
107
108if (isset($_GET['nolayout']))
109{
110 if ((date('G') >= 20) || (date('G') <= 6))
111 {
112// $bodyID = 'night';
113 } else {
114 $bodyID = 'day';
115 }
116} else {
117 $bodyID = $_GET['id'];
118}
119
120if (!isset($bgcolor)) {$bgcolor='aqua';}
121if (($bgimgm == 'island6') && ($bodyID == 'night')) {$bgcolor='black';}
122
123?>
124/* Body */
125
126body {
127 background-color: <?php echo($bgcolor); ?>;
128 background-image: url(/theme/images/backgrounds/<?php echo($bgimgm); ?>.PNG);
129 background-repeat: repeat-x;
130 background-attachment: fixed;
131 background-position: bottom left;
132 font-family: Arial, FreeSans;
133 margin: 0px;
134 padding: 0px 0px 30px !important;
135}
136
137<?php
138
139if ($bgimgm == 'island6')
140{
141?>
142body#night {
143 background: black url(/theme/images/backgrounds/island6night.PNG) repeat-x fixed bottom left;
144}
145
146<?php
147}
148?>
diff --git a/theme/css/headers.php b/theme/css/headers.php deleted file mode 100755 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.php b/theme/css/navigation.php deleted file mode 100755 index 4b5f117..0000000 --- a/theme/css/navigation.php +++ /dev/null
@@ -1,198 +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/navigation.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 NavBar CSS */
27
28ul#bannernav {
29 list-style: none;
30 clear: both;
31 margin: 0px;
32}
33
34div#banner-nav {
35 height: 30px;
36 clear: both;
37 margin: 1px 30px 0 30px;
38 background: url("/theme/images/bg_navbar.gif") repeat-x 0 0;
39}
40
41ul#bannernav li {
42 float: left;
43 margin: 0;
44 padding: 0;
45 padding-right: 6px;
46}
47
48ul#bannernav li a {
49 text-decoration: none;
50 display: block;
51 width: 100;
52 height: 30;
53}
54
55ul#bannernav li a span {
56 visibility: hidden;
57}
58
59ul#bannernav li img {
60 display: none;
61}
62
63ul#bannernav li#bannernav-home a {
64 background-image: url("/theme/images/Home.gif");
65}
66
67body.home ul#bannernav li#bannernav-home a,
68ul#bannernav li#bannernav-home a:hover {
69 background-image: url("/theme/images/Home_ro.gif");
70}
71
72ul#bannernav li#bannernav-projects a {
73 background-image: url("/theme/images/Projects.gif");
74}
75
76body.projects ul#bannernav li#bannernav-projects a,
77ul#bannernav li#bannernav-projects a:hover {
78 background-image: url("/theme/images/Projects_ro.gif");
79}
80
81ul#bannernav li#bannernav-wiki a {
82 background-image: url("/theme/images/Wiki.gif");
83}
84
85body.wiki ul#bannernav li#bannernav-wiki a,
86ul#bannernav li#bannernav-wiki a:hover {
87 background-image: url("/theme/images/Wiki_ro.gif");
88}
89
90ul#bannernav li#bannernav-fourm a {
91 background-image: url("/theme/images/Fourm.gif");
92}
93
94body.fourm ul#bannernav li#bannernav-fourm a,
95ul#bannernav li#bannernav-fourm a:hover {
96 background-image: url("/theme/images/Fourm_ro.gif");
97}
98
99ul#bannernav li#bannernav-misc a {
100 background-image: url("/theme/images/Random.gif");
101}
102
103body.misc ul#bannernav li#bannernav-misc a,
104ul#bannernav li#bannernav-misc a:hover {
105 background-image: url("/theme/images/Random_ro.gif");
106}
107
108ul#bannernav li#bannernav-webs a {
109 background-image: url("/theme/images/Links.gif");
110}
111
112body.webs ul#bannernav li#bannernav-webs a,
113ul#bannernav li#bannernav-webs a:hover {
114 background-image: url("/theme/images/Links_ro.gif");
115}
116
117ul#bannernav li#bannernav-poll a {
118 background-image: url("/theme/images/Poll.gif");
119}
120
121body.poll ul#bannernav li#bannernav-poll a,
122ul#bannernav li#bannernav-poll a:hover {
123 background-image: url("/theme/images/Poll_ro.gif");
124}
125
126ul#bannernav li#bannernav-quotes a {
127 background-image: url("/theme/images/Quotes.gif");
128}
129
130body.quotes ul#bannernav li#bannernav-quotes a,
131ul#bannernav li#bannernav-quotes a:hover {
132 background-image: url("/theme/images/Quotes_ro.gif");
133}
134
135ul#bannernav li#bannernav-login a {
136 background-image: url("/theme/images/Login.gif");
137}
138
139body.login ul#bannernav li#bannernav-login a,
140ul#bannernav li#bannernav-login a:hover {
141 background-image: url("/theme/images/Login_ro.gif");
142}
143
144ul#bannernav li#bannernav-logout a {
145 background-image: url("/theme/images/Logout.gif");
146}
147
148ul#bannernav li#bannernav-logout a:hover {
149 background-image: url("/theme/images/Logout_ro.gif");
150}
151
152ul#bannernav li#bannernav-panel a {
153 background-image: url("/theme/images/Panel.gif");
154}
155
156body.panel ul#bannernav li#bannernav-panel a,
157ul#bannernav li#bannernav-panel a:hover {
158 background-image: url("/theme/images/Panel_ro.gif");
159}
160
161ul#bannernav li#bannernav-search {
162 display: block;
163 float: right;
164 width: 165px;
165 height: 30px;
166 margin: 0px;
167 background: url("/theme/images/bg_search.gif") 0 0 no-repeat;
168}
169
170ul#bannernav li#bannernav-search fieldset {
171 border: none;
172 padding-top: 6px;
173 border-width:0pt;
174 font-family:Verdana,Helvetica,Arial,sans-serif;
175 font-size:1.1em;
176}
177
178ul#bannernav li#bannernav-search input {
179 width: 125px;
180 height: 19px !important;
181 margin-left: 13px;
182 border: none !important;
183 background-color: transparent;
184 cursor:pointer;
185 font-family:Verdana,Helvetica,Arial,sans-serif;
186 font-weight:normal;
187 padding:0pt 3px;
188 vertical-align:middle;
189 line-height:1.3em;
190 color:#536482;
191 margin-top: -20px;
192}
193
194body.fourm ul#bannernav li#bannernav-search input {
195 margin-top: 0px;
196 font-size: 1.1em !important;
197 margin-left: 28px;
198}
diff --git a/theme/css/website.php b/theme/css/website.php index 9b26d7c..0e2cb32 100755 --- a/theme/css/website.php +++ b/theme/css/website.php
@@ -25,6 +25,21 @@ require('headerproc.php');
25?> 25?>
26/* Four Island General CSS */ 26/* Four Island General CSS */
27 27
28body {
29 background-color: white;
30 background-repeat: repeat-x;
31 background-attachment: fixed;
32 background-position: bottom left;
33 font-family: Arial, FreeSans;
34 margin: 0px;
35 padding: 0px 0px 30px !important;
36}
37
38body.fourm {
39 font-family: Verdana, Helvetica, Arial, sans-serif ;
40}
41
42
28ul#bannernav, p { 43ul#bannernav, p {
29 margin:0pt; 44 margin:0pt;
30 padding:0pt; 45 padding:0pt;
@@ -34,7 +49,7 @@ ul#bannernav, p {
34 text-align: none !important; 49 text-align: none !important;
35} 50}
36 51
37p {margin-top: 1em;} 52p {margin-top: 1em}
38 53
39ul, ol {margin-top: 1em; margin-bottom: 1em} 54ul, ol {margin-top: 1em; margin-bottom: 1em}
40 55
@@ -106,8 +121,6 @@ acronym, abbr {
106 border-bottom: 1px dashed #999; 121 border-bottom: 1px dashed #999;
107} 122}
108 123
109<?php if (!isset($_GET['nolayout'])) { ?>
110
111blockquote { 124blockquote {
112 padding-left: 10px; 125 padding-left: 10px;
113 border-left: 3px solid #CCC; 126 border-left: 3px solid #CCC;
@@ -118,8 +131,6 @@ blockquote {
118 margin-left: 50px; 131 margin-left: 50px;
119} 132}
120 133
121<?php } ?>
122
123pre { 134pre {
124 line-height: 12px; 135 line-height: 12px;
125} 136}
@@ -129,13 +140,8 @@ pre {
129 cursor: help; 140 cursor: help;
130} 141}
131 142
132* html div#members {
133 position: absolute;
134}
135
136#wrap { 143#wrap {
137 width: 910px; 144 width: 910px;
138 background: #FFFFFF url("/theme/images/bg_body.gif") repeat-y 0 0;
139 margin: 10px auto; 145 margin: 10px auto;
140 text-align: left; 146 text-align: left;
141 padding: 0; 147 padding: 0;
@@ -143,35 +149,6 @@ pre {
143/* margin-left: 50px; */ 149/* margin-left: 50px; */
144} 150}
145 151
146#page-header {
147 background: url("/theme/images/bg_header.gif") repeat-x 0 0;
148 height: 150px;
149 clear: both;
150}
151
152span.side-left, span.side-right {
153 display: block;
154 width: 20px;
155 height: 150px;
156 background: url("/theme/images/sides_top.gif") no-repeat;
157}
158span.side-left {
159 float: left;
160 margin-right: 10px;
161}
162span.side-right {
163 background-position: 100% 0;
164 float: right;
165}
166span.fcorners-bottom, span.fcorners-bottom span {
167 font-size: 1px;
168 line-height: 1px;
169 display: block;
170 height: 20px;
171 background-repeat: no-repeat;
172 background-image: url("/theme/images/corners_bottom.gif");
173 margin: 0;
174}
175span.fcorners-bottom { 152span.fcorners-bottom {
176 background-position: 0 0; 153 background-position: 0 0;
177} 154}
@@ -179,14 +156,12 @@ span.fcorners-bottom span {
179 background-position: 100% -20px; 156 background-position: 100% -20px;
180} 157}
181 158
182<?php //if (!isset($_GET['nolayout'])) { ?>
183
184/* Banner */ 159/* Banner */
185 160
186div#banner, div#fi-banner { 161div#banner, div#fi-banner {
187 background-repeat: no-repeat; 162 background-repeat: no-repeat;
188 width: 850px; 163 width: 900px; /*728*/
189 height: 129px; 164 height: 200px;
190 float: left; 165 float: left;
191 margin-top: 21px; 166 margin-top: 21px;
192} 167}
@@ -197,8 +172,8 @@ body div#banner h1, body div#fi-banner h1 {
197 172
198body div#banner h1 a, body div#fi-banner h1 a { 173body div#banner h1 a, body div#fi-banner h1 a {
199 display: block; 174 display: block;
200 width: 850px; 175 width: 900px;
201 height: 129px; 176 height: 200px;
202 text-indent: -5000px; 177 text-indent: -5000px;
203 text-decoration: none; 178 text-decoration: none;
204 margin: 0; 179 margin: 0;
@@ -210,9 +185,10 @@ div#banner h1, div#fi-banner h1 {
210 font-weight: normal; 185 font-weight: normal;
211} 186}
212 187
213div#banner div#bannerNav, div#fi-banner div#bannerNav { 188div#bannernav {
214 position: relative; 189/* position: relative;
215 top: -20px; 190 top: -20px;*/
191 text-align: center;
216} 192}
217 193
218#page-body { 194#page-body {
@@ -270,7 +246,7 @@ body.login div#pageTabs ul li#bannernav-login {
270/* Sidebar */ 246/* Sidebar */
271 247
272div#rightbar { 248div#rightbar {
273 float: right; 249 float: left;
274 width: 250px; /*210*/ 250 width: 250px; /*210*/
275/* clear: right; */ 251/* clear: right; */
276 padding: 0 10; 252 padding: 0 10;
@@ -285,6 +261,10 @@ div#iconbar ul li {
285 list-style-type: none; 261 list-style-type: none;
286} 262}
287 263
264div#banner {
265 background-image: url("/theme/images/fourisland_header.png"); /*850x129*/
266}
267
288div.sidebar { 268div.sidebar {
289 width: 250px; /*250*/ /*240*/ /*210*/ 269 width: 250px; /*250*/ /*240*/ /*210*/
290 padding: 0 10px; 270 padding: 0 10px;
@@ -382,7 +362,7 @@ div#sidebar li img {
382/* Content */ 362/* Content */
383 363
384div#content, div#fi-content { 364div#content, div#fi-content {
385 float: left; 365 float: right;
386 width: 555px; /*465*/ /*555*/ 366 width: 555px; /*465*/ /*555*/
387} 367}
388 368
@@ -394,9 +374,6 @@ body#day div#page div#content code {
394 overflow: visible; 374 overflow: visible;
395} 375}
396 376
397<?php //} ?>
398
399
400div#content h2 { 377div#content h2 {
401 color: #59770e; 378 color: #59770e;
402 margin: 0px 0px 2px; 379 margin: 0px 0px 2px;
@@ -633,14 +610,10 @@ div#footer ul li img {
633 vertical-align: top; 610 vertical-align: top;
634} 611}
635 612
636<?php if (!isset($_GET['nolayout'])) { ?>
637
638div#content ul { 613div#content ul {
639 list-style: url(/theme/images/bullet_disk_big.png); 614 list-style: url(/theme/images/bullet_disk_big.png);
640} 615}
641 616
642<?php } ?>
643
644div.push { 617div.push {
645 clear: both; 618 clear: both;
646 height: 20px; 619 height: 20px;
@@ -709,33 +682,6 @@ div.post-date-4 {
709 background: url(/theme/images/date-bg-4.gif) no-repeat; 682 background: url(/theme/images/date-bg-4.gif) no-repeat;
710} 683}
711 684
712div#members {
713 position: fixed;
714 left: -40px;
715 top: 20px;
716}
717
718div#members ul li {
719 list-style-type: none;
720}
721
722div#members ul li a {
723 color: white;
724 width: 100px;
725 height: 30px;
726 padding-right: 5px;
727 background-image: url(/theme/images/tabBG.png);
728 display: block;
729 text-align: right;
730 padding-top: 5px;
731 padding-bottom: 0px;
732 background-repeat: no-repeat;
733}
734
735div#members ul li a:hover {
736 background-image: url(/theme/images/tabBG2.png);
737}
738
739div#content a img { 685div#content a img {
740 border: solid transparent 1px; 686 border: solid transparent 1px;
741} 687}
@@ -759,41 +705,6 @@ div.breadcrumb {
759 border-bottom: 1px dotted black; 705 border-bottom: 1px dotted black;
760} 706}
761 707
762.delicious-posts { margin: 1em; padding: 0.5em; font-family: sans-serif; }
763.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
764.delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: 80% }
765.delicious-posts a:hover { text-decoration: underline }
766
767/* #twitter_div {
768 margin: 1em;
769 padding: 0.5em;
770 font-family: sans-serif;
771} */
772
773/* #twitter_div ul, #twitter_div li, .twitter-title {
774 margin: 0;
775 padding: 0;
776} */
777
778.twitter_update_list {
779 list-style-type: none;
780}
781
782.twitter_update_list li {
783 /* border-top: 1px solid #eee;
784 padding: 0.25em; */
785 display: inline;
786}
787
788/* .twitter-title {
789 margin-left: -20px;
790 font-size: 120%;
791} */
792
793.dispIfNew a:visited img {
794 display: none;
795}
796
797/* Tables */ 708/* Tables */
798 709
799table.webmail { 710table.webmail {
@@ -821,23 +732,3 @@ table.webmail th {
821table.webmail td { 732table.webmail td {
822 word-wrap: break-word; 733 word-wrap: break-word;
823} 734}
824
825/* Print Only */
826
827@media print {
828 body {
829 width: 100% !important;
830 }
831
832 div#banner, div#footer, div#members {
833 display: none;
834 }
835
836 span.print {
837 display: inline;
838 }
839
840 div#cleardiv {
841 clear: none;
842 }
843}