diff options
author | Starla Insigna <hatkirby@fourisland.com> | 2009-08-09 13:46:55 -0400 |
---|---|---|
committer | Starla Insigna <hatkirby@fourisland.com> | 2009-08-09 13:46:55 -0400 |
commit | 6a1d5b60e6ec541a36727b84b71168f62221f7d7 (patch) | |
tree | ea7a39f74dd02d56290778ac1a7c04e059fedc90 /theme | |
parent | bd9b7db6bcaa83b376277ff324c905acbd9b9636 (diff) | |
download | fourisland-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.css | 13 | ||||
-rw-r--r-- | theme/header.tpl | 396 |
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 @@ | |||
1 | div#flash { | ||
2 | display: block; | ||
3 | } | ||
4 | |||
5 | div#window { | ||
6 | width: 100%; | ||
7 | background-color: #00ff00; | ||
8 | background-image: none; | ||
9 | } | ||
10 | |||
11 | div#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&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&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&fg=444444&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&fg=444444&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-->&redirect=<!--REDIRPAGE-->&sid=<!--SID-->"> | 180 | <a href="http://fourisland.com/fourm/ucp.php?mode=log<!--LOGDATA-->&redirect=<!--REDIRPAGE-->&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"> |