diff options
Diffstat (limited to 'theme/layouts/7')
-rw-r--r-- | theme/layouts/7/layout.tpl | 234 | ||||
-rw-r--r-- | theme/layouts/7/style.css | 183 | ||||
-rwxr-xr-x | theme/layouts/7/style.php | 27 |
3 files changed, 444 insertions, 0 deletions
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&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&fg=444444&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-->&redirect=<!--REDIRPAGE-->&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-->&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 | |||
3 | body { | ||
4 | font-family: "Lucida Grande", "Arial", sans; | ||
5 | background-color: #111; | ||
6 | } | ||
7 | |||
8 | div#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 | |||
15 | div#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 | |||
23 | div#header a { | ||
24 | width: 800px; | ||
25 | height: 200px; | ||
26 | text-indent: -5000px; | ||
27 | display: block; | ||
28 | } | ||
29 | |||
30 | div#sidebar { | ||
31 | width: 21%; | ||
32 | float: left; | ||
33 | } | ||
34 | |||
35 | div#content { | ||
36 | width: 69%; | ||
37 | float: right; | ||
38 | padding-left: 5%; | ||
39 | padding-right: 5%; | ||
40 | padding-top: 20px; | ||
41 | } | ||
42 | |||
43 | div#content div.rounded { | ||
44 | padding: 10px; | ||
45 | } | ||
46 | |||
47 | div#footer { | ||
48 | width: 100%; | ||
49 | padding-top: 20px; | ||
50 | padding-bottom: 20px; | ||
51 | } | ||
52 | |||
53 | div#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 | |||
62 | div#footer a { | ||
63 | color: white; | ||
64 | border-bottom: 1px dotted white; | ||
65 | } | ||
66 | |||
67 | div#footer div.foot-module ul { | ||
68 | list-style-type: square; | ||
69 | } | ||
70 | |||
71 | div#footer p { | ||
72 | font-size: 0.5em; | ||
73 | color: white; | ||
74 | text-align: center; | ||
75 | } | ||
76 | |||
77 | div#page-content { | ||
78 | background-color: #00ff00; /*#8B4513;*/ | ||
79 | padding-bottom: 10px; | ||
80 | } | ||
81 | |||
82 | body#fourm div#actual-content { | ||
83 | font-size: 60%; | ||
84 | } | ||
85 | |||
86 | ul#navbar { | ||
87 | text-align: center; | ||
88 | margin-top: 0; | ||
89 | } | ||
90 | |||
91 | ul#navbar li { | ||
92 | display: inline; | ||
93 | font-family: Verdana, sans-serif; | ||
94 | font-size: 1.1em; | ||
95 | } | ||
96 | |||
97 | ul#navbar li+li:before { | ||
98 | content: " - "; | ||
99 | } | ||
100 | |||
101 | ul#navbar li img, ul#navbar li.active span { | ||
102 | display: none; | ||
103 | } | ||
104 | |||
105 | ul#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 | |||
114 | div#rightbar { | ||
115 | float: left; | ||
116 | width: 270px; /*210*/ | ||
117 | } | ||
118 | |||
119 | div.sidebar { | ||
120 | width: 250px; /*250*/ /*240*/ /*210*/ | ||
121 | padding: 0 10px; | ||
122 | margin-bottom: 5px; | ||
123 | } | ||
124 | |||
125 | div.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 | |||
132 | div.sidebar p { | ||
133 | font-size: 0.8em; | ||
134 | margin: 3px 0; | ||
135 | } | ||
136 | |||
137 | div#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 | |||
145 | div#sidebar ul { | ||
146 | list-style-type: none; | ||
147 | } | ||
148 | |||
149 | div#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 | |||
158 | div#sidebar ul.hatnav li a { | ||
159 | display: block; | ||
160 | width: 95%; | ||
161 | color: white; | ||
162 | } | ||
163 | |||
164 | div#sidebar li img { | ||
165 | border: 0; | ||
166 | height: 16px; | ||
167 | width: 16px; | ||
168 | } | ||
169 | |||
170 | div#sidebar ul.hatnav li.active { | ||
171 | background-color:#00FF00; | ||
172 | border: none; | ||
173 | } | ||
174 | |||
175 | div#sidebar ul.hatnav li:hover { | ||
176 | background-color:yellow; | ||
177 | border: none; | ||
178 | } | ||
179 | |||
180 | div#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 | ||
10 | 4::::444444::::444 | ||
11 | 4::::::::::::::::4 theme/layouts/7/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/7/style.css'); | ||
26 | |||
27 | ?> | ||