1 | /*
|
---|
2 | The original "prosilver" theme for phpBB3
|
---|
3 | Created by subBlue design :: http://www.subBlue.com
|
---|
4 | */
|
---|
5 |
|
---|
6 | * { margin: 0; padding: 0; }
|
---|
7 |
|
---|
8 | html { font-size: 100%; height: 100%; margin-bottom: 1px; }
|
---|
9 |
|
---|
10 | body {
|
---|
11 | font-family: Verdana, Helvetica, Arial, sans-serif;
|
---|
12 | color: #828282;
|
---|
13 | background-color: #FFFFFF;
|
---|
14 | font-size: 12px;
|
---|
15 | margin: 0;
|
---|
16 | padding: 12px 0;
|
---|
17 | }
|
---|
18 |
|
---|
19 | img { border-width: 0; }
|
---|
20 |
|
---|
21 | p {
|
---|
22 | line-height: 1.3em;
|
---|
23 | font-size: 1.1em;
|
---|
24 | margin-bottom: 1.5em;
|
---|
25 | }
|
---|
26 |
|
---|
27 | hr {
|
---|
28 | border: 0 none #FFFFFF;
|
---|
29 | border-top: 1px solid #CCCCCC;
|
---|
30 | height: 1px;
|
---|
31 | margin: 5px 0;
|
---|
32 | display: block;
|
---|
33 | clear: both;
|
---|
34 | }
|
---|
35 |
|
---|
36 | html, body {
|
---|
37 | color: #536482;
|
---|
38 | background-color: #FFFFFF;
|
---|
39 | }
|
---|
40 |
|
---|
41 | #doc-description h1 {
|
---|
42 | font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
---|
43 | margin-right: 200px;
|
---|
44 | color: #FFFFFF;
|
---|
45 | margin-top: 15px;
|
---|
46 | font-weight: bold;
|
---|
47 | font-size: 2em;
|
---|
48 | color: #fff;
|
---|
49 | }
|
---|
50 |
|
---|
51 | h1 {
|
---|
52 | font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
---|
53 | font-weight: normal;
|
---|
54 | color: #000;
|
---|
55 | font-size: 2em;
|
---|
56 | margin: 0.8em 0 0.2em 0;
|
---|
57 | }
|
---|
58 |
|
---|
59 | h2 {
|
---|
60 | font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
---|
61 | font-weight: normal;
|
---|
62 | color: #28313F;
|
---|
63 | font-size: 1.5em;
|
---|
64 | margin: 0.8em 0 0.2em 0;
|
---|
65 | }
|
---|
66 |
|
---|
67 | h3 {
|
---|
68 | font-family: Arial, Helvetica, sans-serif;
|
---|
69 | font-weight: bold;
|
---|
70 | border-bottom: 1px solid #CCCCCC;
|
---|
71 | margin-bottom: 3px;
|
---|
72 | padding-bottom: 2px;
|
---|
73 | font-size: 1.05em;
|
---|
74 | color: #115098;
|
---|
75 | margin-top: 20px;
|
---|
76 | }
|
---|
77 |
|
---|
78 | h4 {
|
---|
79 | font-family: Arial, Helvetica, sans-serif;
|
---|
80 | font-weight: bold;
|
---|
81 | margin-bottom: 3px;
|
---|
82 | padding-bottom: 2px;
|
---|
83 | font-size: 1.05em;
|
---|
84 | color: #115098;
|
---|
85 | margin-top: 20px;
|
---|
86 | }
|
---|
87 |
|
---|
88 | .good { color: green; }
|
---|
89 | .bad { color: red; }
|
---|
90 |
|
---|
91 | .version {
|
---|
92 | margin-top: 20px;
|
---|
93 | text-align: left;
|
---|
94 | font-size: 70%;
|
---|
95 | color: #006600;
|
---|
96 | border-top: 1px solid #ccc;
|
---|
97 | }
|
---|
98 |
|
---|
99 | code {
|
---|
100 | color: #006600;
|
---|
101 | font-weight: normal;
|
---|
102 | font-family: 'Courier New', monospace;
|
---|
103 | border-color: #D1D7DC;
|
---|
104 | border-width: 1px;
|
---|
105 | border-style: solid;
|
---|
106 | background-color: #FAFAFA;
|
---|
107 | }
|
---|
108 |
|
---|
109 | #wrap {
|
---|
110 | padding: 0 20px;
|
---|
111 | min-width: 650px;
|
---|
112 | }
|
---|
113 |
|
---|
114 | #simple-wrap {
|
---|
115 | padding: 6px 10px;
|
---|
116 | }
|
---|
117 |
|
---|
118 | #page-body {
|
---|
119 | margin: 4px 0;
|
---|
120 | clear: both;
|
---|
121 | }
|
---|
122 |
|
---|
123 | #page-footer {
|
---|
124 | clear: both;
|
---|
125 | }
|
---|
126 |
|
---|
127 | #logo {
|
---|
128 | float: left;
|
---|
129 | width: auto;
|
---|
130 | padding: 10px 13px 0 10px;
|
---|
131 | }
|
---|
132 |
|
---|
133 | a#logo:hover {
|
---|
134 | text-decoration: none;
|
---|
135 | }
|
---|
136 |
|
---|
137 | #doc-description {
|
---|
138 | float: left;
|
---|
139 | width: 70%;
|
---|
140 | }
|
---|
141 |
|
---|
142 | #doc-description h1 {
|
---|
143 | margin-right: 0;
|
---|
144 | }
|
---|
145 |
|
---|
146 | .headerbar {
|
---|
147 | background: #ebebeb none repeat-x 0 0;
|
---|
148 | color: #FFFFFF;
|
---|
149 | margin-bottom: 4px;
|
---|
150 | padding: 0 5px;
|
---|
151 | }
|
---|
152 |
|
---|
153 | span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
|
---|
154 | font-size: 1px;
|
---|
155 | line-height: 1px;
|
---|
156 | display: block;
|
---|
157 | height: 5px;
|
---|
158 | background-repeat: no-repeat;
|
---|
159 | }
|
---|
160 |
|
---|
161 | span.corners-top {
|
---|
162 | background-image: none;
|
---|
163 | background-position: 0 0;
|
---|
164 | margin: 0 -5px;
|
---|
165 | }
|
---|
166 |
|
---|
167 | span.corners-top span {
|
---|
168 | background-image: none;
|
---|
169 | background-position: 100% 0;
|
---|
170 | }
|
---|
171 |
|
---|
172 | span.corners-bottom {
|
---|
173 | background-image: none;
|
---|
174 | background-position: 0 100%;
|
---|
175 | margin: 0 -5px;
|
---|
176 | clear: both;
|
---|
177 | }
|
---|
178 |
|
---|
179 | span.corners-bottom span {
|
---|
180 | background-image: none;
|
---|
181 | background-position: 100% 100%;
|
---|
182 | }
|
---|
183 |
|
---|
184 | .paragraph {
|
---|
185 | padding: 0 10px;
|
---|
186 | margin-bottom: 4px;
|
---|
187 | background-repeat: no-repeat;
|
---|
188 | background-position: 100% 0;
|
---|
189 | background-color: #ECF3F7;
|
---|
190 | }
|
---|
191 |
|
---|
192 | .paragraph:target .content {
|
---|
193 | color: #000000;
|
---|
194 | }
|
---|
195 |
|
---|
196 | .paragraph:target h3 a {
|
---|
197 | color: #000000;
|
---|
198 | }
|
---|
199 |
|
---|
200 | .content {
|
---|
201 | color: #333333;
|
---|
202 | }
|
---|
203 |
|
---|
204 | .content h2, .panel h2 {
|
---|
205 | color: #115098;
|
---|
206 | border-bottom-color: #CCCCCC;
|
---|
207 | }
|
---|
208 |
|
---|
209 | a:link { color: #898989; text-decoration: none; }
|
---|
210 | a:visited { color: #898989; text-decoration: none; }
|
---|
211 | a:hover { color: #d3d3d3; text-decoration: underline; }
|
---|
212 | a:active { color: #d2d2d2; text-decoration: none; }
|
---|
213 |
|
---|
214 | hr {
|
---|
215 | border-color: #FFFFFF;
|
---|
216 | border-top-color: #CCCCCC;
|
---|
217 | }
|
---|
218 |
|
---|
219 | .menu {
|
---|
220 | background-color: #cadceb;
|
---|
221 | }
|
---|
222 |
|
---|
223 | .headerbar {
|
---|
224 | background-color: #12A3EB;
|
---|
225 | background-image: url("bg_header.gif");
|
---|
226 | color: #FFFFFF;
|
---|
227 | }
|
---|
228 |
|
---|
229 | .panel {
|
---|
230 | background-color: #ECF1F3;
|
---|
231 | color: #28313F;
|
---|
232 | }
|
---|
233 |
|
---|
234 |
|
---|
235 | span.corners-top {
|
---|
236 | background-image: url("corners_left.png");
|
---|
237 | }
|
---|
238 |
|
---|
239 | span.corners-top span {
|
---|
240 | background-image: url("corners_right.png");
|
---|
241 | }
|
---|
242 |
|
---|
243 | span.corners-bottom {
|
---|
244 | background-image: url("corners_left.png");
|
---|
245 | }
|
---|
246 |
|
---|
247 | span.corners-bottom span {
|
---|
248 | background-image: url("corners_right.png");
|
---|
249 | }
|
---|
250 |
|
---|
251 | .error {
|
---|
252 | color: #BC2A4D;
|
---|
253 | }
|
---|
254 |
|
---|
255 | a:link { color: #105289; }
|
---|
256 | a:visited { color: #105289; }
|
---|
257 | a:hover { color: #D31141; }
|
---|
258 | a:active { color: #368AD2; }
|
---|
259 |
|
---|
260 | .paragraph span.corners-top, .paragraph span.corners-bottom {
|
---|
261 | margin: 0 -10px;
|
---|
262 | }
|
---|
263 |
|
---|
264 | .content {
|
---|
265 | padding: 0;
|
---|
266 | line-height: 1.48em;
|
---|
267 | color: #333333;
|
---|
268 | }
|
---|
269 |
|
---|
270 | .content h2, .panel h2 {
|
---|
271 | color: #115098;
|
---|
272 | border-bottom-color: #CCCCCC;
|
---|
273 | }
|
---|
274 |
|
---|
275 | .notice {
|
---|
276 | border-top-color: #CCCCCC;
|
---|
277 | }
|
---|
278 |
|
---|
279 | .codebox {
|
---|
280 | padding: 3px;
|
---|
281 | background-color: #FFFFFF;
|
---|
282 | border: 1px solid #C9D2D8;
|
---|
283 | font-size: 1em;
|
---|
284 | margin-bottom: 10px;
|
---|
285 | display: block;
|
---|
286 | font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
|
---|
287 | line-height: 1.3em;
|
---|
288 | }
|
---|
289 |
|
---|
290 | * html hr { margin: 0; }
|
---|
291 | * html span.corners-top, * html span.corners-bottom { background-image: url("corners_left.gif"); }
|
---|
292 | * html span.corners-top span, * html span.corners-bottom span { background-image: url("corners_right.gif"); }
|
---|
293 |
|
---|
294 | .back2top {
|
---|
295 | clear: both;
|
---|
296 | height: 11px;
|
---|
297 | text-align: right;
|
---|
298 | }
|
---|
299 |
|
---|
300 | .content ol, .content ul {
|
---|
301 | margin-left: 25px;
|
---|
302 | margin-top: 0;
|
---|
303 | }
|
---|
304 |
|
---|
305 | .content ul + p, .content ul + div {
|
---|
306 | margin-top: 20px;
|
---|
307 | }
|
---|
308 |
|
---|
309 | .comment {
|
---|
310 | color: green;
|
---|
311 | }
|
---|
312 |
|
---|
313 | .indent {
|
---|
314 | margin-left: 20px;
|
---|
315 | }
|
---|
316 |
|
---|
317 | .paragraph table {
|
---|
318 | font-size: 8pt;
|
---|
319 | border-collapse: collapse;
|
---|
320 | border: 1px solid #cfcfcf;
|
---|
321 | margin-bottom: 20px;
|
---|
322 | }
|
---|
323 |
|
---|
324 | .paragraph table caption {
|
---|
325 | display: none;
|
---|
326 | }
|
---|
327 |
|
---|
328 | .paragraph table thead {
|
---|
329 | background-color: #cadceb;
|
---|
330 | color: #000;
|
---|
331 | }
|
---|
332 |
|
---|
333 | .paragraph table td, .paragraph table th {
|
---|
334 | border: 1px solid #006699;
|
---|
335 | padding: 0.5em;
|
---|
336 | background-color: #e1ebf2;
|
---|
337 | }
|
---|
338 |
|
---|
339 | .paragraph table th {
|
---|
340 | background-color: #cadceb;
|
---|
341 | }
|
---|
342 |
|
---|
343 | .paragraph table td dl {
|
---|
344 | margin: 0;
|
---|
345 | padding: 0;
|
---|
346 | }
|
---|
347 |
|
---|
348 | .paragraph table td dl dt {
|
---|
349 | float: left;
|
---|
350 | clear: both;
|
---|
351 | margin-right: 1em;
|
---|
352 | }
|
---|