diff options
Diffstat (limited to 'theme/layouts/4.5/style.css')
-rw-r--r-- | theme/layouts/4.5/style.css | 233 |
1 files changed, 233 insertions, 0 deletions
diff --git a/theme/layouts/4.5/style.css b/theme/layouts/4.5/style.css new file mode 100644 index 0000000..b8afbbb --- /dev/null +++ b/theme/layouts/4.5/style.css | |||
@@ -0,0 +1,233 @@ | |||
1 | body { | ||
2 | background-repeat: repeat-x; | ||
3 | background-attachment: fixed; | ||
4 | background-position: bottom left; | ||
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 | } | ||
13 | |||
14 | body.fourm div#content { | ||
15 | width: 100%; | ||
16 | float: none; | ||
17 | } | ||
18 | |||
19 | body.fourm div#wrap, | ||
20 | body.poll div#wrap, | ||
21 | body.quotes div#wrap, | ||
22 | body.admin div#wrap { | ||
23 | background-image: url(/theme/images/bg_body.gif); | ||
24 | background-repeat: repeat-y; | ||
25 | } | ||
26 | |||
27 | div#banner, div#fi-banner { | ||
28 | background-repeat: no-repeat; | ||
29 | width: 850px; | ||
30 | height: 129px; | ||
31 | float: left; | ||
32 | margin-top: 21px; | ||
33 | } | ||
34 | |||
35 | #page-header { | ||
36 | background: url("/theme/images/bg_header.gif") repeat-x 0 0; | ||
37 | height: 150px; | ||
38 | clear: both; | ||
39 | } | ||
40 | |||
41 | div#banner { | ||
42 | background-image: url("/theme/images/fourisland_header.png"); | ||
43 | } | ||
44 | |||
45 | body div#banner h1, body div#fi-banner h1 { | ||
46 | margin: 0; | ||
47 | } | ||
48 | |||
49 | body div#banner h1 a, body div#fi-banner h1 a { | ||
50 | display: block; | ||
51 | width: 850px; | ||
52 | height: 129px; | ||
53 | text-indent: -5000px; | ||
54 | text-decoration: none; | ||
55 | margin: 0; | ||
56 | } | ||
57 | |||
58 | div#banner h1, div#fi-banner h1 { | ||
59 | margin: 0; | ||
60 | font-size: 3.0em; | ||
61 | font-weight: normal; | ||
62 | } | ||
63 | |||
64 | div#bannernav { | ||
65 | text-align: center; | ||
66 | } | ||
67 | |||
68 | span.side-left, span.side-right { | ||
69 | display: block; | ||
70 | width: 20px; | ||
71 | height: 150px; | ||
72 | background: url("/theme/images/sides_top.gif") no-repeat; | ||
73 | } | ||
74 | |||
75 | span.side-left { | ||
76 | float: left; | ||
77 | margin-right: 10px; | ||
78 | } | ||
79 | |||
80 | span.side-right { | ||
81 | background-position: 100% 0; | ||
82 | float: right; | ||
83 | } | ||
84 | |||
85 | /* Sidebar */ | ||
86 | |||
87 | div#rightbar { | ||
88 | float: right; | ||
89 | width: 250px; /*210*/ | ||
90 | padding: 0 10; | ||
91 | } | ||
92 | |||
93 | div.sidebar { | ||
94 | width: 250px; /*250*/ /*240*/ /*210*/ | ||
95 | padding: 0 10px; | ||
96 | margin-bottom: 5px; | ||
97 | } | ||
98 | |||
99 | div.sidebar h3 { | ||
100 | font-family: Verdana, Helvetica, Arial, sans-serif; | ||
101 | margin: 5px 0 0 0; | ||
102 | font-weight: bold; | ||
103 | color: #333333; | ||
104 | } | ||
105 | |||
106 | div.sidebar p { | ||
107 | font-size: 0.8em; | ||
108 | margin: 3px 0; | ||
109 | } | ||
110 | |||
111 | div.sidebar ul { | ||
112 | list-style-type: none; | ||
113 | padding: 0; | ||
114 | margin: 0; | ||
115 | line-height: normal !important; | ||
116 | list-style-image: none !important; | ||
117 | } | ||
118 | |||
119 | div#sidebar ul li { | ||
120 | margin-top: 4px; | ||
121 | } | ||
122 | |||
123 | div#sidebar ul li a { | ||
124 | display: block; | ||
125 | width: 230px; | ||
126 | } | ||
127 | |||
128 | div#sidebar li img { | ||
129 | border: 0; | ||
130 | height: 16px; | ||
131 | width: 16px; | ||
132 | } | ||
133 | |||
134 | /* Layout */ | ||
135 | |||
136 | #wrap { | ||
137 | background: #FFFFFF url("/theme/images/bg_body.gif") repeat-y 0 0; | ||
138 | width: 910px; | ||
139 | margin: 10px auto; | ||
140 | text-align: left; | ||
141 | padding: 0; | ||
142 | margin-top: 25px; | ||
143 | } | ||
144 | |||
145 | #page-body { | ||
146 | margin: 10px 55px 0 30px; | ||
147 | clear: both; | ||
148 | position: relative; | ||
149 | } | ||
150 | |||
151 | body.fourm #page-body { | ||
152 | margin-left: 25; | ||
153 | margin-right: 10; | ||
154 | width: 95%; | ||
155 | font-size: 62.5%; | ||
156 | } | ||
157 | |||
158 | #phpBB3-page-body { | ||
159 | margin: 4px 0 !important; | ||
160 | clear: both; | ||
161 | } | ||
162 | |||
163 | /* Content */ | ||
164 | |||
165 | div#content { | ||
166 | float: left; | ||
167 | width: 555px; /*465*/ /*555*/ | ||
168 | } | ||
169 | |||
170 | |||
171 | div#content h2 { | ||
172 | color: #59770e; | ||
173 | margin: 0px 0px 2px; | ||
174 | border-bottom: 1px dotted #CCCCCC; | ||
175 | letter-spacing: -1px; | ||
176 | font: normal 140%/100% "Trebuchet MS", Tahoma, Arial; | ||
177 | padding-bottom: 3px; | ||
178 | } | ||
179 | |||
180 | /* Random Divs/Spans */ | ||
181 | |||
182 | |||
183 | div#footer { | ||
184 | clear: both; | ||
185 | padding-bottom: 1em; | ||
186 | padding-top: .5em; | ||
187 | margin-top: .5em; | ||
188 | text-align: center; | ||
189 | font-size: .68em; | ||
190 | width: 100%; | ||
191 | border-top: 1px black solid; | ||
192 | border-bottom: 4px gray solid; | ||
193 | } | ||
194 | |||
195 | div#footer ul.rows li { | ||
196 | display: list-item; | ||
197 | } | ||
198 | |||
199 | div#footer ul { | ||
200 | padding: 0; | ||
201 | margin: 0; | ||
202 | list-style-type: none; | ||
203 | } | ||
204 | |||
205 | div#footer ul li { | ||
206 | display: inline; | ||
207 | margin-right: 1em; | ||
208 | } | ||
209 | |||
210 | div#footer ul li img { | ||
211 | width: 20px; | ||
212 | height: 20px; | ||
213 | vertical-align: top; | ||
214 | } | ||
215 | |||
216 | div#flash { | ||
217 | position: fixed; | ||
218 | top: 0; | ||
219 | left: 0; | ||
220 | width: 100%; | ||
221 | background-color: #FBEC5D; | ||
222 | height: 20px; | ||
223 | z-index: 99; | ||
224 | padding-top: 5px; | ||
225 | text-align: center; | ||
226 | display: block; | ||
227 | padding-bottom: 0; | ||
228 | border-bottom: none; | ||
229 | } | ||
230 | |||
231 | * > html div#flash { | ||
232 | position: absolute; | ||
233 | } | ||