diff options
author | Starla Insigna <hatkirby@fourisland.com> | 2009-10-03 10:30:17 -0400 |
---|---|---|
committer | Starla Insigna <hatkirby@fourisland.com> | 2009-10-03 10:30:17 -0400 |
commit | dc0fb9445e8a3ede8bc33d6779fadd89b7ea6893 (patch) | |
tree | 511b0f752889172163f3801cdbe311f0efc55540 /theme/layouts/4.5 | |
parent | 0e4089184a44719fbd1284acb047ab7547674412 (diff) | |
download | fourisland-dc0fb9445e8a3ede8bc33d6779fadd89b7ea6893.tar.gz fourisland-dc0fb9445e8a3ede8bc33d6779fadd89b7ea6893.tar.bz2 fourisland-dc0fb9445e8a3ede8bc33d6779fadd89b7ea6893.zip |
Created Theme Switcher
Also rewrote the way layouts work. Now, each layout requires a "layout.tpl" file (which contains the header and footer for the layout) and a "style.php" file (which contains and can include other files that contain the CSS for the layout). Each layout has it's own folder in theme/layouts and you can switch between them using a combo box in the Hatbar. Layouts 6.2 and 4.5 have been modified to work with new Layout 7 features such as AJAX, and they should be relatively free of bugs. Layout 3 has not yet been transferred because since it is pre-The New Four Island, it will be very difficult to do so. This changeset requires manual external code changes: * The line below must be added above the functions.php include in The Fourm's funnctions.php require('/svr/www/hatkirby/fourisland/main/includes/session.php'); * The block of Four Island code in The Fourm's page_header() function should be replaced with: global $fi_pagetitle; $fi_pagetitle = $page_title; ob_start(); * The block of Four Island code in The Fourm's page_footer() function should be replaced with: global $fi_pagetitle; $content = ob_get_contents(); ob_end_clean(); $noRightbar = 1; $onFourm = 1; $pageCategory = 'fourm'; if ($fi_pagetitle == 'Index page') { $title = 'The Fourm'; } else if (strpos($fi_pagetitle, 'View topic') !== FALSE) { $title = str_replace('View topic - ', 'Topic: ', $fi_pagetitle) . ' - The Fourm'; } else if (strpos($fi_pagetitle, 'View forum') !== FALSE) { $title = str_replace('View forum - ', 'Fourm: ', $fi_pagetitle) . ' - The Fourm'; } else if (strpos($fi_pagetitle, 'Viewing profile') !== FALSE) { $title = str_replace('Viewing profile - ', 'Member: ', $fi_pagetitle) . ' - The Fourm'; } else { $title = $fi_pagetitle . ' - The Fourm'; } if ($_GET['view'] != 'print') { include('/svr/www/hatkirby/fourisland/main/includes/layout.php'); } else { echo $content; } Closes #117
Diffstat (limited to 'theme/layouts/4.5')
-rw-r--r-- | theme/layouts/4.5/day.css | 4 | ||||
-rw-r--r-- | theme/layouts/4.5/headers.php | 85 | ||||
-rw-r--r-- | theme/layouts/4.5/holiday.php | 112 | ||||
-rw-r--r-- | theme/layouts/4.5/layout.tpl | 272 | ||||
-rw-r--r-- | theme/layouts/4.5/navigation.css | 173 | ||||
-rw-r--r-- | theme/layouts/4.5/night.css | 4 | ||||
-rw-r--r-- | theme/layouts/4.5/style.css | 233 | ||||
-rwxr-xr-x | theme/layouts/4.5/style.php | 38 |
8 files changed, 921 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 @@ | |||
1 | body { | ||
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 | ||
10 | 4::::444444::::444 | ||
11 | 4::::::::::::::::4 theme/css/headers.php | ||
12 | 4444444444:::::444 | ||
13 | 4::::4 Please do not use, reproduce or steal the | ||
14 | 4::::4 contents of this file without explicit | ||
15 | 4::::4 permission from Hatkirby. | ||
16 | 44::::::44 | ||
17 | 4::::::::4 | ||
18 | 4444444444 | ||
19 | */ | ||
20 | |||
21 | if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);} | ||
22 | |||
23 | require('headerproc.php'); | ||
24 | |||
25 | ?> | ||
26 | /* Four Island Header CSS */ | ||
27 | <?php | ||
28 | |||
29 | include_once('../includes/specialdates.php'); | ||
30 | |||
31 | if (sd_ifNoSpecialDay()) | ||
32 | { | ||
33 | $bgimgm = 'main'; | ||
34 | } elseif (sd_isSpecialDay('Four Island A')) | ||
35 | { | ||
36 | $bgimgm = 'islandYearly'; | ||
37 | } elseif (sd_isSpecialDay('Mothers Day')) | ||
38 | { | ||
39 | $bgimgm = 'mothers'; | ||
40 | } elseif (sd_isSpecialDay('Memorial Day')) | ||
41 | { | ||
42 | $bgimgm = 'memorial'; | ||
43 | } elseif (sd_isSpecialDay('Hatkirbys B-Day')) | ||
44 | { | ||
45 | $bgimgm = 'hatkirbybday'; | ||
46 | } else if (sd_isSpecialDay('CTNH')) | ||
47 | { | ||
48 | $bgimgm = 'ctnh'; | ||
49 | } else { | ||
50 | $bgimgm = 'main'; | ||
51 | } | ||
52 | |||
53 | if ($bgimgm == 'main') | ||
54 | { | ||
55 | //Check for page-based headers | ||
56 | ?> | ||
57 | /* Category-Based Headers */ | ||
58 | body.projects div#banner { | ||
59 | background-image: url("/theme/images/headers/projects.png"); | ||
60 | } | ||
61 | body.wiki div#banner { | ||
62 | background-image: url("/theme/images/headers/kfm.png"); | ||
63 | } | ||
64 | body.fourm div#banner { | ||
65 | background-image: url("/theme/images/headers/fourm.png"); | ||
66 | } | ||
67 | body.misc div#banner { | ||
68 | background-image: url("/theme/images/headers/random.png"); | ||
69 | } | ||
70 | body.webs div#banner { | ||
71 | background-image: url("/theme/images/headers/links.png"); | ||
72 | } | ||
73 | body.quotes div#banner { | ||
74 | background-image: url("/theme/images/headers/quotes.png"); | ||
75 | } | ||
76 | body.poll div#banner { | ||
77 | background-image: url("/theme/images/headers/potw.png"); | ||
78 | } | ||
79 | /* AID-Based Headers */ | ||
80 | <?php | ||
81 | } | ||
82 | ?> | ||
83 | div#banner { | ||
84 | background-image: url("/theme/images/headers/<?php echo($bgimgm); ?>.png"); /*850x129*/ | ||
85 | } | ||
diff --git a/theme/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 | ||
10 | 4::::444444::::444 | ||
11 | 4::::::::::::::::4 theme/css/holiday.php | ||
12 | 4444444444:::::444 | ||
13 | 4::::4 Please do not use, reproduce or steal the | ||
14 | 4::::4 contents of this file without explicit | ||
15 | 4::::4 permission from Hatkirby. | ||
16 | 44::::::44 | ||
17 | 4::::::::4 | ||
18 | 4444444444 | ||
19 | */ | ||
20 | |||
21 | if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);} | ||
22 | |||
23 | require('headerproc.php'); | ||
24 | |||
25 | if (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']; | ||
99 | if (!isset($bgcolor)) | ||
100 | { | ||
101 | $bgcolor='aqua'; | ||
102 | |||
103 | include("css/day.css"); | ||
104 | } else { | ||
105 | include("css/night.css"); | ||
106 | } | ||
107 | |||
108 | ?> | ||
109 | |||
110 | body { | ||
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-->&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-->&redirect=<!--REDIRPAGE-->&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&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&fg=444444&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-->&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 | |||
3 | ul#bannernav { | ||
4 | list-style: none; | ||
5 | clear: both; | ||
6 | margin: 0px; | ||
7 | } | ||
8 | |||
9 | div#banner-nav { | ||
10 | height: 30px; | ||
11 | clear: both; | ||
12 | margin: 1px 30px 0 30px; | ||
13 | background: url("/theme/images/bg_navbar.gif") repeat-x 0 0; | ||
14 | } | ||
15 | |||
16 | ul#bannernav li { | ||
17 | float: left; | ||
18 | margin: 0; | ||
19 | padding: 0; | ||
20 | padding-right: 6px; | ||
21 | } | ||
22 | |||
23 | ul#bannernav li a { | ||
24 | text-decoration: none; | ||
25 | display: block; | ||
26 | width: 100; | ||
27 | height: 30; | ||
28 | } | ||
29 | |||
30 | ul#bannernav li a span { | ||
31 | visibility: hidden; | ||
32 | } | ||
33 | |||
34 | ul#bannernav li img { | ||
35 | display: none; | ||
36 | } | ||
37 | |||
38 | ul#bannernav li#bannernav-home a { | ||
39 | background-image: url("/theme/images/Home.gif"); | ||
40 | } | ||
41 | |||
42 | body.home ul#bannernav li#bannernav-home a, | ||
43 | ul#bannernav li#bannernav-home a:hover { | ||
44 | background-image: url("/theme/images/Home_ro.gif"); | ||
45 | } | ||
46 | |||
47 | ul#bannernav li#bannernav-projects a { | ||
48 | background-image: url("/theme/images/Projects.gif"); | ||
49 | } | ||
50 | |||
51 | body.projects ul#bannernav li#bannernav-projects a, | ||
52 | ul#bannernav li#bannernav-projects a:hover { | ||
53 | background-image: url("/theme/images/Projects_ro.gif"); | ||
54 | } | ||
55 | |||
56 | ul#bannernav li#bannernav-wiki a { | ||
57 | background-image: url("/theme/images/Wiki.gif"); | ||
58 | } | ||
59 | |||
60 | body.wiki ul#bannernav li#bannernav-wiki a, | ||
61 | ul#bannernav li#bannernav-wiki a:hover { | ||
62 | background-image: url("/theme/images/Wiki_ro.gif"); | ||
63 | } | ||
64 | |||
65 | ul#bannernav li#bannernav-fourm a { | ||
66 | background-image: url("/theme/images/Fourm.gif"); | ||
67 | } | ||
68 | |||
69 | body.fourm ul#bannernav li#bannernav-fourm a, | ||
70 | ul#bannernav li#bannernav-fourm a:hover { | ||
71 | background-image: url("/theme/images/Fourm_ro.gif"); | ||
72 | } | ||
73 | |||
74 | ul#bannernav li#bannernav-misc a { | ||
75 | background-image: url("/theme/images/Random.gif"); | ||
76 | } | ||
77 | |||
78 | body.misc ul#bannernav li#bannernav-misc a, | ||
79 | ul#bannernav li#bannernav-misc a:hover { | ||
80 | background-image: url("/theme/images/Random_ro.gif"); | ||
81 | } | ||
82 | |||
83 | ul#bannernav li#bannernav-webs a { | ||
84 | background-image: url("/theme/images/Links.gif"); | ||
85 | } | ||
86 | |||
87 | body.webs ul#bannernav li#bannernav-webs a, | ||
88 | ul#bannernav li#bannernav-webs a:hover { | ||
89 | background-image: url("/theme/images/Links_ro.gif"); | ||
90 | } | ||
91 | |||
92 | ul#bannernav li#bannernav-poll a { | ||
93 | background-image: url("/theme/images/Poll.gif"); | ||
94 | } | ||
95 | |||
96 | body.poll ul#bannernav li#bannernav-poll a, | ||
97 | ul#bannernav li#bannernav-poll a:hover { | ||
98 | background-image: url("/theme/images/Poll_ro.gif"); | ||
99 | } | ||
100 | |||
101 | ul#bannernav li#bannernav-quotes a { | ||
102 | background-image: url("/theme/images/Quotes.gif"); | ||
103 | } | ||
104 | |||
105 | body.quotes ul#bannernav li#bannernav-quotes a, | ||
106 | ul#bannernav li#bannernav-quotes a:hover { | ||
107 | background-image: url("/theme/images/Quotes_ro.gif"); | ||
108 | } | ||
109 | |||
110 | ul#bannernav li#bannernav-login a { | ||
111 | background-image: url("/theme/images/Login.gif"); | ||
112 | } | ||
113 | |||
114 | body.login ul#bannernav li#bannernav-login a, | ||
115 | ul#bannernav li#bannernav-login a:hover { | ||
116 | background-image: url("/theme/images/Login_ro.gif"); | ||
117 | } | ||
118 | |||
119 | ul#bannernav li#bannernav-logout a { | ||
120 | background-image: url("/theme/images/Logout.gif"); | ||
121 | } | ||
122 | |||
123 | ul#bannernav li#bannernav-logout a:hover { | ||
124 | background-image: url("/theme/images/Logout_ro.gif"); | ||
125 | } | ||
126 | |||
127 | ul#bannernav li#bannernav-panel a { | ||
128 | background-image: url("/theme/images/Panel.gif"); | ||
129 | } | ||
130 | |||
131 | body.panel ul#bannernav li#bannernav-panel a, | ||
132 | ul#bannernav li#bannernav-panel a:hover { | ||
133 | background-image: url("/theme/images/Panel_ro.gif"); | ||
134 | } | ||
135 | |||
136 | ul#bannernav li#bannernav-search { | ||
137 | display: block; | ||
138 | float: right; | ||
139 | width: 165px; | ||
140 | height: 30px; | ||
141 | margin: 0px; | ||
142 | background: url("/theme/images/bg_search.gif") 0 0 no-repeat; | ||
143 | } | ||
144 | |||
145 | ul#bannernav li#bannernav-search fieldset { | ||
146 | border: none; | ||
147 | padding-top: 6px; | ||
148 | border-width:0pt; | ||
149 | font-family:Verdana,Helvetica,Arial,sans-serif; | ||
150 | font-size:1.1em; | ||
151 | } | ||
152 | |||
153 | ul#bannernav li#bannernav-search input { | ||
154 | width: 125px; | ||
155 | height: 19px !important; | ||
156 | margin-left: 13px; | ||
157 | border: none !important; | ||
158 | background-color: transparent; | ||
159 | cursor:pointer; | ||
160 | font-family:Verdana,Helvetica,Arial,sans-serif; | ||
161 | font-weight:normal; | ||
162 | padding:0pt 3px; | ||
163 | vertical-align:middle; | ||
164 | line-height:1.3em; | ||
165 | color:#536482; | ||
166 | margin-top: -20px; | ||
167 | } | ||
168 | |||
169 | body.fourm ul#bannernav li#bannernav-search input { | ||
170 | margin-top: 0px; | ||
171 | font-size: 1.1em !important; | ||
172 | margin-left: 28px; | ||
173 | } | ||
diff --git a/theme/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 @@ | |||
1 | body { | ||
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 @@ | |||
1 | body { | ||
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 | |||
10 | body.fourm { | ||
11 | font-family: Verdana, Helvetica, Arial, sans-serif; | ||
12 | } | ||
13 | |||
14 | body.fourm div#content { | ||
15 | width: 100%; | ||
16 | float: none; | ||
17 | } | ||
18 | |||
19 | body.fourm div#wrap, | ||
20 | body.poll div#wrap, | ||
21 | body.quotes div#wrap, | ||
22 | body.admin div#wrap { | ||
23 | background-image: url(/theme/images/bg_body.gif); | ||
24 | background-repeat: repeat-y; | ||
25 | } | ||
26 | |||
27 | div#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 | |||
41 | div#banner { | ||
42 | background-image: url("/theme/images/fourisland_header.png"); | ||
43 | } | ||
44 | |||
45 | body div#banner h1, body div#fi-banner h1 { | ||
46 | margin: 0; | ||
47 | } | ||
48 | |||
49 | body 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 | |||
58 | div#banner h1, div#fi-banner h1 { | ||
59 | margin: 0; | ||
60 | font-size: 3.0em; | ||
61 | font-weight: normal; | ||
62 | } | ||
63 | |||
64 | div#bannernav { | ||
65 | text-align: center; | ||
66 | } | ||
67 | |||
68 | span.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 | |||
75 | span.side-left { | ||
76 | float: left; | ||
77 | margin-right: 10px; | ||
78 | } | ||
79 | |||
80 | span.side-right { | ||
81 | background-position: 100% 0; | ||
82 | float: right; | ||
83 | } | ||
84 | |||
85 | /* Sidebar */ | ||
86 | |||
87 | div#rightbar { | ||
88 | float: right; | ||
89 | width: 250px; /*210*/ | ||
90 | padding: 0 10; | ||
91 | } | ||
92 | |||
93 | div.sidebar { | ||
94 | width: 250px; /*250*/ /*240*/ /*210*/ | ||
95 | padding: 0 10px; | ||
96 | margin-bottom: 5px; | ||
97 | } | ||
98 | |||
99 | div.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 | |||
106 | div.sidebar p { | ||
107 | font-size: 0.8em; | ||
108 | margin: 3px 0; | ||
109 | } | ||
110 | |||
111 | div.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 | |||
119 | div#sidebar ul li { | ||
120 | margin-top: 4px; | ||
121 | } | ||
122 | |||
123 | div#sidebar ul li a { | ||
124 | display: block; | ||
125 | width: 230px; | ||
126 | } | ||
127 | |||
128 | div#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 | |||
151 | body.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 | |||
165 | div#content { | ||
166 | float: left; | ||
167 | width: 555px; /*465*/ /*555*/ | ||
168 | } | ||
169 | |||
170 | |||
171 | div#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 | |||
183 | div#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 | |||
195 | div#footer ul.rows li { | ||
196 | display: list-item; | ||
197 | } | ||
198 | |||
199 | div#footer ul { | ||
200 | padding: 0; | ||
201 | margin: 0; | ||
202 | list-style-type: none; | ||
203 | } | ||
204 | |||
205 | div#footer ul li { | ||
206 | display: inline; | ||
207 | margin-right: 1em; | ||
208 | } | ||
209 | |||
210 | div#footer ul li img { | ||
211 | width: 20px; | ||
212 | height: 20px; | ||
213 | vertical-align: top; | ||
214 | } | ||
215 | |||
216 | div#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 | ||
10 | 4::::444444::::444 | ||
11 | 4::::::::::::::::4 theme/layouts/4.5/style.php | ||
12 | 4444444444:::::444 | ||
13 | 4::::4 Please do not use, reproduce or steal the | ||
14 | 4::::4 contents of this file without explicit | ||
15 | 4::::4 permission from Hatkirby. | ||
16 | 44::::::44 | ||
17 | 4::::::::4 | ||
18 | 4444444444 | ||
19 | */ | ||
20 | |||
21 | if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);} | ||
22 | |||
23 | require('headerproc.php'); | ||
24 | |||
25 | include('layouts/4.5/style.css'); | ||
26 | |||
27 | if (((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 | |||
34 | include('layouts/4.5/headers.php'); | ||
35 | include('layouts/4.5/navigation.css'); | ||
36 | include('layouts/4.5/holiday.php'); | ||
37 | |||
38 | ?> | ||