summary refs log tree commit diff stats
diff options
context:
space:
mode:
authorStarla Insigna <hatkirby@fourisland.com>2009-03-28 09:52:01 -0400
committerStarla Insigna <hatkirby@fourisland.com>2009-03-28 09:52:01 -0400
commit623c36e777ddf7566f338619a21c07e2f1775b71 (patch)
tree8d4306a72c63a533934c45351947b1b33c1476f7
parent142a61668c243e88c3ab8b1e9105602f5f97d348 (diff)
downloadfourisland-623c36e777ddf7566f338619a21c07e2f1775b71.tar.gz
fourisland-623c36e777ddf7566f338619a21c07e2f1775b71.tar.bz2
fourisland-623c36e777ddf7566f338619a21c07e2f1775b71.zip
Improved rendering in IE
Now, Four Island doesn't look downright disgusting in IE, even though there are still a couple more problems to be fixed. Also, a small amount of CSS
housekeeping was done.
-rwxr-xr-xincludes/header.php12
-rwxr-xr-xtheme/css/bubbles.css38
-rw-r--r--theme/css/ie.css31
-rwxr-xr-xtheme/css/website.css53
-rwxr-xr-xtheme/header.tpl46
5 files changed, 104 insertions, 76 deletions
diff --git a/includes/header.php b/includes/header.php index 8b9810a..427ad93 100755 --- a/includes/header.php +++ b/includes/header.php
@@ -24,12 +24,18 @@ require('headerproc.php');
24 24
25$headerTemp = new FITemplate('header'); 25$headerTemp = new FITemplate('header');
26 26
27if ((date('G') >= 20) || (date('G') <= 6)) 27if (!isset($_GET['emulateTime']))
28{ 28{
29 $bodyID = 'night'; 29 if ((date('G') >= 20) || (date('G') <= 6))
30 {
31 $bodyID = 'night';
32 } else {
33 $bodyID = 'day';
34 }
30} else { 35} else {
31 $bodyID = 'day'; 36 $bodyID = $_GET['emulateTime'];
32} 37}
38
33$headerTemp->add('BODYID',$bodyID); 39$headerTemp->add('BODYID',$bodyID);
34$headerTemp->add('CATEGORY',(isset($pageCategory)) ? $pageCategory : 'none'); 40$headerTemp->add('CATEGORY',(isset($pageCategory)) ? $pageCategory : 'none');
35$headerTemp->add('AID',(isset($pageAID)) ? $pageAID : 'none'); 41$headerTemp->add('AID',(isset($pageAID)) ? $pageAID : 'none');
diff --git a/theme/css/bubbles.css b/theme/css/bubbles.css index bf3445c..920b917 100755 --- a/theme/css/bubbles.css +++ b/theme/css/bubbles.css
@@ -1,4 +1,5 @@
1/* Normal Bubble */ 1/* Normal Bubble */
2
2div.bubble { 3div.bubble {
3 width: auto; 4 width: auto;
4 font-size: 0.75em; 5 font-size: 0.75em;
@@ -20,9 +21,9 @@ div.bubble blockquote div {
20 21
21div.bubble cite { 22div.bubble cite {
22 position: relative; 23 position: relative;
24 top: 6px;
23 margin: 0; 25 margin: 0;
24 padding: 7px 0px 0px 15px; 26 padding: 7px 0px 0px 15px;
25 top: 6px;
26 background: transparent url(/theme/images/tip.gif) no-repeat 20px 0; 27 background: transparent url(/theme/images/tip.gif) no-repeat 20px 0;
27 font-style: normal; 28 font-style: normal;
28 font-size: small; 29 font-size: small;
@@ -34,31 +35,36 @@ div.bubble div.rounded {
34 border: 3px solid #fff; 35 border: 3px solid #fff;
35 background-color: #b7e0ff; 36 background-color: #b7e0ff;
36} 37}
38
37div.bubble div.rounded blockquote, 39div.bubble div.rounded blockquote,
38div.bubble div.navbar-rounded blockquote { 40div.bubble div.navbar-rounded blockquote {
39 border: 0; 41 border: 0;
40 background-color: transparent; 42 background-color: transparent;
41} 43}
44
42div.bubble div.rounded blockquote div { 45div.bubble div.rounded blockquote div {
43 margin: 0px 10px; 46 margin: 0px 10px;
44} 47}
48
45div.bubble cite.rounded { 49div.bubble cite.rounded {
46 margin: 0px; 50 margin: 0px;
47 padding-left: 15px; 51 padding: 19px 0 0 15px;
48 padding-top: 19px;
49 background: transparent url(/theme/images/tip-rounded.gif) no-repeat 15px 0; 52 background: transparent url(/theme/images/tip-rounded.gif) no-repeat 15px 0;
50} 53}
51 54
52/* Pimped Bubble */ 55/* Pimped Bubble */
53div.pimped.bubble { 56
57div.pimped {
54 font-size: 0.9em; 58 font-size: 0.9em;
55} 59}
56div.pimped.bubble div.rounded { 60
61div.pimped div.rounded {
57 color: #fff; 62 color: #fff;
58 border: 3px solid #fff; 63 border: 3px solid #fff;
59 background-color: #111; 64 background-color: #111;
60} 65}
61div.pimped.bubble cite.rounded { 66
67div.pimped cite.rounded {
62 background: transparent url(/theme/images/tip-pimped.gif) no-repeat 15px 0; 68 background: transparent url(/theme/images/tip-pimped.gif) no-repeat 15px 0;
63} 69}
64 70
@@ -70,21 +76,9 @@ div.bubble div.bquote blockquote {
70} 76}
71 77
72.rounded { 78.rounded {
73 -moz-border-radius-topleft: 10px; 79 -moz-border-radius: 10px;
74 -moz-border-radius-topright: 10px; 80 -webkit-border-radius: 10px;
75 -moz-border-radius-bottomleft: 10px; 81 -khtml-border-radius: 10px;
76 -moz-border-radius-bottomright: 10px; 82 border-radius: 10px;
77 -webkit-border-top-left-radius: 10px;
78 -webkit-border-top-right-radius: 10px;
79 -webkit-border-bottom-left-radius: 10px;
80 -webkit-border-bottom-right-radius: 10px;
81 -khtml-border-top-left-radius: 10px;
82 -khtml-border-top-right-radius: 10px;
83 -khtml-border-bottom-left-radius: 10px;
84 -khtml-border-bottom-right-radius: 10px;
85 border-top-left-radius: 10px;
86 border-top-right-radius: 10px;
87 border-bottom-left-radius: 10px;
88 border-bottom-right-radius: 10px;
89 padding: 4px; 83 padding: 4px;
90} 84}
diff --git a/theme/css/ie.css b/theme/css/ie.css index 6903ed4..ad0ebcc 100644 --- a/theme/css/ie.css +++ b/theme/css/ie.css
@@ -8,8 +8,37 @@ dl.icon {
8 8
9#wrap { 9#wrap {
10 text-align: center; 10 text-align: center;
11 background:transparent;
12 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);
13 zoom: 1;
11} 14}
12 15
13#wrap * { 16#wrap #page-body {
14 text-align: left; 17 text-align: left;
15} 18}
19
20body#night #wrap {
21 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
22}
23
24div#fi-navbar ul li a {
25 position: relative;
26 top: -0.4em;
27}
28
29div.bubble cite {
30 position: static;
31 padding-top: 4px;
32}
33
34div.bubble cite.rounded {
35 padding-top: 13px;
36}
37
38div.pimped cite.rounded {
39 padding-top: 14px;
40}
41
42span.post-vote {
43 position: static;
44}
diff --git a/theme/css/website.css b/theme/css/website.css index 6b030fe..f0f2a0e 100755 --- a/theme/css/website.css +++ b/theme/css/website.css
@@ -1,9 +1,7 @@
1/* Four Island CSS */ 1/* Four Island CSS */
2 2
3body { 3body {
4 background-repeat: repeat-x; 4 background: repeat-x bottom left fixed;
5 background-attachment: fixed;
6 background-position: bottom left;
7 font-family: Arial, FreeSans; 5 font-family: Arial, FreeSans;
8 margin: 0px; 6 margin: 0px;
9 padding: 0px 0px 30px !important; 7 padding: 0px 0px 30px !important;
@@ -15,9 +13,15 @@ body.fourm {
15 13
16/* Effects */ 14/* Effects */
17 15
16/* NOTE: The ::selection and ::-moz-selection groups below, while
17 * containing the same code, do not, for some reason, work when put
18 * together
19 */
20
18::selection { 21::selection {
19 background: pink; 22 background: pink;
20} 23}
24
21::-moz-selection { 25::-moz-selection {
22 background: pink; 26 background: pink;
23} 27}
@@ -35,7 +39,7 @@ a:link {
35 text-decoration: none; 39 text-decoration: none;
36} 40}
37 41
38a:visited { 42a:visited, a:active {
39 color: blue; 43 color: blue;
40 text-decoration: none; 44 text-decoration: none;
41} 45}
@@ -48,11 +52,6 @@ a:hover, a:focus {
48 text-transform: capitalize; 52 text-transform: capitalize;
49} 53}
50 54
51a:active {
52 color: blue;
53 text-decoration: none;
54}
55
56a img { 55a img {
57 border: 0; 56 border: 0;
58} 57}
@@ -86,9 +85,7 @@ blockquote {
86 border-left: 3px solid #CCC; 85 border-left: 3px solid #CCC;
87 font-family: Helvetica, sans-serif; 86 font-family: Helvetica, sans-serif;
88 font-size: 14px; 87 font-size: 14px;
89 margin-top: 10px; 88 margin: 10px 0 10px 50px;
90 margin-bottom: 10px;
91 margin-left: 50px;
92} 89}
93 90
94pre { 91pre {
@@ -106,9 +103,7 @@ div#banner, div#fi-banner {
106} 103}
107 104
108div#banner { 105div#banner {
109 background-image: url("/theme/images/fourisland_header.png"); 106 background: white url("/theme/images/fourisland_header.png") center no-repeat;
110 background-position: center;
111 background-color: white;
112 width: 100%; 107 width: 100%;
113} 108}
114 109
@@ -139,6 +134,8 @@ div#fi-navbar {
139 width: auto; 134 width: auto;
140 margin-bottom: 14px; 135 margin-bottom: 14px;
141 font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif; 136 font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;
137 height: 1.9em;
138 clear: both;
142} 139}
143 140
144div#fi-navbar div { 141div#fi-navbar div {
@@ -147,8 +144,7 @@ div#fi-navbar div {
147} 144}
148 145
149div#fi-navbar ul { 146div#fi-navbar ul {
150 margin-top: .25em; 147 margin: .25em 0;
151 margin-bottom: .25em;
152 padding-left: 1em; 148 padding-left: 1em;
153 text-align: center; 149 text-align: center;
154} 150}
@@ -163,11 +159,8 @@ div#fi-navbar ul li+li:before {
163 content: " - "; 159 content: " - ";
164} 160}
165 161
166div#fi-navbar ul li img { 162div#fi-navbar ul li img,
167 display: none; 163div#fi-navbar ul li.active span {
168}
169
170div#fi-navbar ul li.active a {
171 display: none; 164 display: none;
172} 165}
173 166
@@ -175,8 +168,7 @@ div#fi-navbar ul li.active img {
175 display: inline; 168 display: inline;
176 background-color: white; 169 background-color: white;
177 outline: white solid .5em; 170 outline: white solid .5em;
178 margin-left: .5em; 171 margin: 0 .5em;
179 margin-right: .5em;
180} 172}
181 173
182div#fi-navbar div.bubble blockquote { 174div#fi-navbar div.bubble blockquote {
@@ -192,7 +184,7 @@ div#fi-navbar div.bubble blockquote a {
192 184
193div#rightbar { 185div#rightbar {
194 float: left; 186 float: left;
195 width: 250px; /*210*/ 187 width: 270px; /*210*/
196} 188}
197 189
198div.sidebar { 190div.sidebar {
@@ -241,7 +233,6 @@ div#sidebar li img {
241#wrap { 233#wrap {
242 width: 910px; 234 width: 910px;
243 margin: 10px auto; 235 margin: 10px auto;
244 text-align: left;
245 padding: 0; 236 padding: 0;
246 background-color: white; 237 background-color: white;
247 background-color: rgba(255, 255, 255, 0.5); 238 background-color: rgba(255, 255, 255, 0.5);
@@ -255,8 +246,7 @@ div#sidebar li img {
255} 246}
256 247
257body.fourm #page-body { 248body.fourm #page-body {
258 margin-left: 25; 249 margin: 0 10px 0 25px;
259 margin-right: 10;
260 width: 95%; 250 width: 95%;
261 font-size: 62.5%; 251 font-size: 62.5%;
262} 252}
@@ -298,8 +288,7 @@ div.cleardiv {
298 288
299div#footer { 289div#footer {
300 clear: both; 290 clear: both;
301 padding-bottom: 1em; 291 padding: .5em 0 1em 0;
302 padding-top: .5em;
303 margin-top: .5em; 292 margin-top: .5em;
304 text-align: center; 293 text-align: center;
305 font-size: .68em; 294 font-size: .68em;
@@ -384,7 +373,3 @@ table.webmail th {
384 background-color: #FF9912; 373 background-color: #FF9912;
385 text-align: left; 374 text-align: left;
386} 375}
387
388table.webmail td {
389 word-wrap: break-word;
390}
diff --git a/theme/header.tpl b/theme/header.tpl index bfefe44..2117d3d 100755 --- a/theme/header.tpl +++ b/theme/header.tpl
@@ -1,3 +1,5 @@
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2
1<HTML> 3<HTML>
2 <HEAD> 4 <HEAD>
3 <TITLE><!--EXTRATITLE-->Four Island</TITLE> 5 <TITLE><!--EXTRATITLE-->Four Island</TITLE>
@@ -26,14 +28,14 @@
26 </DIV> 28 </DIV>
27 </DIV> 29 </DIV>
28 30
29 <DIV CLASS="cleardiv" />
30
31 <DIV ID="fi-navbar"> 31 <DIV ID="fi-navbar">
32 <DIV> 32 <DIV>
33 <UL> 33 <UL>
34 <LI<!--HOMEACTIVE-->> 34 <LI<!--HOMEACTIVE-->>
35 <IMG SRC="/theme/images/icons/newspaper.png" ALT="Blog"> 35 <A HREF="http://fourisland.com/">
36 <A HREF="http://fourisland.com/">Blog</A> 36 <IMG SRC="/theme/images/icons/newspaper.png" ALT="Blog">
37 <SPAN>Blog</SPAN>
38 </A>
37 </LI> 39 </LI>
38 40
39 <LI> 41 <LI>
@@ -41,36 +43,48 @@
41 </LI> 43 </LI>
42 44
43 <LI<!--FOURMACTIVE-->> 45 <LI<!--FOURMACTIVE-->>
44 <IMG SRC="/theme/images/icons/comment.png" ALT="The Fourm"> 46 <A HREF="http://fourisland.com/fourm/">
45 <A HREF="http://fourisland.com/fourm/">The Fourm</A> 47 <IMG SRC="/theme/images/icons/comment.png" ALT="The Fourm">
48 <SPAN>The Fourm</SPAN>
49 </A>
46 </LI> 50 </LI>
47 51
48 <LI<!--WIKIACTIVE-->> 52 <LI<!--WIKIACTIVE-->>
49 <IMG SRC="/theme/images/icons/page_edit.png" ALT="Fouripedia"> 53 <A HREF="http://fourisland.com/wiki/">
50 <A HREF="http://fourisland.com/wiki/">Fouripedia</A> 54 <IMG SRC="/theme/images/icons/page_edit.png" ALT="Fouripedia">
55 <SPAN>Fouripedia</SPAN>
56 </A>
51 </LI> 57 </LI>
52 58
53 <LI<!--POLLACTIVE-->> 59 <LI<!--POLLACTIVE-->>
54 <IMG SRC="/theme/images/icons/overlays.png" ALT="Polls"> 60 <A HREF="http://fourisland.com/poll/">
55 <A HREF="http://fourisland.com/poll/">Polls</A> 61 <IMG SRC="/theme/images/icons/overlays.png" ALT="Polls">
62 <SPAN>Polls</SPAN>
63 </A>
56 </LI> 64 </LI>
57 65
58 <LI<!--QUOTESACTIVE-->> 66 <LI<!--QUOTESACTIVE-->>
59 <IMG SRC="/theme/images/icons/16-file-page.png" ALT="Quotes"> 67 <A HREF="http://fourisland.com/quotes/">
60 <A HREF="http://fourisland.com/quotes/">Quotes</A> 68 <IMG SRC="/theme/images/icons/16-file-page.png" ALT="Quotes">
69 <SPAN>Quotes</SPAN>
70 </A>
61 </LI> 71 </LI>
62 72
63 <!--BEGIN MEMBERS--> 73 <!--BEGIN MEMBERS-->
64 <LI<!--LOGACTIVE-->> 74 <LI<!--LOGACTIVE-->>
65 <IMG SRC="/theme/images/icons/door_in.png" ALT="Log<!--LOGDATA-->"> 75 <A HREF="http://fourisland.com/fourm/ucp.php?mode=log<!--LOGDATA-->&amp;redirect=<!--REDIRPAGE-->&amp;sid=<!--SID-->">
66 <A HREF="http://fourisland.com/fourm/ucp.php?mode=log<!--LOGDATA-->&amp;redirect=<!--REDIRPAGE-->&amp;sid=<!--SID-->">Log<!--LOGDATA--></A> 76 <IMG SRC="/theme/images/icons/door_in.png" ALT="Log<!--LOGDATA-->">
77 <SPAN>Log<!--LOGDATA--></SPAN>
78 </A>
67 </LI> 79 </LI>
68 <!--END MEMBERS--> 80 <!--END MEMBERS-->
69 81
70 <!--BEGIN ADMIN--> 82 <!--BEGIN ADMIN-->
71 <LI<!--PANELACTIVE-->> 83 <LI<!--PANELACTIVE-->>
72 <IMG SRC="/theme/images/icons/rainbow.png" ALT="Admin"> 84 <A HREF="http://fourisland.com/admin/">
73 <A HREF="http://fourisland.com/admin/">Admin</A> 85 <IMG SRC="/theme/images/icons/rainbow.png" ALT="Admin">
86 <SPAN>Admin</SPAN>
87 </A>
74 </LI> 88 </LI>
75 <!--END ADMIN--> 89 <!--END ADMIN-->
76 </UL> 90 </UL>