summary refs log tree commit diff stats
path: root/theme/layouts/4.5/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'theme/layouts/4.5/style.css')
-rw-r--r--theme/layouts/4.5/style.css233
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 @@
1body {
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
10body.fourm {
11 font-family: Verdana, Helvetica, Arial, sans-serif;
12}
13
14body.fourm div#content {
15 width: 100%;
16 float: none;
17}
18
19body.fourm div#wrap,
20body.poll div#wrap,
21body.quotes div#wrap,
22body.admin div#wrap {
23 background-image: url(/theme/images/bg_body.gif);
24 background-repeat: repeat-y;
25}
26
27div#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
41div#banner {
42 background-image: url("/theme/images/fourisland_header.png");
43}
44
45body div#banner h1, body div#fi-banner h1 {
46 margin: 0;
47}
48
49body 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
58div#banner h1, div#fi-banner h1 {
59 margin: 0;
60 font-size: 3.0em;
61 font-weight: normal;
62}
63
64div#bannernav {
65 text-align: center;
66}
67
68span.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
75span.side-left {
76 float: left;
77 margin-right: 10px;
78}
79
80span.side-right {
81 background-position: 100% 0;
82 float: right;
83}
84
85/* Sidebar */
86
87div#rightbar {
88 float: right;
89 width: 250px; /*210*/
90 padding: 0 10;
91}
92
93div.sidebar {
94 width: 250px; /*250*/ /*240*/ /*210*/
95 padding: 0 10px;
96 margin-bottom: 5px;
97}
98
99div.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
106div.sidebar p {
107 font-size: 0.8em;
108 margin: 3px 0;
109}
110
111div.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
119div#sidebar ul li {
120 margin-top: 4px;
121}
122
123div#sidebar ul li a {
124 display: block;
125 width: 230px;
126}
127
128div#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
151body.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
165div#content {
166 float: left;
167 width: 555px; /*465*/ /*555*/
168}
169
170
171div#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
183div#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
195div#footer ul.rows li {
196 display: list-item;
197}
198
199div#footer ul {
200 padding: 0;
201 margin: 0;
202 list-style-type: none;
203}
204
205div#footer ul li {
206 display: inline;
207 margin-right: 1em;
208}
209
210div#footer ul li img {
211 width: 20px;
212 height: 20px;
213 vertical-align: top;
214}
215
216div#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}