about summary refs log tree commit diff stats
path: root/theme/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'theme/layouts')
-rw-r--r--theme/layouts/4.5/day.css4
-rw-r--r--theme/layouts/4.5/headers.php85
-rw-r--r--theme/layouts/4.5/holiday.php112
-rw-r--r--theme/layouts/4.5/layout.tpl272
-rw-r--r--theme/layouts/4.5/navigation.css173
-rw-r--r--theme/layouts/4.5/night.css4
-rw-r--r--theme/layouts/4.5/style.css233
-rwxr-xr-xtheme/layouts/4.5/style.php38
-rw-r--r--theme/layouts/6.2/layout.tpl334
-rw-r--r--theme/layouts/6.2/night.css22
-rw-r--r--theme/layouts/6.2/style.css247
-rwxr-xr-xtheme/layouts/6.2/style.php32
-rw-r--r--theme/layouts/7/layout.tpl234
-rw-r--r--theme/layouts/7/style.css183
-rwxr-xr-xtheme/layouts/7/style.php27
15 files changed, 2000 insertions, 0 deletions
diff --git a/theme/layouts/4.5/day.css b/theme/layouts/4.5/day.css new file mode 100644 index 0000000..16fc9a6 --- /dev/null +++ b/theme/layouts/4.5/day.css
@@ -0,0 +1,4 @@
1body {
2 background-color: aqua;
3 background-image: url(/theme/images/backgrounds/island6.PNG);
4}
diff --git a/theme/layouts/4.5/headers.php b/theme/layouts/4.5/headers.php new file mode 100644 index 0000000..bb5a179 --- /dev/null +++ b/theme/layouts/4.5/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/layouts/4.5/holiday.php b/theme/layouts/4.5/holiday.php new file mode 100644 index 0000000..65c1826 --- /dev/null +++ b/theme/layouts/4.5/holiday.php
@@ -0,0 +1,112 @@
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/holiday.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
25if (sd_isSpecialDay('Four Island A'))
26{
27 $bgimgm = 'islandYearly';
28} elseif (sd_isSpecialDay('Christmas Eve'))
29{
30 $bgimgm = 'christmasEve';
31 $bgcolor = 'black';
32} elseif (sd_isSpecialDay('Christmas Day'))
33{
34 $bgimgm = 'christmas';
35} elseif (sd_isSpecialDay('New Years Eve'))
36{
37 $bgimgm = 'newYearsEve';
38 $bgcolor = 'black';
39} elseif (sd_isSpecialDay('Veterans Day'))
40{
41 $bgimgm = 'veterans';
42} elseif (sd_isSpecialDay('Independance Day'))
43{
44 $bgimgm = '4ofjuly';
45 $bgcolor = 'black';
46} elseif (sd_isSpecialDay('Fathers Day'))
47{
48 $bgimgm = 'fathers';
49} elseif (sd_isSpecialDay('Hatkirbys B-Day'))
50{
51 $bgimgm = 'hatkirbybday';
52} elseif (sd_isSpecialDay('Kirby Week'))
53{
54 $bgimgm = 'kirbyweek';
55} elseif (sd_isSpecialDay('Memorial Day'))
56{
57 $bgimgm = 'memorial';
58 $bgcolor = 'gray';
59} elseif (sd_isSpecialDay('Mothers Day'))
60{
61 $bgimgm = 'mothers';
62} elseif (sd_isSpecialDay('New Years Day'))
63{
64 $bgimgm = 'newYear';
65} elseif (sd_isSpecialDay('Ash Wednesday'))
66{
67 $bgimgm = 'ashWeds';
68} elseif (sd_isSpecialDay('Columbus Day'))
69{
70 $bgimgm = 'columbus';
71} elseif (sd_isSpecialDay('Easter'))
72{
73 $bgimgm = 'easter';
74} elseif (sd_isSpecialDay('Flag Day'))
75{
76 $bgimgm = 'flagDay';
77} elseif (sd_isSpecialDay('Good Friday'))
78{
79 $bgimgm = 'goodFriday';
80} elseif (sd_isSpecialDay('Groundhog Day'))
81{
82 $bgimgm = 'groundhog';
83} elseif (sd_isSpecialDay('Halloween'))
84{
85 $bgimgm = 'halloween';
86 $bgcolor = 'black';
87} elseif (sd_isSpecialDay('Mardi Gras'))
88{
89 $bgimgm = 'mardiGras';
90} elseif (sd_isSpecialDay('Martin Luther King Day'))
91{
92 $bgimgm = 'martinLuther';
93} elseif (sd_isSpecialDay('Valentines Day'))
94{
95 $bgimgm = 'valentines';
96}
97
98$bodyID = $_GET['id'];
99if (!isset($bgcolor))
100{
101 $bgcolor='aqua';
102
103 include("css/day.css");
104} else {
105 include("css/night.css");
106}
107
108?>
109
110body {
111 background-image: url(/theme/images/backgrounds/<?php echo($bgimgm); ?>.PNG) !important;
112}
diff --git a/theme/layouts/4.5/layout.tpl b/theme/layouts/4.5/layout.tpl new file mode 100644 index 0000000..0ce0e5b --- /dev/null +++ b/theme/layouts/4.5/layout.tpl
@@ -0,0 +1,272 @@
1<HTML>
2 <HEAD>
3 <TITLE><!--EXTRATITLE-->Four Island</TITLE>
4
5 <LINK REL="stylesheet" TYPE="text/css" HREF="http://fourisland.com/theme/css.php?id=<!--BODYID-->&amp;cat=<!--CATEGORY-->" />
6 <LINK REL="stylesheet" TYPE="text/css" HREF="http://fourisland.com/theme/css/thickbox.css" />
7 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8" />
8 <META HTTP-EQUIV="Content-Language" CONTENT="en" />
9 <LINK REL="alternate" TYPE="application/rss+xml" HREF="http://feeds.feedburner.com/FourIsland?format=xml" TITLE="Four Island" />
10 <LINK REL="shortcut" HREF="/images/kirbyfolder.ico" />
11 <LINK REL="icon" HREF="/images/kirbyfolder.ico" />
12 <LINK REL="pingback" HREF="http://fourisland.com/xmlrpc.php" />
13 <SCRIPT TYPE="text/javascript" SRC="/theme/js/jquery.js"></SCRIPT>
14
15 <!--HEADTAGS-->
16 </HEAD>
17
18 <BODY ID="<!--BODYID-->" CLASS="<!--CATEGORY--> <!--AID--> <!--CATEGORY-->-<!--AID-->"<!--BODYTAGS-->>
19 <DIV ID="flash">
20 You can get notifications on new Four Island posts either via
21 <A HREF="http://feeds.feedburner.com/FourIsland">RSS</A>
22 or
23 <A HREF="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1464430">Email</A>
24 </DIV>
25
26 <DIV ID="wrap">
27 <DIV ID="page-header">
28 <SPAN CLASS="side-left"></SPAN>
29 <DIV ID="banner" STYLE="position: relative;">
30 <H1 ID="logo-banner"><A HREF="/" TITLE="Four Island">Four Island</A></H1>
31 </DIV>
32 <SPAN CLASS="side-right"></SPAN>
33 </DIV>
34
35 <DIV ID="banner-nav">
36 <UL ID="bannernav">
37 <LI id="bannernav-home"><A HREF="/" REL="home"><B><SPAN>Home</SPAN></B></A></LI>
38 <LI id="bannernav-projects"><A HREF="http://projects.fourisland.com"><B><SPAN>Projects</SPAN></B></A></LI>
39 <LI id="bannernav-fourm"><A HREF="/fourm/"><B><SPAN>Fourm</SPAN></B></A></LI>
40 <LI id="bannernav-poll"><A HREF="/poll/"><B><SPAN>Poll</SPAN></B></A></LI>
41 <LI id="bannernav-quotes"><A HREF="/quotes/"><B><SPAN>Quotes</SPAN></B></A></LI>
42 <LI id="bannernav-<!--LOWERLOGDATA-->"><A HREF="http://fourisland.com/fourm/ucp.php?mode=log<!--LOGDATA-->&amp;redirect=<!--REDIRPAGE-->&amp;sid=<!--SID-->"><B><SPAN>Log<!--LOGDATA--></SPAN></B></A></LI>
43 <!--BEGIN PANEL-->
44 <LI id="bannernav-panel"><A HREF="/admin/"><B><SPAN>Panel</SPAN></B></A></LI>
45 <!--END PANEL-->
46 </UL>
47 </DIV>
48
49 <DIV CLASS="push"></DIV>
50
51 <DIV id="page-body">
52 <DIV id="content">
53 <!--CONTENT-->
54 </DIV>
55
56 <!--BEGIN RIGHTBAR-->
57 <DIV ID="rightbar">
58 <DIV CLASS="rounded module pimped sidebar">
59 Hi! My name is Hatkirby, and I run Four Island.
60
61 <P>
62 Four Island is a fun place with a blog,
63 a fourm, a wiki, many projects and a quotes database!<BR>
64
65 I hope you enjoy your time on Four Island!
66 </P>
67 </DIV>
68
69 <CITE CLASS="rounded light-at-night"><STRONG>Hatkirby</STRONG> on Four Island</CITE>
70
71 <P />
72
73 <!--BEGIN CREATE_HATNAV-->
74 <div class="rounded module sidebar">
75 <h3>Hatnav</h3>
76
77 <ul>
78 <!--END CREATE_HATNAV-->
79
80 <!--BEGIN HATNAV-->
81 <LI STYLE="margin-left: 10"><A HREF="<!--HATNAV.URL-->"><IMG SRC="/theme/images/icons/<!--HATNAV.ICON-->.png" ALT="<!--HATNAV.TITLE-->"><!--HATNAV.TITLE--></A></LI>
82 <!--END HATNAV-->
83
84 <!--BEGIN CREATE_HATNAV-->
85 </ul>
86 </div>
87
88 <P />
89 <!--END CREATE_HATNAV-->
90
91 <div class="module rounded sidebar">
92 <h3>Poll of the Week</h3>
93
94 <!--POTW-->
95 </div>
96
97 <P />
98
99 <DIV class="sidebar module rounded">
100 <H3>Hatbar</H3><P>
101
102 <P>
103 <SPAN ID="hitcounter">
104 Hits: <!--HITS--><BR>
105 Today: <!--TODAY-->
106 </SPAN>
107 </P>
108
109 <p><!--DATEFINDER--></p>
110
111 <P ALIGN="center">
112 <A HREF="/addresses.php" TITLE="goodemail@happybobby.com"><IMG SRC="/images/btn_bot.png" ALT="Addresses galore!"></A><BR>
113
114 <a href="http://www.prchecker.info/" target="_blank"><img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL2ZvdXJpc2xhbmQuY29t&amp;tag=3" alt="Page Rank Check" border="0"></a>
115
116 <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/us/80x15.png"></a><BR>
117
118 <a href="http://whos.amung.us/show/t1sj4g2u"><img src="http://whos.amung.us/swidget/t1sj4g2u.gif" alt="website stats" width="80" height="15" border="0"></a>
119
120 <a href="http://feeds2.feedburner.com/FourIsland"><img src="http://feeds2.feedburner.com/~fc/FourIsland?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt=""></a><BR>
121
122 <A HREF="/rss.php?mode=comments">Comments Feed</A>
123 </P>
124
125 <p>
126 <strong>Theme Switcher</strong>:
127 <select style="width: 55%" onchange="document.location='<!--ME-->?layout='+this.options[this.selectedIndex].value">
128 <option value="7">7</option>
129 <option value="6.2">6.2</option>
130 <option value="4.5" selected="selected">4.5</option>
131 </select>
132 </p>
133 </DIV>
134
135 <P />
136
137 <DIV class="sidebar module rounded">
138 <H3>Affiliates</H3>
139
140 <ul>
141 <!--BEGIN AFFILIATES-->
142 <li>
143 <img src="/theme/images/icons/tag_<!--AFFILIATES.COLOR-->.png" alt="<!--AFFILIATES.TITLE-->" />
144 <a href="<!--AFFILIATES.URL-->"><!--AFFILIATES.TITLE--></a>
145 </li>
146 <!--END AFFILIATES-->
147 </ul>
148 </DIV>
149
150 <P />
151
152 <DIV class="sidebar module rounded">
153 <H3>Website Projects</H3>
154
155 <ul>
156 <!--BEGIN WEBPROJS-->
157 <li>
158 <img src="/theme/images/icons/tag_<!--WEBPROJS.COLOR-->.png" alt="<!--WEBPROJS.TITLE-->" />
159 <a href="<!--WEBPROJS.URL-->"><!--WEBPROJS.TITLE--></a>
160 </li>
161 <!--END WEBPROJS-->
162 </ul>
163 </DIV>
164
165 <P />
166
167 <DIV class="sidebar module rounded">
168 <H3>Popular Posts</H3>
169
170 <UL>
171 <!--BEGIN POPULAR-->
172 <LI STYLE="font-size: 0.9em"><A HREF="/blog/<!--POPULAR.CODED-->/"><!--POPULAR.TITLE--></A></LI>
173 <!--END POPULAR-->
174 </UL>
175 </DIV>
176
177 <P />
178
179 <DIV class="sidebar module rounded">
180 <H3>Recent Comments</H3>
181
182 <UL>
183 <!--BEGIN COMMENTS-->
184 <LI STYLE="font-size: 0.9em"><!--COMMENTS.AUTHOR--> on <A HREF="/<!--COMMENTS.AREA-->/<!--COMMENTS.CODED--><!--COMMENTS.ENDING-->#comment-<!--COMMENTS.ID-->"><!--COMMENTS.TITLE--></A></LI>
185 <!--END COMMENTS-->
186 </UL>
187 </DIV>
188
189 <P />
190
191 <DIV class="sidebar module rounded">
192 <H3>Recent Fourm Posts</H3>
193
194 <UL>
195 <!--BEGIN FOURM-->
196 <LI STYLE="font-size: 0.9em"><!--FOURM.USERNAME--> on <A HREF="/fourm/viewtopic.php?t=<!--FOURM.TOPIC-->&amp;p=<!--FOURM.POST-->#p<!--FOURM.POST-->"><!--FOURM.SUBJECT--></A></LI>
197 <!--END FOURM-->
198 </UL>
199 </DIV>
200
201 <P />
202
203 <DIV class="sidebar module rounded">
204 <H3>Top Commenters</H3>
205
206 <UL>
207 <!--BEGIN TOP-->
208 <LI STYLE="font-size: 0.9em"><!--TOP.USERNAME--> (<!--TOP.COUNT-->)</LI>
209 <!--END TOP-->
210 </UL>
211 </DIV>
212
213 <P />
214
215 <DIV CLASS="sidebar module rounded pimped">
216 Like something you see here on Four Island?
217
218 <P>
219 Well, the best way to promote a post here is to link to it from your blog.
220 We always appreciate Pingbacks.<BR>
221
222 Of course, if you don't have a blog,
223 you could simply comment on the post in question.<BR>
224
225 Can't be bothered to think up a comment? Well, you can always rate it then.<BR>
226
227 There's always a way to show how you feel about a post on Four Island.
228 </P>
229 </DIV>
230
231 <CITE CLASS="rounded light-at-night"><STRONG>Hatkirby</STRONG> on Four Island</CITE>
232
233 <!--BEGIN SIDEBARS-->
234 <DIV class="sidebar">
235 <DIV CLASS="bubble">
236 <DIV CLASS="rounded">
237 <BLOCKQUOTE>
238 <H3><!--SIDEBARS.TITLE--></H3>
239
240 <P>
241 <!--SIDEBARS.TEXT-->
242 </P>
243 </BLOCKQUOTE>
244 </DIV>
245 </DIV>
246 </DIV>
247 <!--END SIDEBARS-->
248 </DIV>
249 <!--END RIGHTBAR-->
250
251 <DIV CLASS="cleardiv"></DIV>
252
253 <!--BEGIN ONFOURM-->
254 <DIV>
255 <!--END ONFOURM-->
256 </DIV>
257
258 <DIV ID="footer">
259 <UL CLASS="rows">
260 <LI><span xmlns:dc="http://purl.org/dc/elements/1.1/" property="dc:title">Four Island</span> (<a href="http://code.fourisland.com/fourisland/">r<!--REVISION--></a>) by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.fourisland.com" property="cc:attributionName" rel="cc:attributionURL">Starla Insigna</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License</a>.</LI>
261 <LI><A HREF="/wiki/privacy-policy/">Privacy Policy</A></LI>
262 </UL>
263
264 <UL CLASS="together">
265 <LI><A HREF="http://jigsaw.w3.org/css-validator/"><IMG SRC="/theme/images/icons/css_valid.png"></A></LI>
266 <LI><A HREF="/no-doctype.php"><IMG SRC="/theme/images/icons/html_valid.png"></A></LI>
267 <LI><A class="noVisit" HREF="/rss.php"><IMG SRC="/theme/images/icons/feed.png"></A></LI>
268 </UL>
269 </DIV>
270 </DIV>
271 </BODY>
272</HTML>
diff --git a/theme/layouts/4.5/navigation.css b/theme/layouts/4.5/navigation.css new file mode 100644 index 0000000..4d3156b --- /dev/null +++ b/theme/layouts/4.5/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/layouts/4.5/night.css b/theme/layouts/4.5/night.css new file mode 100644 index 0000000..e97ac71 --- /dev/null +++ b/theme/layouts/4.5/night.css
@@ -0,0 +1,4 @@
1body {
2 background-color: black;
3 background-image: url(/theme/images/backgrounds/island6night.PNG);
4}
diff --git a/theme/layouts/4.5/style.css b/theme/layouts/4.5/style.css new file mode 100644 index 0000000..b8afbbb --- /dev/null +++ b/theme/layouts/4.5/style.css
@@ -0,0 +1,233 @@
1body {
2 background-repeat: repeat-x;
3 background-attachment: fixed;
4 background-position: bottom left;
5 font-family: Arial, FreeSans;
6 margin: 0px;
7 padding: 0px 0px 30px !important;
8}
9
10body.fourm {
11 font-family: Verdana, Helvetica, Arial, sans-serif;
12}
13
14body.fourm div#content {
15 width: 100%;
16 float: none;
17}
18
19body.fourm div#wrap,
20body.poll div#wrap,
21body.quotes div#wrap,
22body.admin div#wrap {
23 background-image: url(/theme/images/bg_body.gif);
24 background-repeat: repeat-y;
25}
26
27div#banner, div#fi-banner {
28 background-repeat: no-repeat;
29 width: 850px;
30 height: 129px;
31 float: left;
32 margin-top: 21px;
33}
34
35#page-header {
36 background: url("/theme/images/bg_header.gif") repeat-x 0 0;
37 height: 150px;
38 clear: both;
39}
40
41div#banner {
42 background-image: url("/theme/images/fourisland_header.png");
43}
44
45body div#banner h1, body div#fi-banner h1 {
46 margin: 0;
47}
48
49body div#banner h1 a, body div#fi-banner h1 a {
50 display: block;
51 width: 850px;
52 height: 129px;
53 text-indent: -5000px;
54 text-decoration: none;
55 margin: 0;
56}
57
58div#banner h1, div#fi-banner h1 {
59 margin: 0;
60 font-size: 3.0em;
61 font-weight: normal;
62}
63
64div#bannernav {
65 text-align: center;
66}
67
68span.side-left, span.side-right {
69 display: block;
70 width: 20px;
71 height: 150px;
72 background: url("/theme/images/sides_top.gif") no-repeat;
73}
74
75span.side-left {
76 float: left;
77 margin-right: 10px;
78}
79
80span.side-right {
81 background-position: 100% 0;
82 float: right;
83}
84
85/* Sidebar */
86
87div#rightbar {
88 float: right;
89 width: 250px; /*210*/
90 padding: 0 10;
91}
92
93div.sidebar {
94 width: 250px; /*250*/ /*240*/ /*210*/
95 padding: 0 10px;
96 margin-bottom: 5px;
97}
98
99div.sidebar h3 {
100 font-family: Verdana, Helvetica, Arial, sans-serif;
101 margin: 5px 0 0 0;
102 font-weight: bold;
103 color: #333333;
104}
105
106div.sidebar p {
107 font-size: 0.8em;
108 margin: 3px 0;
109}
110
111div.sidebar ul {
112 list-style-type: none;
113 padding: 0;
114 margin: 0;
115 line-height: normal !important;
116 list-style-image: none !important;
117}
118
119div#sidebar ul li {
120 margin-top: 4px;
121}
122
123div#sidebar ul li a {
124 display: block;
125 width: 230px;
126}
127
128div#sidebar li img {
129 border: 0;
130 height: 16px;
131 width: 16px;
132}
133
134/* Layout */
135
136#wrap {
137 background: #FFFFFF url("/theme/images/bg_body.gif") repeat-y 0 0;
138 width: 910px;
139 margin: 10px auto;
140 text-align: left;
141 padding: 0;
142 margin-top: 25px;
143}
144
145#page-body {
146 margin: 10px 55px 0 30px;
147 clear: both;
148 position: relative;
149}
150
151body.fourm #page-body {
152 margin-left: 25;
153 margin-right: 10;
154 width: 95%;
155 font-size: 62.5%;
156}
157
158#phpBB3-page-body {
159 margin: 4px 0 !important;
160 clear: both;
161}
162
163/* Content */
164
165div#content {
166 float: left;
167 width: 555px; /*465*/ /*555*/
168}
169
170
171div#content h2 {
172 color: #59770e;
173 margin: 0px 0px 2px;
174 border-bottom: 1px dotted #CCCCCC;
175 letter-spacing: -1px;
176 font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
177 padding-bottom: 3px;
178}
179
180/* Random Divs/Spans */
181
182
183div#footer {
184 clear: both;
185 padding-bottom: 1em;
186 padding-top: .5em;
187 margin-top: .5em;
188 text-align: center;
189 font-size: .68em;
190 width: 100%;
191 border-top: 1px black solid;
192 border-bottom: 4px gray solid;
193}
194
195div#footer ul.rows li {
196 display: list-item;
197}
198
199div#footer ul {
200 padding: 0;
201 margin: 0;
202 list-style-type: none;
203}
204
205div#footer ul li {
206 display: inline;
207 margin-right: 1em;
208}
209
210div#footer ul li img {
211 width: 20px;
212 height: 20px;
213 vertical-align: top;
214}
215
216div#flash {
217 position: fixed;
218 top: 0;
219 left: 0;
220 width: 100%;
221 background-color: #FBEC5D;
222 height: 20px;
223 z-index: 99;
224 padding-top: 5px;
225 text-align: center;
226 display: block;
227 padding-bottom: 0;
228 border-bottom: none;
229}
230
231* > html div#flash {
232 position: absolute;
233}
diff --git a/theme/layouts/4.5/style.php b/theme/layouts/4.5/style.php new file mode 100755 index 0000000..fa50dc4 --- /dev/null +++ b/theme/layouts/4.5/style.php
@@ -0,0 +1,38 @@
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/layouts/4.5/style.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
25include('layouts/4.5/style.css');
26
27if (((date('G') >= 20) || (date('G') <= 6)) || isset($_GET['night']) && !isset($_GET['day']))
28{
29 include('layouts/4.5/night.css');
30} else {
31 include('layouts/4.5/day.css');
32}
33
34include('layouts/4.5/headers.php');
35include('layouts/4.5/navigation.css');
36include('layouts/4.5/holiday.php');
37
38?>
diff --git a/theme/layouts/6.2/layout.tpl b/theme/layouts/6.2/layout.tpl new file mode 100644 index 0000000..59535af --- /dev/null +++ b/theme/layouts/6.2/layout.tpl
@@ -0,0 +1,334 @@
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2
3<HTML>
4 <HEAD>
5 <TITLE><!--EXTRATITLE-->Four Island</TITLE>
6
7 <LINK REL="stylesheet" TYPE="text/css" HREF="http://fourisland.com/theme/css.php?id=<!--BODYID-->&amp;cat=<!--CATEGORY-->">
8 <!--[if IE]><LINK REL="stylesheet" TYPE="text/css" HREF="http://fourisland.com/theme/css/ie.css"><![endif]-->
9 <LINK REL="stylesheet" TYPE="text/css" HREF="http://fourisland.com/theme/css/print.css" MEDIA="print">
10 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
11 <META HTTP-EQUIV="Content-Language" CONTENT="en">
12 <LINK REL="alternate" TYPE="application/rss+xml" HREF="http://feeds.feedburner.com/FourIsland?format=xml" TITLE="Four Island">
13 <LINK REL="shortcut" HREF="/images/kirbyfolder.ico">
14 <LINK REL="icon" HREF="/images/kirbyfolder.ico">
15 <LINK REL="pingback" HREF="http://fourisland.com/xmlrpc.php">
16 <SCRIPT TYPE="text/javascript" SRC="/theme/js/jquery.js"></SCRIPT>
17
18 <!--HEADTAGS-->
19 </HEAD>
20
21 <BODY ID="<!--BODYID-->" CLASS="<!--CATEGORY--> <!--AID--> <!--CATEGORY-->-<!--AID-->"<!--BODYTAGS-->>
22 <div id="flash"><!--FLASH--></div>
23
24 <DIV ID="wrap">
25 <DIV ID="page-header">
26 <DIV ID="banner" STYLE="position: relative;">
27 <H1 ID="logo-banner">
28 <A HREF="/" TITLE="Four Island">Four Island</A>
29 </H1>
30 </DIV>
31 </DIV>
32
33 <DIV ID="fi-navbar">
34 <DIV>
35 <UL>
36 <LI<!--HOMEACTIVE-->>
37 <A HREF="http://fourisland.com/">
38 <IMG SRC="/theme/images/icons/newspaper.png" ALT="Blog">
39 <SPAN>Blog</SPAN>
40 </A>
41 </LI>
42
43 <LI>
44 <A HREF="http://projects.fourisland.com/">Projects</A>
45 </LI>
46
47 <LI<!--FOURMACTIVE-->>
48 <A HREF="http://fourisland.com/fourm/">
49 <IMG SRC="/theme/images/icons/comment.png" ALT="The Fourm">
50 <SPAN>The Fourm</SPAN>
51 </A>
52 </LI>
53
54 <LI<!--POLLACTIVE-->>
55 <A HREF="http://fourisland.com/poll/">
56 <IMG SRC="/theme/images/icons/overlays.png" ALT="Polls">
57 <SPAN>Polls</SPAN>
58 </A>
59 </LI>
60
61 <LI<!--QUOTESACTIVE-->>
62 <A HREF="http://fourisland.com/quotes/">
63 <IMG SRC="/theme/images/icons/16-file-page.png" ALT="Quotes">
64 <SPAN>Quotes</SPAN>
65 </A>
66 </LI>
67
68 <!--BEGIN MEMBERS-->
69 <LI<!--LOGACTIVE-->>
70 <A HREF="http://fourisland.com/fourm/ucp.php?mode=log<!--LOGDATA-->&amp;redirect=<!--REDIRPAGE-->&amp;sid=<!--SID-->">
71 <IMG SRC="/theme/images/icons/door_in.png" ALT="Log<!--LOGDATA-->">
72 <SPAN>Log<!--LOGDATA--></SPAN>
73 </A>
74 </LI>
75 <!--END MEMBERS-->
76
77 <!--BEGIN ADMIN-->
78 <LI<!--PANELACTIVE-->>
79 <A HREF="http://fourisland.com/admin/">
80 <IMG SRC="/theme/images/icons/rainbow.png" ALT="Admin">
81 <SPAN>Admin</SPAN>
82 </A>
83 </LI>
84 <!--END ADMIN-->
85 </UL>
86 </DIV>
87 </DIV>
88
89 <DIV id="page-body">
90 <!--BEGIN RIGHTBAR-->
91 <DIV ID="rightbar">
92 <DIV CLASS="rounded module pimped sidebar">
93 Hi! My name is Hatkirby, and I run Four Island.
94
95 <P>
96 Four Island is a fun place with a blog,
97 a fourm, a wiki, many projects and a quotes database!<BR>
98
99 I hope you enjoy your time on Four Island!
100 </P>
101 </DIV>
102
103 <CITE CLASS="rounded light-at-night"><STRONG>Hatkirby</STRONG> on Four Island</CITE>
104
105 <P />
106
107 <!--BEGIN CREATE_HATNAV-->
108 <div class="rounded module sidebar">
109 <h3>Hatnav</h3>
110
111 <ul>
112 <!--END CREATE_HATNAV-->
113
114 <!--BEGIN HATNAV-->
115 <LI STYLE="margin-left: 10"><A HREF="<!--HATNAV.URL-->"><IMG SRC="/theme/images/icons/<!--HATNAV.ICON-->.png" ALT="<!--HATNAV.TITLE-->"><!--HATNAV.TITLE--></A></LI>
116 <!--END HATNAV-->
117
118 <!--BEGIN CREATE_HATNAV-->
119 </ul>
120 </div>
121
122 <P />
123 <!--END CREATE_HATNAV-->
124
125 <div class="module rounded sidebar">
126 <h3>Poll of the Week</h3>
127
128 <!--POTW-->
129 </div>
130
131 <P />
132
133 <DIV class="sidebar module rounded">
134 <H3>Hatbar</H3><P>
135
136 <P>
137 <SPAN ID="hitcounter">
138 Hits: <!--HITS--><BR>
139 Today: <!--TODAY-->
140 </SPAN>
141 </P>
142
143 <p><!--DATEFINDER--></p>
144
145 <P ALIGN="center">
146 <A HREF="/addresses.php" TITLE="goodemail@happybobby.com"><IMG SRC="/images/btn_bot.png" ALT="Addresses galore!"></A><BR>
147
148 <a href="http://www.prchecker.info/" target="_blank"><img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL2ZvdXJpc2xhbmQuY29t&amp;tag=3" alt="Page Rank Check" border="0"></a>
149
150 <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/us/80x15.png"></a><BR>
151
152 <a href="http://whos.amung.us/show/t1sj4g2u"><img src="http://whos.amung.us/swidget/t1sj4g2u.gif" alt="website stats" width="80" height="15" border="0"></a>
153
154 <a href="http://feeds2.feedburner.com/FourIsland"><img src="http://feeds2.feedburner.com/~fc/FourIsland?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt=""></a><BR>
155
156 <A HREF="/rss.php?mode=comments">Comments Feed</A>
157 </P>
158
159 <p>
160 <strong>Theme Switcher</strong>:
161 <select style="width: 55%" onchange="document.location='<!--ME-->?layout='+this.options[this.selectedIndex].value">
162 <option value="7">7</option>
163 <option value="6.2" selected="selected">6.2</option>
164 <option value="4.5">4.5</option>
165 </select>
166 </p>
167 </DIV>
168
169 <P />
170
171 <DIV class="sidebar module rounded">
172 <H3>Affiliates</H3>
173
174 <ul>
175 <!--BEGIN AFFILIATES-->
176 <li>
177 <img src="/theme/images/icons/tag_<!--AFFILIATES.COLOR-->.png" alt="<!--AFFILIATES.TITLE-->" />
178 <a href="<!--AFFILIATES.URL-->"><!--AFFILIATES.TITLE--></a>
179 </li>
180 <!--END AFFILIATES-->
181 </ul>
182 </DIV>
183
184 <P />
185
186 <DIV class="sidebar module rounded">
187 <H3>Website Projects</H3>
188
189 <ul>
190 <!--BEGIN WEBPROJS-->
191 <li>
192 <img src="/theme/images/icons/tag_<!--WEBPROJS.COLOR-->.png" alt="<!--WEBPROJS.TITLE-->" />
193 <a href="<!--WEBPROJS.URL-->"><!--WEBPROJS.TITLE--></a>
194 </li>
195 <!--END WEBPROJS-->
196 </ul>
197 </DIV>
198
199 <P />
200
201 <DIV class="sidebar module rounded">
202 <H3>Popular Posts</H3>
203
204 <UL>
205 <!--BEGIN POPULAR-->
206 <LI STYLE="font-size: 0.9em"><A HREF="/blog/<!--POPULAR.CODED-->/"><!--POPULAR.TITLE--></A></LI>
207 <!--END POPULAR-->
208 </UL>
209 </DIV>
210
211 <P />
212 <DIV class="sidebar module rounded">
213 <H3>Tag Cloud</H3>
214
215 <P>
216 <!--BEGIN TAGCLOUD-->
217 <A HREF="/blog/tag/<!--TAGCLOUD.TAG-->.php" STYLE="font-size: <!--TAGCLOUD.SIZE-->pt" TITLE="<!--TAGCLOUD.TAG--> (<!--TAGCLOUD.COUNT-->)"><!--TAGCLOUD.TAG--></A>
218 <!--END TAGCLOUD-->
219 </P>
220 </DIV>
221
222 <P />
223
224 <DIV class="sidebar module rounded">
225 <H3>Recent Comments</H3>
226
227 <UL>
228 <!--BEGIN COMMENTS-->
229 <LI STYLE="font-size: 0.9em"><!--COMMENTS.AUTHOR--> on <A HREF="/<!--COMMENTS.AREA-->/<!--COMMENTS.CODED--><!--COMMENTS.ENDING-->#comment-<!--COMMENTS.ID-->"><!--COMMENTS.TITLE--></A></LI>
230 <!--END COMMENTS-->
231 </UL>
232 </DIV>
233
234 <P />
235
236 <DIV class="sidebar module rounded">
237 <H3>Recent Fourm Posts</H3>
238
239 <UL>
240 <!--BEGIN FOURM-->
241 <LI STYLE="font-size: 0.9em"><!--FOURM.USERNAME--> on <A HREF="/fourm/viewtopic.php?t=<!--FOURM.TOPIC-->&amp;p=<!--FOURM.POST-->#p<!--FOURM.POST-->"><!--FOURM.SUBJECT--></A></LI>
242 <!--END FOURM-->
243 </UL>
244 </DIV>
245
246 <P />
247
248 <DIV class="sidebar module rounded">
249 <H3>Top Commenters</H3>
250
251 <UL>
252 <!--BEGIN TOP-->
253 <LI STYLE="font-size: 0.9em"><!--TOP.USERNAME--> (<!--TOP.COUNT-->)</LI>
254 <!--END TOP-->
255 </UL>
256 </DIV>
257
258 <P />
259
260 <DIV CLASS="sidebar module rounded pimped">
261 Like something you see here on Four Island?
262
263 <P>
264 Well, the best way to promote a post here is to link to it from your blog.
265 We always appreciate Pingbacks.<BR>
266
267 Of course, if you don't have a blog,
268 you could simply comment on the post in question.<BR>
269
270 Can't be bothered to think up a comment? Well, you can always rate it then.<BR>
271
272 There's always a way to show how you feel about a post on Four Island.
273 </P>
274 </DIV>
275
276 <CITE CLASS="rounded light-at-night"><STRONG>Hatkirby</STRONG> on Four Island</CITE>
277
278 <!--BEGIN SIDEBARS-->
279 <DIV class="sidebar">
280 <DIV CLASS="bubble">
281 <DIV CLASS="rounded">
282 <BLOCKQUOTE>
283 <H3><!--SIDEBARS.TITLE--></H3>
284
285 <P>
286 <!--SIDEBARS.TEXT-->
287 </P>
288 </BLOCKQUOTE>
289 </DIV>
290 </DIV>
291 </DIV>
292 <!--END SIDEBARS-->
293 </DIV>
294 <!--END RIGHTBAR-->
295
296 <DIV id="content">
297 <!--CONTENT-->
298 </DIV>
299
300 <DIV CLASS="cleardiv"></DIV>
301
302 <!--BEGIN ONFOURM-->
303 <DIV>
304 <!--END ONFOURM-->
305 </DIV>
306
307 <DIV ID="footer">
308 <UL CLASS="rows">
309 <LI>Four Island (<a href="http://code.fourisland.com/fourisland/">r<!--REVISION--></a>) is by <a href="http://fourisland.com">Starla Insigna</a></LI>
310 <LI>Licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License</a>.</LI>
311 <LI><A HREF="/wiki/privacy-policy/">Privacy Policy</A></LI>
312 </UL>
313
314 <UL CLASS="together">
315 <LI><A HREF="http://jigsaw.w3.org/css-validator/"><IMG SRC="/theme/images/icons/css_valid.png" ALT="Valid CSS"></A></LI>
316 <LI><A HREF="/blog/sortof-valid-html-no-lt-doctype-gt/"><IMG SRC="/theme/images/icons/html_valid.png" ALT="Sortof Valid HTML"></A></LI>
317 <LI><A class="noVisit" HREF="/rss.php"><IMG SRC="/theme/images/icons/feed.png" ALT="RSS Feed"></A></LI>
318 </UL>
319 </DIV>
320 </DIV>
321
322 <!--Google Analytics-->
323 <script type="text/javascript">
324 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
325 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
326 </script>
327 <script type="text/javascript">
328 var pageTracker = _gat._getTracker("UA-2895652-1");
329 pageTracker._initData();
330 pageTracker._trackPageview();
331 </script>
332 <!--Google Analytics-->
333 </BODY>
334</HTML>
diff --git a/theme/layouts/6.2/night.css b/theme/layouts/6.2/night.css new file mode 100644 index 0000000..2a24480 --- /dev/null +++ b/theme/layouts/6.2/night.css
@@ -0,0 +1,22 @@
1body {
2 background-color: black;
3 background-image: url(/theme/images/backgrounds/island6night.PNG);
4}
5
6div#wrap {
7 background-color: rgba(0, 0, 0, 0.75);
8}
9
10div#banner {
11 background-color: black;
12 background-image: url(/theme/images/fourisland_header_night.png);
13}
14
15div#fi-navbar ul li.active img {
16 background-color: black;
17 outline: black solid .5em;
18}
19
20.light-at-night, .light-at-night-l6p2 {
21 color: #555555;
22}
diff --git a/theme/layouts/6.2/style.css b/theme/layouts/6.2/style.css new file mode 100644 index 0000000..53f3556 --- /dev/null +++ b/theme/layouts/6.2/style.css
@@ -0,0 +1,247 @@
1/* Banner */
2
3div#banner, div#fi-banner {
4 background-repeat: no-repeat;
5 width: 900px; /*728*/
6 height: 200px;
7 float: left;
8/* margin-top: 21px; */
9}
10
11div#banner {
12 background: white url("/theme/images/fourisland_header.png") center no-repeat;
13 width: 100%;
14}
15
16body div#banner h1, body div#fi-banner h1 {
17 margin: 0;
18}
19
20body div#banner h1 a, body div#fi-banner h1 a {
21 display: block;
22 width: 900px;
23 height: 200px;
24 text-indent: -5000px;
25 text-decoration: none;
26 margin: 0;
27}
28
29div#banner h1, div#fi-banner h1 {
30 margin: 0;
31 font-size: 3.0em;
32 font-weight: normal;
33}
34
35/* NavBar */
36
37div#fi-navbar {
38 position: relative;
39 background-color: #b7e0ff;
40 width: auto;
41 margin-bottom: 14px;
42 font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;
43 height: 1.9em;
44 clear: both;
45}
46
47div#fi-navbar div {
48 padding: .001em 0;
49 margin: 10px;
50}
51
52div#fi-navbar ul {
53 margin: .25em 0;
54 padding-left: 1em;
55 text-align: center;
56}
57
58div#fi-navbar ul li {
59 display: inline;
60 font-family: Verdana, sans-serif;
61 font-size: 1.1em;
62}
63
64div#fi-navbar ul li+li:before {
65 content: " - ";
66}
67
68div#fi-navbar ul li img,
69div#fi-navbar ul li.active span {
70 display: none;
71}
72
73div#fi-navbar ul li.active img {
74 display: inline;
75 background-color: white;
76 outline: white solid .5em;
77 margin: 0 .5em;
78}
79
80div#fi-navbar div.bubble blockquote {
81 background: none;
82 font-size: 0.9em;
83}
84
85div#fi-navbar div.bubble blockquote a {
86 color: blue;
87}
88
89/* Sidebar */
90
91div#rightbar {
92 float: left;
93 width: 270px; /*210*/
94}
95
96div.sidebar {
97 width: 250px; /*250*/ /*240*/ /*210*/
98 padding: 0 10px;
99 margin-bottom: 5px;
100}
101
102div.sidebar h3 {
103 font-family: Verdana, Helvetica, Arial, sans-serif;
104 margin: 5px 0 0 0;
105 font-weight: bold;
106 color: #333333;
107}
108
109div.sidebar p {
110 font-size: 0.8em;
111 margin: 3px 0;
112}
113
114div.sidebar ul {
115 list-style-type: none;
116 padding: 0;
117 margin: 0;
118 line-height: normal !important;
119 list-style-image: none !important;
120}
121
122div#sidebar ul li {
123 margin-top: 4px;
124}
125
126div#sidebar ul li a {
127 display: block;
128 width: 230px;
129}
130
131div#sidebar li img {
132 border: 0;
133 height: 16px;
134 width: 16px;
135}
136
137/* Layout */
138
139#wrap {
140 width: 910px;
141 margin: 10px auto;
142 padding: 0;
143 background-color: white;
144 background-color: rgba(255, 255, 255, 0.5);
145 border: 4px solid gray;
146}
147
148#page-body {
149 margin: 0 30px;
150 clear: both;
151 position: relative;
152}
153
154body.fourm #page-body {
155 margin: 0 10px 0 25px;
156 width: 95%;
157 font-size: 62.5%;
158}
159
160#phpBB3-page-body {
161 margin: 4px 0 !important;
162 clear: both;
163}
164
165/* Content */
166
167div#content {
168 float: right;
169 width: 555px; /*465*/ /*555*/
170}
171
172div#footer {
173 clear: both;
174 padding: .5em 0 1em 0;
175 margin-top: .5em;
176 text-align: center;
177 font-size: .68em;
178 border-top: 1px black solid;
179}
180
181div#footer ul.rows li {
182 display: list-item;
183}
184
185div#footer ul {
186 padding: 0;
187 margin: 0;
188 list-style-type: none;
189}
190
191div#footer ul li {
192 display: inline;
193 margin-right: 1em;
194}
195
196div#footer ul li img {
197 width: 20px;
198 height: 20px;
199 vertical-align: top;
200}
201
202div#content ul {
203 list-style: url(/theme/images/bullet_disk_big.png);
204}
205
206div#content a img {
207 border: solid transparent 1px;
208}
209
210div#content a:hover img {
211 border: dashed gray 1px;
212}
213
214div#hatbar.quotes-options ul {
215 list-style: none;
216}
217
218div.autosize {
219 margin-bottom: 6px !important;
220}
221
222body {
223 background: repeat-x bottom left fixed;
224 font-family: Arial, FreeSans;
225 margin: 0px;
226 padding: 0px 0px 30px !important;
227}
228
229body.fourm {
230 font-family: Verdana, Helvetica, Arial, sans-serif;
231}
232
233body.fourm div#content {
234 width: 100%;
235 float: none;
236}
237
238body {
239 background-color: aqua;
240 background-image: url(/theme/images/backgrounds/island6.PNG);
241}
242
243span.post-vote {
244 float: right;
245 position: relative;
246 top: -20px;
247}
diff --git a/theme/layouts/6.2/style.php b/theme/layouts/6.2/style.php new file mode 100755 index 0000000..73bce49 --- /dev/null +++ b/theme/layouts/6.2/style.php
@@ -0,0 +1,32 @@
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/layouts/6.2/style.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
25include('layouts/6.2/style.css');
26
27if (((date('G') >= 20) || (date('G') <= 6)) || isset($_GET['night']) && !isset($_GET['day']))
28{
29 include('layouts/6.2/night.css');
30}
31
32?>
diff --git a/theme/layouts/7/layout.tpl b/theme/layouts/7/layout.tpl new file mode 100644 index 0000000..48eb1e6 --- /dev/null +++ b/theme/layouts/7/layout.tpl
@@ -0,0 +1,234 @@
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4 <head>
5 <title><!--EXTRATITLE-->Four Island</title>
6 <link rel="stylesheet" type="text/css" href="http://fourisland.com/theme/css.php" />
7 <!--[if IE]><link rel="stylesheet" type="text/css" href="http://fourisland.com/theme/css/ie.css" /><![endif]-->
8 <link rel="stylesheet" type="text/css" href="http://fourisland.com/theme/css/print.css" media="print" />
9 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
10 <meta http-equiv="Content-Language" content="en" />
11 <link rel="alternate" type="application/rss+xml" href="http://feeds.feedburner.com/FourIsland?format=xml" title="Four Island" />
12 <link rel="shortcut" href="/images/kirbyfolder.ico" />
13 <link rel="icon" href="/images/kirbyfolder.ico" />
14 <link rel="pingback" href="http://fourisland.com/xmlrpc.php" />
15 <script type="text/javascript" src="/theme/js/jquery.js"></script>
16 </head>
17
18 <body id="<!--CATEGORY-->">
19 <div id="flash"><!--FLASH--></div>
20
21 <div id="header">
22 <div id="banner"><a href="http://fourisland.com/">Four Island</a></div>
23 </div>
24
25 <div id="page-content">
26 <div id="sidebar">
27 <div class="module rounded pimped sidebar">
28 Hi! My name is Hatkirby, and I run Four Island.
29
30 <p>
31 Four Island is a fun place with a blog,
32 a fourm, a wiki, many projects and a quotes database!<br />
33
34 I hope you enjoy your time on Four Island!
35 </p>
36 </div>
37
38 <cite class="rounded"><strong>Hatkirby</strong> on Four Island</cite>
39
40 <p />
41
42 <!--BEGIN CREATE_HATNAV-->
43 <ul class="hatnav">
44 <!--END CREATE_HATNAV-->
45
46 <!--BEGIN HATNAV-->
47 <li>
48 <a href="<!--HATNAV.URL-->">
49 <img src="/theme/images/icons/<!--HATNAV.ICON-->.png" alt="<!--HATNAV.TITLE-->" />
50 <span><!--HATNAV.TITLE--></span>
51 </a>
52 </li>
53 <!--END HATNAV-->
54
55 <!--BEGIN CREATE_HATNAV-->
56 </ul>
57 <!--END CREATE_HATNAV-->
58
59 <div class="module rounded sidebar">
60 <h3>Poll of the Week</h3>
61
62 <!--POTW-->
63 </div>
64
65 <div class="module rounded sidebar">
66 <h3>Affiliates</h3>
67
68 <ul>
69 <!--BEGIN AFFILIATES-->
70 <li>
71 <img src="/theme/images/icons/tag_<!--AFFILIATES.COLOR-->.png" alt="<!--AFFILIATES.TITLE-->" />
72 <a href="<!--AFFILIATES.URL-->"><!--AFFILIATES.TITLE--></a>
73 </li>
74 <!--END AFFILIATES-->
75 </ul>
76 </div>
77
78 <div class="module rounded sidebar">
79 <h3>Website Projects</h3>
80
81 <ul>
82 <!--BEGIN WEBPROJS-->
83 <li>
84 <img src="/theme/images/icons/tag_<!--WEBPROJS.COLOR-->.png" alt="<!--WEBPROJS.TITLE-->" />
85 <a href="<!--WEBPROJS.URL-->"><!--WEBPROJS.TITLE--></a>
86 </li>
87 <!--END WEBPROJS-->
88 </ul>
89 </div>
90
91 <div class="module rounded sidebar">
92 <h3>HatBar</h3>
93
94 <p>
95 Hits: <!--HITS--><br />
96 Today: <!--TODAY--><br />
97 <!--DATEFINDER-->
98 </p>
99
100 <p align="center">
101 <a href="/addresses.php" title="goodemail@happybobby.com"><img src="/images/btn_bot.png" alt="Addresses galore!" /></a>
102 <a href="http://www.prchecker.info/" target="_blank"><img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL2ZvdXJpc2xhbmQuY29t&amp;tag=3" alt="Page Rank Check" border="0" /></a>
103 <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/us/80x15.png" /></a>
104 <a href="http://whos.amung.us/show/t1sj4g2u"><img src="http://whos.amung.us/swidget/t1sj4g2u.gif" alt="website stats" width="80" height="15" border="0" /></a>
105 <a href="http://feeds2.feedburner.com/FourIsland"><img src="http://feeds2.feedburner.com/~fc/FourIsland?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a>
106 </p>
107
108 <p>
109 <strong>Theme Switcher</strong>:
110 <select style="width: 55%" onchange="document.location='<!--ME-->?layout='+this.options[this.selectedIndex].value">
111 <option value="7" selected="selected">7</option>
112 <option value="6.2">6.2</option>
113 <option value="4.5">4.5</option>
114 </select>
115 </p>
116 </div>
117 </div>
118
119 <div id="content">
120 <ul id="navbar">
121 <li<!--BLOGACTIVE-->>
122 <a href="http://fourisland.com/">
123 <img src="/theme/images/icons/newspaper.png" alt="Blog" />
124 <span>Blog</span>
125 </a>
126 </li>
127
128 <li>
129 <a href="http://projects.fourisland.com/">Projects</a>
130 </li>
131
132 <li<!--FOURMACTIVE-->>
133 <a href="http://fourisland.com/fourm/">
134 <img src="/theme/images/icons/comment.png" alt="The Fourm" />
135 <span>The Fourm</span>
136 </a>
137 </li>
138
139 <li<!--POLLACTIVE-->>
140 <a href="http://fourisland.com/poll/">
141 <img src="/theme/images/icons/overlays.png" alt="Polls" />
142 <span>Polls</span>
143 </a>
144 </li>
145
146 <li<!--QUOTESACTIVE-->>
147 <a href="http://fourisland.com/quotes/">
148 <img src="/theme/images/icons/16-file-page.png" alt="Quotes" />
149 <span>Quotes</span>
150 </a>
151 </li>
152
153 <!--BEGIN MEMBERS-->
154 <li<!--LOGACTIVE-->>
155 <a href="http://fourisland.com/fourm/ucp.php?mode=log<!--LOGDATA-->&amp;redirect=<!--REDIRPAGE-->&amp;sid=<!--SID-->">
156 <img src="/theme/images/icons/door_in.png" alt="Log<!--LOGDATA-->" />
157 <span>Log<!--LOGDATA--></span>
158 </a>
159 </li>
160 <!--END MEMBERS-->
161
162 <!--BEGIN ADMIN-->
163 <li<!--PANELACTIVE-->>
164 <a href="http://fourisland.com/admin/">
165 <img src="/theme/images/icons/rainbow.png" alt="Admin" />
166 <span>Admin</span>
167 </a>
168 </li>
169 <!--END ADMIN-->
170 </ul>
171
172 <div id="window" class="rounded">
173 <div id="actual-content" class="rounded">
174 <!--CONTENT-->
175 </div>
176 </div>
177 </div>
178
179 <div class="cleardiv"></div>
180 </div>
181
182 <div id="footer">
183 <div class="foot-module">
184 <h3>Recent Comments</h3>
185
186 <ul>
187 <!--BEGIN COMMENTS-->
188 <li style="font-size: 0.9em"><!--COMMENTS.AUTHOR--> on <a href="/<!--COMMENTS.AREA-->/<!--COMMENTS.CODED--><!--COMMENTS.ENDING-->#comment-<!--COMMENTS.ID-->"><!--COMMENTS.TITLE--></a></li>
189 <!--END COMMENTS-->
190 </ul>
191 </div>
192
193 <div class="foot-module">
194 <h3>Recent Fourm Posts</h3>
195
196 <ul>
197 <!--BEGIN FOURM-->
198 <li style="font-size: 0.9em"><!--FOURM.USERNAME--> on <a href="/fourm/viewtopic.php?t=<!--FOURM.TOPIC-->&amp;p=<!--FOURM.POST-->#p<!--FOURM.POST-->"><!--FOURM.SUBJECT--></a></li>
199 <!--END FOURM-->
200 </ul>
201 </div>
202
203 <div class="foot-module">
204 <h3>Top Commenters</h3>
205
206 <ul>
207 <!--BEGIN TOP-->
208 <li style="font-size: 0.9em"><!--TOP.USERNAME--> (<!--TOP.COUNT-->)</li>
209 <!--END TOP-->
210 </ul>
211 </div>
212
213 <div class="foot-module">
214 <h3>Popular Posts</h3>
215
216 <ul>
217 <!--BEGIN POPULAR-->
218 <li style="font-size: 0.9em"><a href="/blog/<!--POPULAR.CODED-->/"><!--POPULAR.TITLE--></a></li>
219 <!--END POPULAR-->
220 </ul>
221 </div>
222
223 <div class="cleardiv"></div>
224
225 <p>
226 Four Island (<a href="http://code.fourisland.com/fourisland/">r<!--REVISION--></a>) is by <a href="http://fourisland.com">Starla Insigna</a>.
227 Licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License</a>.
228 <a href="http://jigsaw.w3.org/css-validator/"><img src="/theme/images/icons/css_valid.png" alt="Valid CSS" /></a>
229 <a href="http://validator.w3.org/check/referer"><img src="/theme/images/icons/xhtml_valid.png" alt="Valid XHTML" /></a>
230 <a class="noVisit" href="/rss.php"><img src="/theme/images/icons/feed.png" alt="RSS Feed" /></a>
231 </p>
232 </div>
233 </body>
234</html>
diff --git a/theme/layouts/7/style.css b/theme/layouts/7/style.css new file mode 100644 index 0000000..c16bdfa --- /dev/null +++ b/theme/layouts/7/style.css
@@ -0,0 +1,183 @@
1/* Body */
2
3body {
4 font-family: "Lucida Grande", "Arial", sans;
5 background-color: #111;
6}
7
8div#header {
9 width: 100%;
10 height: 200px;
11 background-image: url(http://fourisland.com/theme/images/header-repeat.png);
12 background-repeat: repeat-x;
13}
14
15div#banner {
16 width: 800px;
17 height: 200px;
18 margin: 0 auto;
19 background-image: url(http://fourisland.com/theme/images/header.png);
20 background-position: bottom right;
21}
22
23div#header a {
24 width: 800px;
25 height: 200px;
26 text-indent: -5000px;
27 display: block;
28}
29
30div#sidebar {
31 width: 21%;
32 float: left;
33}
34
35div#content {
36 width: 69%;
37 float: right;
38 padding-left: 5%;
39 padding-right: 5%;
40 padding-top: 20px;
41}
42
43div#content div.rounded {
44 padding: 10px;
45}
46
47div#footer {
48 width: 100%;
49 padding-top: 20px;
50 padding-bottom: 20px;
51}
52
53div#footer div.foot-module {
54 margin: 0 auto;
55 float: left;
56 width: 20%;
57 margin-left: 4%;
58 color: white;
59 font-size: 0.9em;
60}
61
62div#footer a {
63 color: white;
64 border-bottom: 1px dotted white;
65}
66
67div#footer div.foot-module ul {
68 list-style-type: square;
69}
70
71div#footer p {
72 font-size: 0.5em;
73 color: white;
74 text-align: center;
75}
76
77div#page-content {
78 background-color: #00ff00; /*#8B4513;*/
79 padding-bottom: 10px;
80}
81
82body#fourm div#actual-content {
83 font-size: 60%;
84}
85
86ul#navbar {
87 text-align: center;
88 margin-top: 0;
89}
90
91ul#navbar li {
92 display: inline;
93 font-family: Verdana, sans-serif;
94 font-size: 1.1em;
95}
96
97ul#navbar li+li:before {
98 content: " - ";
99}
100
101ul#navbar li img, ul#navbar li.active span {
102 display: none;
103}
104
105ul#navbar li.active img {
106 display: inline;
107 background-color: white;
108 outline: white solid .5em;
109 margin: 0 .5em;
110}
111
112/* Sidebar */
113
114div#rightbar {
115 float: left;
116 width: 270px; /*210*/
117}
118
119div.sidebar {
120 width: 250px; /*250*/ /*240*/ /*210*/
121 padding: 0 10px;
122 margin-bottom: 5px;
123}
124
125div.sidebar h3 {
126 font-family: Verdana, Helvetica, Arial, sans-serif;
127 margin: 5px 0 0 0;
128 font-weight: bold;
129 color: #333333;
130}
131
132div.sidebar p {
133 font-size: 0.8em;
134 margin: 3px 0;
135}
136
137div#sidebar ul.hatnav {
138 list-style-type: none;
139 padding-left: 24px;
140 margin-top: 0 !important;
141 line-height: normal !important;
142 list-style-image: none !important;
143}
144
145div#sidebar ul {
146 list-style-type: none;
147}
148
149div#sidebar ul.hatnav li {
150 text-align: right;
151 border: 1px gray solid;
152 padding-top: 2px;
153 padding-bottom: 2px;
154 background-color: #111;
155 color: white;
156}
157
158div#sidebar ul.hatnav li a {
159 display: block;
160 width: 95%;
161 color: white;
162}
163
164div#sidebar li img {
165 border: 0;
166 height: 16px;
167 width: 16px;
168}
169
170div#sidebar ul.hatnav li.active {
171 background-color:#00FF00;
172 border: none;
173}
174
175div#sidebar ul.hatnav li:hover {
176 background-color:yellow;
177 border: none;
178}
179
180div#sidebar ul li.active a, div#sidebar ul li a:hover {
181 color: black;
182}
183
diff --git a/theme/layouts/7/style.php b/theme/layouts/7/style.php new file mode 100755 index 0000000..3c44d1e --- /dev/null +++ b/theme/layouts/7/style.php
@@ -0,0 +1,27 @@
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/layouts/7/style.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
25include('layouts/7/style.css');
26
27?>
generated by cgit-pink 1.4.1 (git 2.36.1) at 2025-11-08 19:13:52 +0000