diff options
Diffstat (limited to 'theme/css')
-rw-r--r-- | theme/css/blog.php | 18 | ||||
-rwxr-xr-x | theme/css/bubbles.css | 91 | ||||
-rwxr-xr-x | theme/css/day.css | 4 | ||||
-rwxr-xr-x | theme/css/holiday.php | 43 | ||||
-rw-r--r-- | theme/css/ie.css | 44 | ||||
-rwxr-xr-x | theme/css/night.css | 25 | ||||
-rwxr-xr-x | theme/css/print.css | 38 | ||||
-rw-r--r-- | theme/css/quotes.css | 61 | ||||
-rw-r--r--[-rwxr-xr-x] | theme/css/website.css | 458 |
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 @@ | |||
21 | if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);} | 21 | if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);} |
22 | 22 | ||
23 | require('headerproc.php'); | 23 | require('headerproc.php'); |
24 | include_once('../../security/config.php'); | ||
25 | include_once('../includes/db.php'); | ||
24 | 26 | ||
25 | ?> | 27 | ?> |
26 | 28 | ||
@@ -82,13 +84,14 @@ span.post-day { | |||
82 | div.post-title { | 84 | div.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 | ||
88 | div.entry { | 90 | div.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 | ||
94 | div.entry ol, | 97 | div.entry ol, |
@@ -218,5 +221,14 @@ div.post-date-4 { | |||
218 | span.post-vote { | 221 | span.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 | |||
228 | span.post-rating { | ||
229 | font-size: big; | ||
230 | } | ||
231 | |||
232 | span.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; | |
3 | div.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 | |||
10 | div.bubble blockquote { | ||
11 | margin: 0px; | ||
12 | padding: 0px; | ||
13 | border: 1px solid #c9c2c1; | ||
14 | background-color: #fff; | ||
15 | } | ||
16 | |||
17 | div.bubble blockquote div { | ||
18 | margin: 10px; | ||
19 | padding: 0px; | ||
20 | } | 7 | } |
21 | 8 | ||
22 | div.bubble cite { | 9 | div.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 */ | 19 | div.module.unrounded + cite { |
33 | div.bubble div.rounded { | 20 | top: -0.9em; |
34 | margin-bottom: 10px; | ||
35 | border: 3px solid #fff; | ||
36 | background-color: #b7e0ff; | ||
37 | } | ||
38 | |||
39 | div.bubble div.rounded blockquote, | ||
40 | div.bubble div.navbar-rounded blockquote { | ||
41 | border: 0; | ||
42 | background-color: transparent; | ||
43 | } | 21 | } |
44 | 22 | ||
45 | div.bubble div.rounded blockquote div { | 23 | div.module.bquote + cite { |
46 | margin: 0px 10px; | 24 | top: -0.8em; |
47 | } | 25 | } |
48 | 26 | ||
49 | div.bubble cite.rounded { | 27 | div.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 */ | 32 | div.module.pimped { |
56 | |||
57 | div.pimped { | ||
58 | font-size: 0.9em; | ||
59 | } | ||
60 | |||
61 | div.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 | ||
67 | div.pimped cite.rounded { | 40 | div.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 | ||
71 | div.bubble div.bquote blockquote { | 44 | div.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 { | 53 | div.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 | |
59 | div.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 @@ | |||
1 | body { | ||
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 @@ | |||
21 | if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);} | 21 | if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);} |
22 | 22 | ||
23 | require('headerproc.php'); | 23 | require('headerproc.php'); |
24 | include('../includes/specialdates.php'); | ||
25 | |||
26 | $bgcolor='aqua'; | ||
24 | 27 | ||
25 | if (sd_isSpecialDay('Four Island A')) | 28 | if (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 | |||
105 | div#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 |
99 | if (!isset($bgcolor)) | 115 | |
116 | if ($bgcolor == 'aqua') | ||
100 | { | 117 | { |
101 | $bgcolor='aqua'; | 118 | ?> |
102 | 119 | ||
103 | include("css/day.css"); | 120 | div#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 | ||
110 | body { | 128 | div#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 @@ | |||
1 | body * { | ||
2 | overflow: hidden; | ||
3 | } | ||
4 | |||
5 | dl.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 | |||
20 | body#night #wrap { | ||
21 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); | ||
22 | } | ||
23 | |||
24 | div#fi-navbar ul li a { | ||
25 | position: relative; | ||
26 | top: -0.4em; | ||
27 | } | ||
28 | |||
29 | div.bubble cite { | ||
30 | position: static; | ||
31 | padding-top: 4px; | ||
32 | } | ||
33 | |||
34 | div.bubble cite.rounded { | ||
35 | padding-top: 13px; | ||
36 | } | ||
37 | |||
38 | div.pimped cite.rounded { | ||
39 | padding-top: 14px; | ||
40 | } | ||
41 | |||
42 | span.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 @@ | |||
1 | body { | ||
2 | background-color: black; | ||
3 | background-image: url(/theme/images/backgrounds/island6night.PNG); | ||
4 | } | ||
5 | |||
6 | div#wrap { | ||
7 | background-color: rgba(0, 0, 0, 0.75); | ||
8 | } | ||
9 | |||
10 | div#banner { | ||
11 | background-color: black; | ||
12 | background-image: url(/theme/images/fourisland_header_night.png); | ||
13 | } | ||
14 | |||
15 | div#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, | ||
23 | body.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 @@ | |||
1 | body { | 1 | div#sidebar, div#footer .foot-module, div#newComment { |
2 | width: 100% !important; | ||
3 | } | ||
4 | |||
5 | div#footer, div#rightbar, div#push { | ||
6 | display: none; | 2 | display: none; |
7 | } | 3 | } |
8 | 4 | ||
9 | div#banner { | 5 | div#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 | ||
14 | div#banner h1 a { | ||
15 | text-indent: 0 !important; | ||
16 | color: black; | ||
17 | text-align: center; | ||
18 | height: auto !important; | ||
19 | } | ||
20 | |||
21 | span.print { | ||
22 | display: inline; | ||
23 | } | ||
24 | |||
25 | div#cleardiv { | 15 | div#cleardiv { |
26 | clear: none; | 16 | clear: none; |
27 | } | 17 | } |
28 | 18 | ||
29 | div#content { | 19 | div#content { |
30 | width: 100%; | 20 | width: 95%; |
31 | } | 21 | } |
32 | 22 | ||
33 | div.post-title { | 23 | div.post-title { |
34 | width: 90%; | 24 | width: 90%; |
35 | } | 25 | } |
36 | 26 | ||
27 | div#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 @@ | |||
1 | ul.quote-list { | ||
2 | list-style-type: none; | ||
3 | } | ||
4 | |||
5 | li.quote { | ||
6 | margin: 0 0 1em; | ||
7 | padding-bottom: 0.1em; | ||
8 | background-color: #FCFCFC; | ||
9 | } | ||
10 | |||
11 | h3.quote-header { | ||
12 | background-color: #F7F7F7; | ||
13 | border: 1px solid #F4F4F4; | ||
14 | margin: 0; | ||
15 | padding: 0.25em 0.75em; | ||
16 | } | ||
17 | |||
18 | li.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 | |||
29 | span.quote-date { | ||
30 | font-size: 70%; | ||
31 | } | ||
32 | |||
33 | blockquote.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 | |||
42 | ul.quote-list li:hover { | ||
43 | background: #FFFCEC; | ||
44 | } | ||
45 | |||
46 | ul.quote-list li:hover h3.quote-header { | ||
47 | background: #FEC; | ||
48 | border-color: #FFE9C9; | ||
49 | } | ||
50 | |||
51 | span.quote-action-done { | ||
52 | opacity: 0.2; | ||
53 | } | ||
54 | |||
55 | span.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; | |
3 | body { | 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 | |||
10 | body.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 | ||
29 | form textarea:focus, form input:focus { | 21 | form 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 | ||
36 | a:link { | 28 | a: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 | ||
42 | a:visited, a:active { | 34 | a:visited, a:active { |
43 | color: blue; | 35 | color: blue; |
44 | text-decoration: none; | 36 | text-decoration: none; |
45 | } | 37 | } |
46 | 38 | ||
47 | a:hover, a:focus { | 39 | a: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 | ||
55 | a img { | 47 | a img { |
56 | border: 0; | 48 | border: 0; |
57 | } | 49 | } |
58 | 50 | ||
59 | /* Random Elements */ | 51 | /* Body */ |
60 | 52 | ||
61 | * { | 53 | body { |
62 | margin:0pt; | 54 | font-family: "Lucida Grande", "Arial", sans; |
63 | padding:0pt; | 55 | background-color: #111; |
64 | } | 56 | } |
65 | 57 | ||
66 | p {margin-top: 1em;} | 58 | div#header { |
67 | ul, ol {margin-top: 1em; margin-bottom: 1em} | 59 | width: 100%; |
68 | 60 | height: 200px; | |
69 | img.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 | ||
75 | acronym, abbr, span.caps { | 65 | div#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 | ||
79 | acronym, abbr { | 73 | div#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 | ||
83 | blockquote { | 80 | div#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 | ||
91 | pre { | 85 | div#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 */ | 93 | div#content div.rounded { |
96 | 94 | padding: 10px; | |
97 | div#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 | ||
105 | div#banner { | 97 | div#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 | ||
110 | body div#banner h1, body div#fi-banner h1 { | 103 | div#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 | ||
114 | body div#banner h1 a, body div#fi-banner h1 a { | 112 | div#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 | ||
123 | div#banner h1, div#fi-banner h1 { | 117 | div#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 */ | 121 | div#footer p { |
130 | 122 | font-size: 0.5em; | |
131 | div#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 | ||
141 | div#fi-navbar div { | 127 | div#page-content { |
142 | padding: .001em 0; | 128 | background-color: #00ff00; /*#8B4513;*/ |
143 | margin: 10px; | 129 | padding-bottom: 10px; |
144 | } | 130 | } |
145 | 131 | ||
146 | div#fi-navbar ul { | 132 | body[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 | ||
152 | div#fi-navbar ul li { | 140 | body[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 | ||
158 | div#fi-navbar ul li+li:before { | 149 | body#fourm div#actual-content { |
159 | content: " - "; | 150 | font-size: 60%; |
160 | } | 151 | } |
161 | 152 | ||
162 | div#fi-navbar ul li img, | 153 | ul#navbar { |
163 | div#fi-navbar ul li.active span { | 154 | text-align: center; |
164 | display: none; | 155 | margin-top: 0; |
165 | } | 156 | } |
166 | 157 | ||
167 | div#fi-navbar ul li.active img { | 158 | ul#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 | ||
174 | div#fi-navbar div.bubble blockquote { | 164 | ul#navbar li+li:before { |
175 | background: none; | 165 | content: " - "; |
176 | font-size: 0.9em; | ||
177 | } | 166 | } |
178 | 167 | ||
179 | div#fi-navbar div.bubble blockquote a { | 168 | ul#navbar li img, ul#navbar li.active span { |
180 | color: blue; | 169 | display: none; |
181 | } | 170 | } |
182 | 171 | ||
183 | /* Sidebar */ | 172 | ul#navbar li.active img { |
184 | 173 | display: inline; | |
185 | div#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 | ||
190 | div.sidebar { | 179 | .invisible { |
191 | width: 250px; /*250*/ /*240*/ /*210*/ | 180 | display: none; |
192 | padding: 0 10px; | ||
193 | margin-bottom: 5px; | ||
194 | } | 181 | } |
195 | 182 | ||
196 | div.sidebar h3 { | 183 | a 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 | ||
203 | div.sidebar p { | 187 | p { |
204 | font-size: 0.8em; | 188 | margin-top: 1em; |
205 | margin: 3px 0; | ||
206 | } | 189 | } |
207 | 190 | ||
208 | div.sidebar ul { | 191 | ul, 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 | |||
216 | div#sidebar ul li { | ||
217 | margin-top: 4px; | ||
218 | } | 194 | } |
219 | 195 | ||
220 | div#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 | ||
225 | div#sidebar li img { | 201 | acronym, abbr, span.caps { |
226 | border: 0; | 202 | cursor: help; |
227 | height: 16px; | ||
228 | width: 16px; | ||
229 | } | 203 | } |
230 | 204 | ||
231 | /* Layout */ | 205 | acronym, abbr { |
206 | border-bottom: 1px dashed #999; | ||
207 | } | ||
232 | 208 | ||
233 | #wrap { | 209 | pre { |
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 { | 218 | ul pre, ol pre { |
243 | margin: 0 30px; | 219 | margin-left: -3em; |
244 | clear: both; | ||
245 | position: relative; | ||
246 | } | 220 | } |
247 | 221 | ||
248 | body.fourm #page-body { | 222 | div.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 { | 226 | ul 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; | |
261 | div#content { | ||
262 | float: right; | ||
263 | width: 555px; /*465*/ /*555*/ | ||
264 | } | 234 | } |
265 | 235 | ||
266 | body#day div#page div#content code { | 236 | ul 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 | ||
274 | div#content h2 { | 240 | li+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 | ||
285 | div.cleardiv { | 246 | table.webmail { |
286 | clear: both; | 247 | border: 0; |
287 | } | 248 | width: 100%; |
288 | |||
289 | div#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 | ||
298 | div#footer ul.rows li { | 251 | table.webmail, table.webmail td { |
299 | display: list-item; | 252 | border-spacing: 0; |
300 | } | 253 | } |
301 | 254 | ||
302 | div#footer ul { | 255 | table.webmail tr { |
303 | padding: 0; | 256 | background-color: #3CE4ED; |
304 | margin: 0; | ||
305 | list-style-type: none; | ||
306 | } | 257 | } |
307 | 258 | ||
308 | div#footer ul li { | 259 | table.webmail tr.even { |
309 | display: inline; | 260 | background-color: #39B7CD; |
310 | margin-right: 1em; | ||
311 | } | 261 | } |
312 | 262 | ||
313 | div#footer ul li img { | 263 | table.webmail th { |
314 | width: 20px; | 264 | background-color: #FF9912; |
315 | height: 20px; | 265 | text-align: left; |
316 | vertical-align: top; | ||
317 | } | 266 | } |
318 | 267 | ||
319 | div#content ul { | 268 | /* Sidebar */ |
320 | list-style: url(/theme/images/bullet_disk_big.png); | 269 | |
270 | div#rightbar { | ||
271 | float: left; | ||
272 | width: 270px; /*210*/ | ||
321 | } | 273 | } |
322 | 274 | ||
323 | div#content a img { | 275 | div.sidebar { |
324 | border: solid transparent 1px; | 276 | width: 250px; /*250*/ /*240*/ /*210*/ |
277 | padding: 0 10px; | ||
278 | margin-bottom: 5px; | ||
325 | } | 279 | } |
326 | 280 | ||
327 | div#content a:hover img { | 281 | div.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 | ||
331 | div#hatbar.quotes-options ul { | 288 | div.sidebar p { |
332 | list-style: none; | 289 | font-size: 0.8em; |
290 | margin: 3px 0; | ||
333 | } | 291 | } |
334 | 292 | ||
335 | div.autosize { | 293 | div#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 | ||
339 | ul blockquote, ol blockquote { | 301 | div#sidebar ul { |
340 | position: relative; | 302 | list-style-type: none; |
341 | left: -3em; | 303 | } |
342 | width: 110%; | 304 | |
305 | div#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 | |||
314 | div#sidebar ul.hatnav li a { | ||
315 | display: block; | ||
316 | width: 230px; | ||
317 | color: white; | ||
343 | } | 318 | } |
344 | 319 | ||
345 | li+br { | 320 | div#sidebar li img { |
346 | display: none; | 321 | border: 0; |
322 | height: 16px; | ||
323 | width: 16px; | ||
347 | } | 324 | } |
348 | 325 | ||
349 | .invisible { | 326 | div#sidebar ul.hatnav li.active { |
350 | display: none; | 327 | background-color:#00FF00; |
328 | border: none; | ||
351 | } | 329 | } |
352 | 330 | ||
353 | /* Tables */ | 331 | div#sidebar ul.hatnav li:hover { |
332 | background-color:yellow; | ||
333 | border: none; | ||
334 | } | ||
354 | 335 | ||
355 | table.webmail { | 336 | div#sidebar ul li.active a, div#sidebar ul li a:hover { |
356 | border: 0; | 337 | color: black; |
357 | width: 100%; | ||
358 | } | 338 | } |
359 | 339 | ||
360 | table.webmail, table.webmail td { | 340 | div.cleardiv { |
361 | border-spacing: 0; | 341 | clear: both; |
362 | } | 342 | } |
363 | 343 | ||
364 | table.webmail tr { | 344 | .nobr { |
365 | background-color: #3CE4ED; | 345 | white-space: nowrap; |
366 | } | 346 | } |
367 | 347 | ||
368 | table.webmail tr.even { | 348 | textarea { |
369 | background-color: #39B7CD; | 349 | width: 99%; |
370 | } | 350 | } |
371 | 351 | ||
372 | table.webmail th { | 352 | div#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 | } |