summary refs log tree commit diff stats
path: root/theme/css
diff options
context:
space:
mode:
Diffstat (limited to 'theme/css')
-rw-r--r--theme/css/blog.php18
-rwxr-xr-xtheme/css/bubbles.css91
-rwxr-xr-xtheme/css/day.css4
-rwxr-xr-xtheme/css/holiday.php43
-rw-r--r--theme/css/ie.css44
-rwxr-xr-xtheme/css/night.css25
-rwxr-xr-xtheme/css/print.css38
-rw-r--r--theme/css/quotes.css61
-rw-r--r--[-rwxr-xr-x]theme/css/website.css458
9 files changed, 386 insertions, 396 deletions
diff --git a/theme/css/blog.php b/theme/css/blog.php index bef21dd..4c69e57 100644 --- a/theme/css/blog.php +++ b/theme/css/blog.php
@@ -21,6 +21,8 @@
21if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);} 21if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);}
22 22
23require('headerproc.php'); 23require('headerproc.php');
24include_once('../../security/config.php');
25include_once('../includes/db.php');
24 26
25?> 27?>
26 28
@@ -82,13 +84,14 @@ span.post-day {
82div.post-title { 84div.post-title {
83 float: left; 85 float: left;
84 margin-left: 10px; 86 margin-left: 10px;
85 width: 500px; /* 430px */ 87 width: 90%; /* 500px */
86} 88}
87 89
88div.entry { 90div.entry {
89 clear: both; 91 clear: both;
90 padding-top: 10px; 92 padding-top: 10px;
91 font: 75%/150% Arial, "Trebuchet MS", Tahoma; 93 /*font-size: 75%;
94 line-height: 150%;*/
92} 95}
93 96
94div.entry ol, 97div.entry ol,
@@ -218,5 +221,14 @@ div.post-date-4 {
218span.post-vote { 221span.post-vote {
219 float: right; 222 float: right;
220 position: relative; 223 position: relative;
221 top: -10px; 224 top: -2em;
225 right: 1em;
226}
227
228span.post-rating {
229 font-size: big;
230}
231
232span.post-action-done {
233 opacity: 0.2;
222} 234}
diff --git a/theme/css/bubbles.css b/theme/css/bubbles.css index 920b917..fb2c6d0 100755 --- a/theme/css/bubbles.css +++ b/theme/css/bubbles.css
@@ -1,27 +1,14 @@
1/* Normal Bubble */ 1.rounded {
2 2 -moz-border-radius: 10px;
3div.bubble { 3 -webkit-border-radius: 10px;
4 width: auto; 4 -khtml-border-radius: 10px;
5 font-size: 0.75em; 5 border-radius: 10px;
6 margin-bottom: 14px; 6 padding: 4px;
7 font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
8}
9
10div.bubble blockquote {
11 margin: 0px;
12 padding: 0px;
13 border: 1px solid #c9c2c1;
14 background-color: #fff;
15}
16
17div.bubble blockquote div {
18 margin: 10px;
19 padding: 0px;
20} 7}
21 8
22div.bubble cite { 9div.module + cite {
23 position: relative; 10 position: relative;
24 top: 6px; 11 top: -1em;
25 margin: 0; 12 margin: 0;
26 padding: 7px 0px 0px 15px; 13 padding: 7px 0px 0px 15px;
27 background: transparent url(/theme/images/tip.gif) no-repeat 20px 0; 14 background: transparent url(/theme/images/tip.gif) no-repeat 20px 0;
@@ -29,56 +16,46 @@ div.bubble cite {
29 font-size: small; 16 font-size: small;
30} 17}
31 18
32/* Rounded Bubble */ 19div.module.unrounded + cite {
33div.bubble div.rounded { 20 top: -0.9em;
34 margin-bottom: 10px;
35 border: 3px solid #fff;
36 background-color: #b7e0ff;
37}
38
39div.bubble div.rounded blockquote,
40div.bubble div.navbar-rounded blockquote {
41 border: 0;
42 background-color: transparent;
43} 21}
44 22
45div.bubble div.rounded blockquote div { 23div.module.bquote + cite {
46 margin: 0px 10px; 24 top: -0.8em;
47} 25}
48 26
49div.bubble cite.rounded { 27div.module.rounded + cite {
50 margin: 0px; 28 margin: 0px;
51 padding: 19px 0 0 15px;
52 background: transparent url(/theme/images/tip-rounded.gif) no-repeat 15px 0; 29 background: transparent url(/theme/images/tip-rounded.gif) no-repeat 15px 0;
53} 30}
54 31
55/* Pimped Bubble */ 32div.module.pimped {
56
57div.pimped {
58 font-size: 0.9em;
59}
60
61div.pimped div.rounded {
62 color: #fff; 33 color: #fff;
63 border: 3px solid #fff; 34 border: 3px solid #fff;
64 background-color: #111; 35 background-color: #111 !important;
36 padding-top: 5px;
37 padding-bottom: 5px;
65} 38}
66 39
67div.pimped cite.rounded { 40div.module.pimped + cite {
68 background: transparent url(/theme/images/tip-pimped.gif) no-repeat 15px 0; 41 background: transparent url(/theme/images/tip-pimped.gif) no-repeat 20px 0;
69} 42}
70 43
71div.bubble div.bquote blockquote { 44div.module {
72 margin: 0; 45 margin: auto 10px 14px 10px;
73 padding: 4px 0; 46 margin-left: 10px;
74 border: 1px solid #c9c2c1; 47 margin-right: 10px;
75 background-color: #fff; 48 font-size: 0.9em;
49 background-color: #B7E0FF !important;
50 border: 3px solid #FFFFFF;
76} 51}
77 52
78.rounded { 53div.module.unrounded {
79 -moz-border-radius: 10px; 54 background-color: white !important;
80 -webkit-border-radius: 10px; 55 border: 1px solid #c9c2c1 !important;
81 -khtml-border-radius: 10px; 56 padding: 5px;
82 border-radius: 10px; 57}
83 padding: 4px; 58
59div.module.sidebar {
60 width: 250px;
84} 61}
diff --git a/theme/css/day.css b/theme/css/day.css deleted file mode 100755 index 16fc9a6..0000000 --- a/theme/css/day.css +++ /dev/null
@@ -1,4 +0,0 @@
1body {
2 background-color: aqua;
3 background-image: url(/theme/images/backgrounds/island6.PNG);
4}
diff --git a/theme/css/holiday.php b/theme/css/holiday.php index 65c1826..a1639c7 100755 --- a/theme/css/holiday.php +++ b/theme/css/holiday.php
@@ -21,6 +21,9 @@
21if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);} 21if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);}
22 22
23require('headerproc.php'); 23require('headerproc.php');
24include('../includes/specialdates.php');
25
26$bgcolor='aqua';
24 27
25if (sd_isSpecialDay('Four Island A')) 28if (sd_isSpecialDay('Four Island A'))
26{ 29{
@@ -93,20 +96,44 @@ if (sd_isSpecialDay('Four Island A'))
93} elseif (sd_isSpecialDay('Valentines Day')) 96} elseif (sd_isSpecialDay('Valentines Day'))
94{ 97{
95 $bgimgm = 'valentines'; 98 $bgimgm = 'valentines';
99} else {
100 $bgimgm = 'island6';
101}
102
103?>
104
105div#window {
106 background-color: <?php echo($bgcolor); ?>;
107 background-image: url(/theme/images/backgrounds/<?php echo($bgimgm); ?>.PNG);
108 background-position: bottom left;
109 background-repeat: repeat-x;
110 background-attachment: fixed;
111 padding: 0 !important;
96} 112}
97 113
98$bodyID = $_GET['id']; 114<?php
99if (!isset($bgcolor)) 115
116if ($bgcolor == 'aqua')
100{ 117{
101 $bgcolor='aqua'; 118?>
102 119
103 include("css/day.css"); 120div#content div#actual-content {
104} else { 121 background-color: rgba(255, 255, 255, 0.5);
105 include("css/night.css");
106} 122}
107 123
124<?php
125} else {
108?> 126?>
109 127
110body { 128div#content div#actual-content {
111 background-image: url(/theme/images/backgrounds/<?php echo($bgimgm); ?>.PNG) !important; 129 background-color: rgba(0, 0, 0, 0.75);
112} 130}
131
132.light-at-night {
133 color: #536482;
134}
135
136<?php
137}
138
139?>
diff --git a/theme/css/ie.css b/theme/css/ie.css deleted file mode 100644 index ad0ebcc..0000000 --- a/theme/css/ie.css +++ /dev/null
@@ -1,44 +0,0 @@
1body * {
2 overflow: hidden;
3}
4
5dl.icon {
6 height: 50px;
7}
8
9#wrap {
10 text-align: center;
11 background:transparent;
12 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);
13 zoom: 1;
14}
15
16#wrap #page-body {
17 text-align: left;
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/night.css b/theme/css/night.css deleted file mode 100755 index 222b1d4..0000000 --- a/theme/css/night.css +++ /dev/null
@@ -1,25 +0,0 @@
1body {
2 background-color: black;
3 background-image: url(/theme/images/backgrounds/island6night.PNG);
4}
5
6div#wrap {
7 background-color: rgba(0, 0, 0, 0.75);
8}
9
10div#banner {
11 background-color: black;
12 background-image: url(/theme/images/fourisland_header_night.png);
13}
14
15div#fi-navbar ul li.active img {
16 background-color: black;
17 outline: black solid .5em;
18}
19
20#rightbar .sidebar .pimped cite,
21.post .entry .bubble cite,
22#footer,
23body.quotes #content {
24 color: #555555;
25}
diff --git a/theme/css/print.css b/theme/css/print.css index ce872e0..ef7959a 100755 --- a/theme/css/print.css +++ b/theme/css/print.css
@@ -1,36 +1,34 @@
1body { 1div#sidebar, div#footer .foot-module, div#newComment {
2 width: 100% !important;
3}
4
5div#footer, div#rightbar, div#push {
6 display: none; 2 display: none;
7} 3}
8 4
9div#banner { 5div#content div#window, div#content div#actual-content {
10 background-image: none; 6 background-color: white;
11 height: auto !important; 7 padding: 0;
8 -moz-border-radius: 0;
9 -webkit-border-radius: 0;
10 -khtml-border-radius: 0;
11 border-radius: 0;
12 margin: 0;
12} 13}
13 14
14div#banner h1 a {
15 text-indent: 0 !important;
16 color: black;
17 text-align: center;
18 height: auto !important;
19}
20
21span.print {
22 display: inline;
23}
24
25div#cleardiv { 15div#cleardiv {
26 clear: none; 16 clear: none;
27} 17}
28 18
29div#content { 19div#content {
30 width: 100%; 20 width: 95%;
31} 21}
32 22
33div.post-title { 23div.post-title {
34 width: 90%; 24 width: 90%;
35} 25}
36 26
27div#banner a {
28 text-indent: 0 !important;
29 color: black;
30 text-align: center;
31 height: auto !important;
32 font-size: 4em;
33 padding-top: 1em;
34}
diff --git a/theme/css/quotes.css b/theme/css/quotes.css new file mode 100644 index 0000000..72d5189 --- /dev/null +++ b/theme/css/quotes.css
@@ -0,0 +1,61 @@
1ul.quote-list {
2 list-style-type: none;
3}
4
5li.quote {
6 margin: 0 0 1em;
7 padding-bottom: 0.1em;
8 background-color: #FCFCFC;
9}
10
11h3.quote-header {
12 background-color: #F7F7F7;
13 border: 1px solid #F4F4F4;
14 margin: 0;
15 padding: 0.25em 0.75em;
16}
17
18li.quote, h3.quote-header {
19 -moz-border-radius-topleft: 0.5em;
20 -moz-border-radius-topright: 0.5em;
21 -webkit-border-top-left-radius: 0.5em;
22 -webkit-border-top-right-radius: 0.5em;
23 -khtml-border-top-left-radius: 0.5em;
24 -khtml-border-top-right-radius: 0.5em;
25 border-top-left-radius: 0.5em;
26 border-top-right-radius: 0.5em;
27}
28
29span.quote-date {
30 font-size: 70%;
31}
32
33blockquote.quote-body {
34 font-family: Consolas, Monaco, Courier New, monospace;
35 font-size: 12px;
36 margin: 0.5em 0.75em;
37 padding: 0;
38 position: static;
39 width: 100%;
40}
41
42ul.quote-list li:hover {
43 background: #FFFCEC;
44}
45
46ul.quote-list li:hover h3.quote-header {
47 background: #FEC;
48 border-color: #FFE9C9;
49}
50
51span.quote-action-done {
52 opacity: 0.2;
53}
54
55span.quote-update-result {
56 float: right;
57 text-transform: uppercase;
58 font-size: 70%;
59 position: relative;
60 top: -1.2em;
61}
diff --git a/theme/css/website.css b/theme/css/website.css index f0f2a0e..145bcdf 100755..100644 --- a/theme/css/website.css +++ b/theme/css/website.css
@@ -1,14 +1,6 @@
1/* Four Island CSS */ 1* {
2 2 margin: 0;
3body { 3 padding: 0;
4 background: repeat-x bottom left fixed;
5 font-family: Arial, FreeSans;
6 margin: 0px;
7 padding: 0px 0px 30px !important;
8}
9
10body.fourm {
11 font-family: Verdana, Helvetica, Arial, sans-serif;
12} 4}
13 5
14/* Effects */ 6/* Effects */
@@ -27,349 +19,345 @@ body.fourm {
27} 19}
28 20
29form textarea:focus, form input:focus { 21form textarea:focus, form input:focus {
30 border: 2px solid #900; 22 border: 2px solid #900;
31 background-color: #FEFFB2; 23 background-color: #FEFFB2;
32} 24}
33 25
34/* Links */ 26/* Links */
35 27
36a:link { 28a:link {
37 color: blue; 29 color: blue;
38 font-weight: bold; 30 font-weight: bold;
39 text-decoration: none; 31 text-decoration: none;
40} 32}
41 33
42a:visited, a:active { 34a:visited, a:active {
43 color: blue; 35 color: blue;
44 text-decoration: none; 36 text-decoration: none;
45} 37}
46 38
47a:hover, a:focus { 39a:hover, a:focus {
48 color: blue; 40 color: blue;
49 font-weight: bold; 41 font-weight: bold;
50 text-decoration: none; 42 text-decoration: none;
51 font-variant: small-caps; 43 font-variant: small-caps;
52 text-transform: capitalize; 44 text-transform: capitalize;
53} 45}
54 46
55a img { 47a img {
56 border: 0; 48 border: 0;
57} 49}
58 50
59/* Random Elements */ 51/* Body */
60 52
61* { 53body {
62 margin:0pt; 54 font-family: "Lucida Grande", "Arial", sans;
63 padding:0pt; 55 background-color: #111;
64} 56}
65 57
66p {margin-top: 1em;} 58div#header {
67ul, ol {margin-top: 1em; margin-bottom: 1em} 59 width: 100%;
68 60 height: 200px;
69img.center, img[align="center"] { 61 background-image: url(http://fourisland.com/theme/images/header-repeat.png);
70 display: block; 62 background-repeat: repeat-x;
71 margin-left: auto;
72 margin-right: auto;
73} 63}
74 64
75acronym, abbr, span.caps { 65div#banner {
76 cursor: help; 66 width: 800px;
67 height: 200px;
68 margin: 0 auto;
69 background-image: url(http://fourisland.com/theme/images/header.png);
70 background-position: bottom right;
77} 71}
78 72
79acronym, abbr { 73div#header a {
80 border-bottom: 1px dashed #999; 74 width: 800px;
75 height: 200px;
76 text-indent: -5000px;
77 display: block;
81} 78}
82 79
83blockquote { 80div#sidebar {
84 padding-left: 10px; 81 width: 21%;
85 border-left: 3px solid #CCC; 82 float: left;
86 font-family: Helvetica, sans-serif;
87 font-size: 14px;
88 margin: 10px 0 10px 50px;
89} 83}
90 84
91pre { 85div#content {
92 line-height: 12px; 86 width: 69%;
87 float: right;
88 padding-left: 5%;
89 padding-right: 5%;
90 padding-top: 20px;
93} 91}
94 92
95/* Banner */ 93div#content div.rounded {
96 94 padding: 10px;
97div#banner, div#fi-banner {
98 background-repeat: no-repeat;
99 width: 900px; /*728*/
100 height: 200px;
101 float: left;
102/* margin-top: 21px; */
103} 95}
104 96
105div#banner { 97div#footer {
106 background: white url("/theme/images/fourisland_header.png") center no-repeat; 98 width: 100%;
107 width: 100%; 99 padding-top: 20px;
100 padding-bottom: 20px;
108} 101}
109 102
110body div#banner h1, body div#fi-banner h1 { 103div#footer div.foot-module {
111 margin: 0; 104 margin: 0 auto;
105 float: left;
106 width: 20%;
107 margin-left: 4%;
108 color: white;
109 font-size: 0.9em;
112} 110}
113 111
114body div#banner h1 a, body div#fi-banner h1 a { 112div#footer a {
115 display: block; 113 color: white;
116 width: 900px; 114 border-bottom: 1px dotted white;
117 height: 200px;
118 text-indent: -5000px;
119 text-decoration: none;
120 margin: 0;
121} 115}
122 116
123div#banner h1, div#fi-banner h1 { 117div#footer div.foot-module ul {
124 margin: 0; 118 list-style-type: square;
125 font-size: 3.0em;
126 font-weight: normal;
127} 119}
128 120
129/* NavBar */ 121div#footer p {
130 122 font-size: 0.5em;
131div#fi-navbar { 123 color: white;
132 position: relative; 124 text-align: center;
133 background-color: #b7e0ff;
134 width: auto;
135 margin-bottom: 14px;
136 font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;
137 height: 1.9em;
138 clear: both;
139} 125}
140 126
141div#fi-navbar div { 127div#page-content {
142 padding: .001em 0; 128 background-color: #00ff00; /*#8B4513;*/
143 margin: 10px; 129 padding-bottom: 10px;
144} 130}
145 131
146div#fi-navbar ul { 132body[id^=fourm] div#page div#content code {
147 margin: .25em 0; 133 display: block;
148 padding-left: 1em; 134 border: solid black 1px;
149 text-align: center; 135 background-color: #FFFF64;
136 width: 485px;
137 overflow: visible;
150} 138}
151 139
152div#fi-navbar ul li { 140body[id^=fourm] div#content h2 {
153 display: inline; 141 color: #59770e;
154 font-family: Verdana, sans-serif; 142 margin: 0px 0px 2px;
155 font-size: 1.1em; 143 border-bottom: 1px dotted #CCCCCC;
144 letter-spacing: -1px;
145 font-size: 140%;
146 padding-bottom: 3px;
156} 147}
157 148
158div#fi-navbar ul li+li:before { 149body#fourm div#actual-content {
159 content: " - "; 150 font-size: 60%;
160} 151}
161 152
162div#fi-navbar ul li img, 153ul#navbar {
163div#fi-navbar ul li.active span { 154 text-align: center;
164 display: none; 155 margin-top: 0;
165} 156}
166 157
167div#fi-navbar ul li.active img { 158ul#navbar li {
168 display: inline; 159 display: inline;
169 background-color: white; 160 font-family: Verdana, sans-serif;
170 outline: white solid .5em; 161 font-size: 1.1em;
171 margin: 0 .5em;
172} 162}
173 163
174div#fi-navbar div.bubble blockquote { 164ul#navbar li+li:before {
175 background: none; 165 content: " - ";
176 font-size: 0.9em;
177} 166}
178 167
179div#fi-navbar div.bubble blockquote a { 168ul#navbar li img, ul#navbar li.active span {
180 color: blue; 169 display: none;
181} 170}
182 171
183/* Sidebar */ 172ul#navbar li.active img {
184 173 display: inline;
185div#rightbar { 174 background-color: white;
186 float: left; 175 outline: white solid .5em;
187 width: 270px; /*210*/ 176 margin: 0 .5em;
188} 177}
189 178
190div.sidebar { 179.invisible {
191 width: 250px; /*250*/ /*240*/ /*210*/ 180 display: none;
192 padding: 0 10px;
193 margin-bottom: 5px;
194} 181}
195 182
196div.sidebar h3 { 183a img {
197 font-family: Verdana, Helvetica, Arial, sans-serif; 184 border: 0;
198 margin: 5px 0 0 0;
199 font-weight: bold;
200 color: #333333;
201} 185}
202 186
203div.sidebar p { 187p {
204 font-size: 0.8em; 188 margin-top: 1em;
205 margin: 3px 0;
206} 189}
207 190
208div.sidebar ul { 191ul, ol {
209 list-style-type: none; 192 margin-top: 1em;
210 padding: 0; 193 margin-bottom: 1em;
211 margin: 0;
212 line-height: normal !important;
213 list-style-image: none !important;
214}
215
216div#sidebar ul li {
217 margin-top: 4px;
218} 194}
219 195
220div#sidebar ul li a { 196.center, img[align="center"] {
221 display: block; 197 display: block;
222 width: 230px; 198 margin: 0 auto !important;
223} 199}
224 200
225div#sidebar li img { 201acronym, abbr, span.caps {
226 border: 0; 202 cursor: help;
227 height: 16px;
228 width: 16px;
229} 203}
230 204
231/* Layout */ 205acronym, abbr {
206 border-bottom: 1px dashed #999;
207}
232 208
233#wrap { 209pre {
234 width: 910px; 210 background: #eee;
235 margin: 10px auto; 211 padding: 10px;
236 padding: 0; 212 border: 2px solid #c94a29;
237 background-color: white; 213 overflow: auto;
238 background-color: rgba(255, 255, 255, 0.5); 214 margin: 15px 0;
239 border: 4px solid gray; 215 font-family: Courier, Monospace;
240} 216}
241 217
242#page-body { 218ul pre, ol pre {
243 margin: 0 30px; 219 margin-left: -3em;
244 clear: both;
245 position: relative;
246} 220}
247 221
248body.fourm #page-body { 222div.autosize {
249 margin: 0 10px 0 25px; 223 margin-bottom: 6px !important;
250 width: 95%;
251 font-size: 62.5%;
252} 224}
253 225
254#phpBB3-page-body { 226ul blockquote, ol blockquote {
255 margin: 4px 0 !important; 227 position: relative;
256 clear: both; 228 left: -3em;
229 width: 110%;
257} 230}
258 231
259/* Content */ 232.comment ul, .comment ol {
260 233 margin-left: 3em;
261div#content {
262 float: right;
263 width: 555px; /*465*/ /*555*/
264} 234}
265 235
266body#day div#page div#content code { 236ul div.bquote blockquote, ol div.bquote blockquote {
267 display: block; 237 left: 0;
268 border: solid black 1px;
269 background-color: #FFFF64;
270 width: 485px;
271 overflow: visible;
272} 238}
273 239
274div#content h2 { 240li+br {
275 color: #59770e; 241 display: none;
276 margin: 0px 0px 2px;
277 border-bottom: 1px dotted #CCCCCC;
278 letter-spacing: -1px;
279 font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
280 padding-bottom: 3px;
281} 242}
282 243
283/* Random Divs/Spans */ 244/* Tables */
284 245
285div.cleardiv { 246table.webmail {
286 clear: both; 247 border: 0;
287} 248 width: 100%;
288
289div#footer {
290 clear: both;
291 padding: .5em 0 1em 0;
292 margin-top: .5em;
293 text-align: center;
294 font-size: .68em;
295 border-top: 1px black solid;
296} 249}
297 250
298div#footer ul.rows li { 251table.webmail, table.webmail td {
299 display: list-item; 252 border-spacing: 0;
300} 253}
301 254
302div#footer ul { 255table.webmail tr {
303 padding: 0; 256 background-color: #3CE4ED;
304 margin: 0;
305 list-style-type: none;
306} 257}
307 258
308div#footer ul li { 259table.webmail tr.even {
309 display: inline; 260 background-color: #39B7CD;
310 margin-right: 1em;
311} 261}
312 262
313div#footer ul li img { 263table.webmail th {
314 width: 20px; 264 background-color: #FF9912;
315 height: 20px; 265 text-align: left;
316 vertical-align: top;
317} 266}
318 267
319div#content ul { 268/* Sidebar */
320 list-style: url(/theme/images/bullet_disk_big.png); 269
270div#rightbar {
271 float: left;
272 width: 270px; /*210*/
321} 273}
322 274
323div#content a img { 275div.sidebar {
324 border: solid transparent 1px; 276 width: 250px; /*250*/ /*240*/ /*210*/
277 padding: 0 10px;
278 margin-bottom: 5px;
325} 279}
326 280
327div#content a:hover img { 281div.sidebar h3 {
328 border: dashed gray 1px; 282 font-family: Verdana, Helvetica, Arial, sans-serif;
283 margin: 5px 0 0 0;
284 font-weight: bold;
285 color: #333333;
329} 286}
330 287
331div#hatbar.quotes-options ul { 288div.sidebar p {
332 list-style: none; 289 font-size: 0.8em;
290 margin: 3px 0;
333} 291}
334 292
335div.autosize { 293div#sidebar ul.hatnav {
336 margin-bottom: 6px !important; 294 list-style-type: none;
295 padding-left: 24px;
296 margin-top: 0 !important;
297 line-height: normal !important;
298 list-style-image: none !important;
337} 299}
338 300
339ul blockquote, ol blockquote { 301div#sidebar ul {
340 position: relative; 302 list-style-type: none;
341 left: -3em; 303}
342 width: 110%; 304
305div#sidebar ul.hatnav li {
306 text-align: right;
307 border: 1px gray solid;
308 padding-top: 2px;
309 padding-bottom: 2px;
310 background-color: #111;
311 color: white;
312}
313
314div#sidebar ul.hatnav li a {
315 display: block;
316 width: 230px;
317 color: white;
343} 318}
344 319
345li+br { 320div#sidebar li img {
346 display: none; 321 border: 0;
322 height: 16px;
323 width: 16px;
347} 324}
348 325
349.invisible { 326div#sidebar ul.hatnav li.active {
350 display: none; 327 background-color:#00FF00;
328 border: none;
351} 329}
352 330
353/* Tables */ 331div#sidebar ul.hatnav li:hover {
332 background-color:yellow;
333 border: none;
334}
354 335
355table.webmail { 336div#sidebar ul li.active a, div#sidebar ul li a:hover {
356 border: 0; 337 color: black;
357 width: 100%;
358} 338}
359 339
360table.webmail, table.webmail td { 340div.cleardiv {
361 border-spacing: 0; 341 clear: both;
362} 342}
363 343
364table.webmail tr { 344.nobr {
365 background-color: #3CE4ED; 345 white-space: nowrap;
366} 346}
367 347
368table.webmail tr.even { 348textarea {
369 background-color: #39B7CD; 349 width: 99%;
370} 350}
371 351
372table.webmail th { 352div#flash {
373 background-color: #FF9912; 353 position: fixed;
374 text-align: left; 354 left: 0;
355 top: 0;
356 width: 100%;
357 background-color: yellow;
358 padding: 10px 0;
359 text-align: center;
360 border-bottom: 1px solid black;
361 display: none;
362 z-index: 9999;
375} 363}