summary refs log tree commit diff stats
path: root/theme/css
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 /theme/css
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.
Diffstat (limited to 'theme/css')
-rwxr-xr-xtheme/css/bubbles.css38
-rw-r--r--theme/css/ie.css31
-rwxr-xr-xtheme/css/website.css53
3 files changed, 65 insertions, 57 deletions
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}