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 | ?> | ||
