summary refs log tree commit diff stats
path: root/theme
diff options
context:
space:
mode:
authorStarla Insigna <hatkirby@fourisland.com>2009-08-09 13:46:55 -0400
committerStarla Insigna <hatkirby@fourisland.com>2009-08-09 13:46:55 -0400
commit6a1d5b60e6ec541a36727b84b71168f62221f7d7 (patch)
treeea7a39f74dd02d56290778ac1a7c04e059fedc90 /theme
parentbd9b7db6bcaa83b376277ff324c905acbd9b9636 (diff)
downloadfourisland-6a1d5b60e6ec541a36727b84b71168f62221f7d7.tar.gz
fourisland-6a1d5b60e6ec541a36727b84b71168f62221f7d7.tar.bz2
fourisland-6a1d5b60e6ec541a36727b84b71168f62221f7d7.zip
Added IE support
Because IE doesn't support XHTML, Four Island checks to see if the browser is IE and if it is, changes the Content Type to HTML. It also displays a warning at the top of the screen telling the user that their browsing experience will be much better with a better browser.
Diffstat (limited to 'theme')
-rw-r--r--theme/css/ie.css13
-rw-r--r--theme/header.tpl396
2 files changed, 211 insertions, 198 deletions
diff --git a/theme/css/ie.css b/theme/css/ie.css new file mode 100644 index 0000000..6468b75 --- /dev/null +++ b/theme/css/ie.css
@@ -0,0 +1,13 @@
1div#flash {
2 display: block;
3}
4
5div#window {
6 width: 100%;
7 background-color: #00ff00;
8 background-image: none;
9}
10
11div#actual-content {
12 background-color: #00ff00;
13} \ No newline at end of file
diff --git a/theme/header.tpl b/theme/header.tpl index 64cc902..24c9b6b 100644 --- a/theme/header.tpl +++ b/theme/header.tpl
@@ -1,198 +1,198 @@
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 2
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4 <head> 4 <head>
5 <title><!--EXTRATITLE-->Four Island</title> 5 <title><!--EXTRATITLE-->Four Island</title>
6 <link rel="stylesheet" type="text/css" href="http://fourisland.com/theme/css.php" /> 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]--> 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" /> 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" /> 9 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
10 <meta http-equiv="Content-Language" content="en" /> 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" /> 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" /> 12 <link rel="shortcut" href="/images/kirbyfolder.ico" />
13 <link rel="icon" href="/images/kirbyfolder.ico" /> 13 <link rel="icon" href="/images/kirbyfolder.ico" />
14 <link rel="pingback" href="http://fourisland.com/xmlrpc.php" /> 14 <link rel="pingback" href="http://fourisland.com/xmlrpc.php" />
15 <script type="text/javascript" src="/theme/js/jquery.js"></script> 15 <script type="text/javascript" src="/theme/js/jquery.js"></script>
16 </head> 16 </head>
17 17
18 <body id="<!--CATEGORY-->"> 18 <body id="<!--CATEGORY-->">
19 <div id="flash"></div> 19 <div id="flash"><!--FLASH--></div>
20 20
21 <div id="header"> 21 <div id="header">
22 <div id="banner"><a href="http://fourisland.com/">Four Island</a></div> 22 <div id="banner"><a href="http://fourisland.com/">Four Island</a></div>
23 </div> 23 </div>
24 24
25 <div id="page-content"> 25 <div id="page-content">
26 <div id="sidebar"> 26 <div id="sidebar">
27 <div class="module rounded pimped sidebar"> 27 <div class="module rounded pimped sidebar">
28 Hi! My name is Hatkirby, and I run Four Island. 28 Hi! My name is Hatkirby, and I run Four Island.
29 29
30 <p> 30 <p>
31 Four Island is a fun place with a blog, 31 Four Island is a fun place with a blog,
32 a fourm, a wiki, many projects and a quotes database!<br /> 32 a fourm, a wiki, many projects and a quotes database!<br />
33 33
34 I hope you enjoy your time on Four Island! 34 I hope you enjoy your time on Four Island!
35 </p> 35 </p>
36 </div> 36 </div>
37 37
38 <cite class="rounded"><strong>Hatkirby</strong> on Four Island</cite> 38 <cite class="rounded"><strong>Hatkirby</strong> on Four Island</cite>
39 39
40 <!--BEGIN CREATE_HATNAV--> 40 <!--BEGIN CREATE_HATNAV-->
41 <ul class="hatnav"> 41 <ul class="hatnav">
42 <!--END CREATE_HATNAV--> 42 <!--END CREATE_HATNAV-->
43 43
44 <!--BEGIN HATNAV--> 44 <!--BEGIN HATNAV-->
45 <li> 45 <li>
46 <a href="<!--HATNAV.URL-->"> 46 <a href="<!--HATNAV.URL-->">
47 <img src="/theme/images/icons/<!--HATNAV.ICON-->.png" alt="<!--HATNAV.TITLE-->" /> 47 <img src="/theme/images/icons/<!--HATNAV.ICON-->.png" alt="<!--HATNAV.TITLE-->" />
48 <span><!--HATNAV.TITLE--></span> 48 <span><!--HATNAV.TITLE--></span>
49 </a> 49 </a>
50 </li> 50 </li>
51 <!--END HATNAV--> 51 <!--END HATNAV-->
52 52
53 <!--BEGIN CREATE_HATNAV--> 53 <!--BEGIN CREATE_HATNAV-->
54 </ul> 54 </ul>
55 <!--END CREATE_HATNAV--> 55 <!--END CREATE_HATNAV-->
56 56
57 <div class="module rounded sidebar"> 57 <div class="module rounded sidebar">
58 <h3>Poll of the Week</h3> 58 <h3>Poll of the Week</h3>
59 59
60 <!--POTW--> 60 <!--POTW-->
61 </div> 61 </div>
62 62
63 <div class="module rounded sidebar"> 63 <div class="module rounded sidebar">
64 <h3>Affiliates</h3> 64 <h3>Affiliates</h3>
65 65
66 <ul> 66 <ul>
67 <li> 67 <li>
68 <img src="/theme/images/icons/tag_blue.png" alt="The S Site" /> 68 <img src="/theme/images/icons/tag_blue.png" alt="The S Site" />
69 <a href="http://ssite.fourisland.com/">The S Site</a> 69 <a href="http://ssite.fourisland.com/">The S Site</a>
70 </li> 70 </li>
71 71
72 <li> 72 <li>
73 <img src="/theme/images/icons/tag_green.png" alt="Wikipinia" /> 73 <img src="/theme/images/icons/tag_green.png" alt="Wikipinia" />
74 <a href="http://nablecak.fourisland.com/">Wikipinia</a> 74 <a href="http://nablecak.fourisland.com/">Wikipinia</a>
75 </li> 75 </li>
76 76
77 <li> 77 <li>
78 <img src="/theme/images/icons/tag_orange.png" alt="Color Pencils" /> 78 <img src="/theme/images/icons/tag_orange.png" alt="Color Pencils" />
79 <a href="http://gryph.fourisland.com/">Color Pencils</a> 79 <a href="http://gryph.fourisland.com/">Color Pencils</a>
80 </li> 80 </li>
81 81
82 <li> 82 <li>
83 <img src="/theme/images/icons/tag_pink.png" alt="Dream Weaver" /> 83 <img src="/theme/images/icons/tag_pink.png" alt="Dream Weaver" />
84 <a href="http://timbo94.fourisland.com/">Dream Weaver</a> 84 <a href="http://timbo94.fourisland.com/">Dream Weaver</a>
85 </li> 85 </li>
86 86
87 <li> 87 <li>
88 <img src="/theme/images/icons/tag_purple.png" alt="Randomness" /> 88 <img src="/theme/images/icons/tag_purple.png" alt="Randomness" />
89 <a href="http://pyro.fourisland.com/">Randomness</a> 89 <a href="http://pyro.fourisland.com/">Randomness</a>
90 </li> 90 </li>
91 91
92 <li> 92 <li>
93 <img src="/theme/images/icons/tag_red.png" alt="Bubble Blog" /> 93 <img src="/theme/images/icons/tag_red.png" alt="Bubble Blog" />
94 <a href="http://sammi9494.fourisland.com/">Bubble Blog</a> 94 <a href="http://sammi9494.fourisland.com/">Bubble Blog</a>
95 </li> 95 </li>
96 </ul> 96 </ul>
97 </div> 97 </div>
98 98
99 <div class="module rounded sidebar"> 99 <div class="module rounded sidebar">
100 <h3>Website Projects</h3> 100 <h3>Website Projects</h3>
101 101
102 <ul> 102 <ul>
103 <li> 103 <li>
104 <img src="/theme/images/icons/tag_blue.png" alt="The Sabrina FanWiki" /> 104 <img src="/theme/images/icons/tag_blue.png" alt="The Sabrina FanWiki" />
105 <a href="http://sabrina.fourisland.com/">The Sabrina FanWiki</a> 105 <a href="http://sabrina.fourisland.com/">The Sabrina FanWiki</a>
106 </li> 106 </li>
107 107
108 <li> 108 <li>
109 <img src="/theme/images/icons/tag_green.png" alt="True Falsities" /> 109 <img src="/theme/images/icons/tag_green.png" alt="True Falsities" />
110 <a href="http://false.fourisland.com/">True Falsities</a> 110 <a href="http://false.fourisland.com/">True Falsities</a>
111 </li> 111 </li>
112 112
113 <li> 113 <li>
114 <img src="/theme/images/icons/tag_orange.png" alt="Pillowcase" /> 114 <img src="/theme/images/icons/tag_orange.png" alt="Pillowcase" />
115 <a href="http://pillowcase.fourisland.com/">Pillowcase</a> 115 <a href="http://pillowcase.fourisland.com/">Pillowcase</a>
116 </li> 116 </li>
117 117
118 <li> 118 <li>
119 <img src="/theme/images/icons/tag_pink.png" alt="Endlenge" /> 119 <img src="/theme/images/icons/tag_pink.png" alt="Endlenge" />
120 <a href="http://endlenge.fourisland.com/">Endlenge</a> 120 <a href="http://endlenge.fourisland.com/">Endlenge</a>
121 </li> 121 </li>
122 </ul> 122 </ul>
123 </div> 123 </div>
124 124
125 <div class="module rounded sidebar"> 125 <div class="module rounded sidebar">
126 <h3>HatBar</h3> 126 <h3>HatBar</h3>
127 127
128 <p> 128 <p>
129 Hits: <!--HITS--><br /> 129 Hits: <!--HITS--><br />
130 Today: <!--TODAY--><br /> 130 Today: <!--TODAY--><br />
131 <!--DATEFINDER--> 131 <!--DATEFINDER-->
132 </p> 132 </p>
133 133
134 <p align="center"> 134 <p align="center">
135 <a href="/addresses.php" title="goodemail@happybobby.com"><img src="/images/btn_bot.png" alt="Addresses galore!" /></a> 135 <a href="/addresses.php" title="goodemail@happybobby.com"><img src="/images/btn_bot.png" alt="Addresses galore!" /></a>
136 <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> 136 <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>
137 <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> 137 <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>
138 <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> 138 <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>
139 <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> 139 <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>
140 </p> 140 </p>
141 </div> 141 </div>
142 </div> 142 </div>
143 143
144 <div id="content"> 144 <div id="content">
145 <ul id="navbar"> 145 <ul id="navbar">
146 <li<!--BLOGACTIVE-->> 146 <li<!--BLOGACTIVE-->>
147 <a href="http://fourisland.com/"> 147 <a href="http://fourisland.com/">
148 <img src="/theme/images/icons/newspaper.png" alt="Blog" /> 148 <img src="/theme/images/icons/newspaper.png" alt="Blog" />
149 <span>Blog</span> 149 <span>Blog</span>
150 </a> 150 </a>
151 </li> 151 </li>
152 152
153 <li> 153 <li>
154 <a href="http://projects.fourisland.com/">Projects</a> 154 <a href="http://projects.fourisland.com/">Projects</a>
155 </li> 155 </li>
156 156
157 <li<!--FOURMACTIVE-->> 157 <li<!--FOURMACTIVE-->>
158 <a href="http://fourisland.com/fourm/"> 158 <a href="http://fourisland.com/fourm/">
159 <img src="/theme/images/icons/comment.png" alt="The Fourm" /> 159 <img src="/theme/images/icons/comment.png" alt="The Fourm" />
160 <span>The Fourm</span> 160 <span>The Fourm</span>
161 </a> 161 </a>
162 </li> 162 </li>
163 163
164 <li<!--POLLACTIVE-->> 164 <li<!--POLLACTIVE-->>
165 <a href="http://fourisland.com/poll/"> 165 <a href="http://fourisland.com/poll/">
166 <img src="/theme/images/icons/overlays.png" alt="Polls" /> 166 <img src="/theme/images/icons/overlays.png" alt="Polls" />
167 <span>Polls</span> 167 <span>Polls</span>
168 </a> 168 </a>
169 </li> 169 </li>
170 170
171 <li<!--QUOTESACTIVE-->> 171 <li<!--QUOTESACTIVE-->>
172 <a href="http://fourisland.com/quotes/"> 172 <a href="http://fourisland.com/quotes/">
173 <img src="/theme/images/icons/16-file-page.png" alt="Quotes" /> 173 <img src="/theme/images/icons/16-file-page.png" alt="Quotes" />
174 <span>Quotes</span> 174 <span>Quotes</span>
175 </a> 175 </a>
176 </li> 176 </li>
177 177
178 <!--BEGIN MEMBERS--> 178 <!--BEGIN MEMBERS-->
179 <li<!--LOGACTIVE-->> 179 <li<!--LOGACTIVE-->>
180 <a href="http://fourisland.com/fourm/ucp.php?mode=log<!--LOGDATA-->&amp;redirect=<!--REDIRPAGE-->&amp;sid=<!--SID-->"> 180 <a href="http://fourisland.com/fourm/ucp.php?mode=log<!--LOGDATA-->&amp;redirect=<!--REDIRPAGE-->&amp;sid=<!--SID-->">
181 <img src="/theme/images/icons/door_in.png" alt="Log<!--LOGDATA-->" /> 181 <img src="/theme/images/icons/door_in.png" alt="Log<!--LOGDATA-->" />
182 <span>Log<!--LOGDATA--></span> 182 <span>Log<!--LOGDATA--></span>
183 </a> 183 </a>
184 </li> 184 </li>
185 <!--END MEMBERS--> 185 <!--END MEMBERS-->
186 186
187 <!--BEGIN ADMIN--> 187 <!--BEGIN ADMIN-->
188 <li<!--PANELACTIVE-->> 188 <li<!--PANELACTIVE-->>
189 <a href="http://fourisland.com/admin/"> 189 <a href="http://fourisland.com/admin/">
190 <img src="/theme/images/icons/rainbow.png" alt="Admin" /> 190 <img src="/theme/images/icons/rainbow.png" alt="Admin" />
191 <span>Admin</span> 191 <span>Admin</span>
192 </a> 192 </a>
193 </li> 193 </li>
194 <!--END ADMIN--> 194 <!--END ADMIN-->
195 </ul> 195 </ul>
196 196
197 <div id="window" class="rounded"> 197 <div id="window" class="rounded">
198 <div id="actual-content" class="rounded"> 198 <div id="actual-content" class="rounded">