|
443
by dcoles
Added Forum application along with unmodifed version of phpBB3 "Olympus" 3.0.0 |
1 |
/* phpBB 3.0 Style Sheet
|
2 |
--------------------------------------------------------------
|
|
3 |
Style name: subsilver2
|
|
4 |
Based on style: subSilver (the default phpBB 2 style)
|
|
5 |
Original author: subBlue ( http://www.subBlue.com/ )
|
|
6 |
Modified by: psoTFX and the phpBB team ( http://www.phpbb.com )
|
|
7 |
|
|
8 |
This is an alternative style for phpBB3 for those wishing to stay with
|
|
9 |
the familiar subSilver style of phpBB version 2.x
|
|
10 |
|
|
11 |
Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
|
|
12 |
--------------------------------------------------------------
|
|
13 |
*/
|
|
14 |
||
15 |
/* Layout
|
|
16 |
------------ */
|
|
17 |
* { |
|
18 |
/* Reset browsers default margin, padding and font sizes */
|
|
19 |
margin: 0; |
|
20 |
padding: 0; |
|
21 |
}
|
|
22 |
||
23 |
html { |
|
24 |
font-size: 100%; |
|
25 |
}
|
|
26 |
||
27 |
body { |
|
28 |
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
|
|
29 |
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; |
|
30 |
color: #323D4F; |
|
31 |
background-color: #FFFFFF; |
|
32 |
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */ |
|
33 |
margin: 0; |
|
34 |
}
|
|
35 |
||
36 |
#wrapheader { |
|
37 |
min-height: 120px; |
|
38 |
height: auto !important; |
|
39 |
height: 120px; |
|
40 |
/* background-image: url('./images/background.gif');
|
|
41 |
background-repeat: repeat-x;*/
|
|
42 |
/* padding: 0 25px 15px 25px;*/
|
|
43 |
padding: 0; |
|
44 |
}
|
|
45 |
||
46 |
#wrapcentre { |
|
47 |
margin: 15px 25px 0 25px; |
|
48 |
}
|
|
49 |
||
50 |
#wrapfooter { |
|
51 |
text-align: center; |
|
52 |
clear: both; |
|
53 |
}
|
|
54 |
||
55 |
#wrapnav { |
|
56 |
width: 100%; |
|
57 |
margin: 0; |
|
58 |
background-color: #ECECEC; |
|
59 |
border-width: 1px; |
|
60 |
border-style: solid; |
|
61 |
border-color: #A9B8C2; |
|
62 |
}
|
|
63 |
||
64 |
#logodesc { |
|
65 |
margin-bottom: 5px; |
|
66 |
padding: 5px 25px; |
|
67 |
background: #D9DFE4; |
|
68 |
border-bottom: 1px solid #4787A7; |
|
69 |
}
|
|
70 |
||
71 |
#menubar { |
|
72 |
margin: 0 25px; |
|
73 |
}
|
|
74 |
||
75 |
#datebar { |
|
76 |
margin: 10px 25px 0 25px; |
|
77 |
}
|
|
78 |
||
79 |
#findbar { |
|
80 |
width: 100%; |
|
81 |
margin: 0; |
|
82 |
padding: 0; |
|
83 |
border: 0; |
|
84 |
}
|
|
85 |
||
86 |
.forumrules { |
|
87 |
background-color: #F9CC79; |
|
88 |
border-width: 1px; |
|
89 |
border-style: solid; |
|
90 |
border-color: #BB9860; |
|
91 |
padding: 4px; |
|
92 |
font-weight: normal; |
|
93 |
font-size: 1.1em; |
|
94 |
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; |
|
95 |
}
|
|
96 |
||
97 |
.forumrules h3 { |
|
98 |
color: red; |
|
99 |
}
|
|
100 |
||
101 |
#pageheader { } |
|
102 |
#pagecontent { } |
|
103 |
#pagefooter { } |
|
104 |
||
105 |
#poll { } |
|
106 |
#postrow { } |
|
107 |
#postdata { } |
|
108 |
||
109 |
||
110 |
/* Text
|
|
111 |
--------------------- */
|
|
112 |
h1 { |
|
113 |
color: black; |
|
114 |
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; |
|
115 |
font-weight: bold; |
|
116 |
font-size: 1.8em; |
|
117 |
text-decoration: none; |
|
118 |
}
|
|
119 |
||
120 |
h2 { |
|
121 |
font-family: Arial, Helvetica, sans-serif; |
|
122 |
font-weight: bold; |
|
123 |
font-size: 1.5em; |
|
124 |
text-decoration: none; |
|
125 |
line-height: 120%; |
|
126 |
}
|
|
127 |
||
128 |
h3 { |
|
129 |
font-size: 1.3em; |
|
130 |
font-weight: bold; |
|
131 |
font-family: Arial, Helvetica, sans-serif; |
|
132 |
line-height: 120%; |
|
133 |
}
|
|
134 |
||
135 |
h4 { |
|
136 |
margin: 0; |
|
137 |
font-size: 1.1em; |
|
138 |
font-weight: bold; |
|
139 |
}
|
|
140 |
||
141 |
p { |
|
142 |
font-size: 1.1em; |
|
143 |
}
|
|
144 |
||
145 |
p.moderators { |
|
146 |
margin: 0; |
|
147 |
float: left; |
|
148 |
color: black; |
|
149 |
font-weight: bold; |
|
150 |
}
|
|
151 |
||
152 |
.rtl p.moderators { |
|
153 |
float: right; |
|
154 |
}
|
|
155 |
||
156 |
p.linkmcp { |
|
157 |
margin: 0; |
|
158 |
float: right; |
|
159 |
white-space: nowrap; |
|
160 |
}
|
|
161 |
||
162 |
.rtl p.linkmcp { |
|
163 |
float: left; |
|
164 |
}
|
|
165 |
||
166 |
p.breadcrumbs { |
|
167 |
margin: 0; |
|
168 |
float: left; |
|
169 |
color: black; |
|
170 |
font-weight: bold; |
|
171 |
white-space: normal; |
|
172 |
font-size: 1em; |
|
173 |
}
|
|
174 |
||
175 |
.rtl p.breadcrumbs { |
|
176 |
float: right; |
|
177 |
}
|
|
178 |
||
179 |
p.datetime { |
|
180 |
margin: 0; |
|
181 |
float: right; |
|
182 |
white-space: nowrap; |
|
183 |
font-size: 1em; |
|
184 |
}
|
|
185 |
||
186 |
.rtl p.datetime { |
|
187 |
float: left; |
|
188 |
}
|
|
189 |
||
190 |
p.searchbar { |
|
191 |
padding: 2px 0; |
|
192 |
white-space: nowrap; |
|
193 |
}
|
|
194 |
||
195 |
p.searchbarreg { |
|
196 |
margin: 0; |
|
197 |
float: right; |
|
198 |
white-space: nowrap; |
|
199 |
}
|
|
200 |
||
201 |
.rtl p.searchbarreg { |
|
202 |
float: left; |
|
203 |
}
|
|
204 |
||
205 |
p.forumdesc { |
|
206 |
padding-bottom: 4px; |
|
207 |
}
|
|
208 |
||
209 |
p.topicauthor { |
|
210 |
margin: 1px 0; |
|
211 |
}
|
|
212 |
||
213 |
p.topicdetails { |
|
214 |
margin: 1px 0; |
|
215 |
}
|
|
216 |
||
217 |
.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active { |
|
218 |
margin: 1px 0; |
|
219 |
color: red; |
|
220 |
font-weight:bold; |
|
221 |
}
|
|
222 |
||
223 |
.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active { |
|
224 |
color: green; |
|
225 |
font-weight:bold; |
|
226 |
}
|
|
227 |
||
228 |
.postapprove img, .postreported img { |
|
229 |
vertical-align: bottom; |
|
230 |
}
|
|
231 |
||
232 |
.postauthor { |
|
233 |
color: #000000; |
|
234 |
}
|
|
235 |
||
236 |
.postdetails { |
|
237 |
color: #000000; |
|
238 |
}
|
|
239 |
||
240 |
.postbody { |
|
241 |
font-size: 1.3em; |
|
242 |
line-height: 1.4em; |
|
243 |
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; |
|
244 |
}
|
|
245 |
||
246 |
.postbody li, ol, ul { |
|
247 |
margin: 0 0 0 1.5em; |
|
248 |
}
|
|
249 |
||
250 |
.rtl .postbody li, .rtl ol, .rtl ul { |
|
251 |
margin: 0 1.5em 0 0; |
|
252 |
}
|
|
253 |
||
254 |
.posthilit { |
|
255 |
background-color: yellow; |
|
256 |
}
|
|
257 |
||
258 |
.nav { |
|
259 |
margin: 0; |
|
260 |
color: black; |
|
261 |
font-weight: bold; |
|
262 |
}
|
|
263 |
||
264 |
.pagination { |
|
265 |
padding: 4px; |
|
266 |
color: black; |
|
267 |
font-size: 1em; |
|
268 |
font-weight: bold; |
|
269 |
}
|
|
270 |
||
271 |
.cattitle { |
|
272 |
||
273 |
}
|
|
274 |
||
275 |
.gen { |
|
276 |
margin: 1px 1px; |
|
277 |
font-size: 1.2em; |
|
278 |
}
|
|
279 |
||
280 |
.genmed { |
|
281 |
margin: 1px 1px; |
|
282 |
font-size: 1.1em; |
|
283 |
}
|
|
284 |
||
285 |
.gensmall { |
|
286 |
margin: 1px 1px; |
|
287 |
font-size: 1em; |
|
288 |
}
|
|
289 |
||
290 |
.copyright { |
|
291 |
color: #444; |
|
292 |
font-weight: normal; |
|
293 |
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; |
|
294 |
}
|
|
295 |
||
296 |
.titles { |
|
297 |
font-family: "Lucida Grande", Helvetica, Arial, sans-serif; |
|
298 |
font-weight: bold; |
|
299 |
font-size: 1.3em; |
|
300 |
text-decoration: none; |
|
301 |
}
|
|
302 |
||
303 |
.error { |
|
304 |
color: red; |
|
305 |
}
|
|
306 |
||
307 |
||
308 |
/* Tables
|
|
309 |
------------ */
|
|
310 |
th { |
|
311 |
color: #FFA34F; |
|
312 |
font-size: 1.1em; |
|
313 |
font-weight: bold; |
|
314 |
background-color: #006699; |
|
315 |
background-image: url('./images/cellpic3.gif'); |
|
316 |
white-space: nowrap; |
|
317 |
padding: 7px 5px; |
|
318 |
}
|
|
319 |
||
320 |
td { |
|
321 |
padding: 2px; |
|
322 |
}
|
|
323 |
td.profile { |
|
324 |
padding: 4px; |
|
325 |
}
|
|
326 |
||
327 |
.tablebg { |
|
328 |
background-color: #A9B8C2; |
|
329 |
}
|
|
330 |
||
331 |
.catdiv { |
|
332 |
height: 28px; |
|
333 |
margin: 0; |
|
334 |
padding: 0; |
|
335 |
border: 0; |
|
336 |
background: white url('./images/cellpic2.jpg') repeat-y scroll top left; |
|
337 |
}
|
|
338 |
.rtl .catdiv { |
|
339 |
background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right; |
|
340 |
}
|
|
341 |
||
342 |
.cat { |
|
343 |
height: 28px; |
|
344 |
margin: 0; |
|
345 |
padding: 0; |
|
346 |
border: 0; |
|
347 |
background-color: #C7D0D7; |
|
348 |
background-image: url('./images/cellpic1.gif'); |
|
349 |
text-indent: 4px; |
|
350 |
}
|
|
351 |
||
352 |
.row1 { |
|
353 |
background-color: #ECECEC; |
|
354 |
padding: 4px; |
|
355 |
}
|
|
356 |
||
357 |
.row2 { |
|
358 |
background-color: #DCE1E5; |
|
359 |
padding: 4px; |
|
360 |
}
|
|
361 |
||
362 |
.row3 { |
|
363 |
background-color: #C0C8D0; |
|
364 |
padding: 4px; |
|
365 |
}
|
|
366 |
||
367 |
.spacer { |
|
368 |
background-color: #D1D7DC; |
|
369 |
}
|
|
370 |
||
371 |
hr { |
|
372 |
height: 1px; |
|
373 |
border-width: 0; |
|
374 |
background-color: #D1D7DC; |
|
375 |
color: #D1D7DC; |
|
376 |
}
|
|
377 |
||
378 |
.legend { |
|
379 |
text-align:center; |
|
380 |
margin: 0 auto; |
|
381 |
}
|
|
382 |
||
383 |
/* Links
|
|
384 |
------------ */
|
|
385 |
a:link { |
|
386 |
color: #006597; |
|
387 |
text-decoration: none; |
|
388 |
}
|
|
389 |
||
390 |
a:active, |
|
391 |
a:visited { |
|
392 |
color: #005784; |
|
393 |
text-decoration: none; |
|
394 |
}
|
|
395 |
||
396 |
a:hover { |
|
397 |
color: #D46400; |
|
398 |
text-decoration: underline; |
|
399 |
}
|
|
400 |
||
401 |
a.forumlink { |
|
402 |
color: #069; |
|
403 |
font-weight: bold; |
|
404 |
font-family: "Lucida Grande", Helvetica, Arial, sans-serif; |
|
405 |
font-size: 1.2em; |
|
406 |
}
|
|
407 |
||
408 |
a.topictitle { |
|
409 |
margin: 1px 0; |
|
410 |
font-family: "Lucida Grande", Helvetica, Arial, sans-serif; |
|
411 |
font-weight: bold; |
|
412 |
font-size: 1.2em; |
|
413 |
}
|
|
414 |
||
415 |
a.topictitle:visited { |
|
416 |
color: #5493B4; |
|
417 |
text-decoration: none; |
|
418 |
}
|
|
419 |
||
420 |
th a, |
|
421 |
th a:visited { |
|
422 |
color: #FFA34F !important; |
|
423 |
text-decoration: none; |
|
424 |
}
|
|
425 |
||
426 |
th a:hover { |
|
427 |
text-decoration: underline; |
|
428 |
}
|
|
429 |
||
430 |
||
431 |
/* Form Elements
|
|
432 |
------------ */
|
|
433 |
form { |
|
434 |
margin: 0; |
|
435 |
padding: 0; |
|
436 |
border: 0; |
|
437 |
}
|
|
438 |
||
439 |
input { |
|
440 |
color: #333333; |
|
441 |
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; |
|
442 |
font-size: 1.1em; |
|
443 |
font-weight: normal; |
|
444 |
padding: 1px; |
|
445 |
border: 1px solid #A9B8C2; |
|
446 |
background-color: #FAFAFA; |
|
447 |
}
|
|
448 |
||
449 |
textarea { |
|
450 |
background-color: #FAFAFA; |
|
451 |
color: #333333; |
|
452 |
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; |
|
453 |
font-size: 1.3em; |
|
454 |
line-height: 1.4em; |
|
455 |
font-weight: normal; |
|
456 |
border: 1px solid #A9B8C2; |
|
457 |
padding: 2px; |
|
458 |
}
|
|
459 |
||
460 |
select { |
|
461 |
color: #333333; |
|
462 |
background-color: #FAFAFA; |
|
463 |
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; |
|
464 |
font-size: 1.1em; |
|
465 |
font-weight: normal; |
|
466 |
border: 1px solid #A9B8C2; |
|
467 |
padding: 1px; |
|
468 |
}
|
|
469 |
||
470 |
option { |
|
471 |
padding: 0 1em 0 0; |
|
472 |
}
|
|
473 |
||
474 |
option.disabled-option { |
|
475 |
color: graytext; |
|
476 |
}
|
|
477 |
||
478 |
.rtl option { |
|
479 |
padding: 0 0 0 1em; |
|
480 |
}
|
|
481 |
||
482 |
input.radio { |
|
483 |
border: none; |
|
484 |
background-color: transparent; |
|
485 |
}
|
|
486 |
||
487 |
.post { |
|
488 |
background-color: white; |
|
489 |
border-style: solid; |
|
490 |
border-width: 1px; |
|
491 |
}
|
|
492 |
||
493 |
.btnbbcode { |
|
494 |
color: #000000; |
|
495 |
font-weight: normal; |
|
496 |
font-size: 1.1em; |
|
497 |
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; |
|
498 |
background-color: #EFEFEF; |
|
499 |
border: 1px solid #666666; |
|
500 |
}
|
|
501 |
||
502 |
.btnmain { |
|
503 |
font-weight: bold; |
|
504 |
background-color: #ECECEC; |
|
505 |
border: 1px solid #A9B8C2; |
|
506 |
cursor: pointer; |
|
507 |
padding: 1px 5px; |
|
508 |
font-size: 1.1em; |
|
509 |
}
|
|
510 |
||
511 |
.btnlite { |
|
512 |
font-weight: normal; |
|
513 |
background-color: #ECECEC; |
|
514 |
border: 1px solid #A9B8C2; |
|
515 |
cursor: pointer; |
|
516 |
padding: 1px 5px; |
|
517 |
font-size: 1.1em; |
|
518 |
}
|
|
519 |
||
520 |
.btnfile { |
|
521 |
font-weight: normal; |
|
522 |
background-color: #ECECEC; |
|
523 |
border: 1px solid #A9B8C2; |
|
524 |
padding: 1px 5px; |
|
525 |
font-size: 1.1em; |
|
526 |
}
|
|
527 |
||
528 |
.helpline { |
|
529 |
background-color: #DEE3E7; |
|
530 |
border-style: none; |
|
531 |
}
|
|
532 |
||
533 |
||
534 |
/* BBCode
|
|
535 |
------------ */
|
|
536 |
.quotetitle, .attachtitle { |
|
537 |
margin: 10px 5px 0 5px; |
|
538 |
padding: 4px; |
|
539 |
border-width: 1px 1px 0 1px; |
|
540 |
border-style: solid; |
|
541 |
border-color: #A9B8C2; |
|
542 |
color: #333333; |
|
543 |
background-color: #A9B8C2; |
|
544 |
font-size: 0.85em; |
|
545 |
font-weight: bold; |
|
546 |
}
|
|
547 |
||
548 |
.quotetitle .quotetitle { |
|
549 |
font-size: 1em; |
|
550 |
}
|
|
551 |
||
552 |
.quotecontent, .attachcontent { |
|
553 |
margin: 0 5px 10px 5px; |
|
554 |
padding: 5px; |
|
555 |
border-color: #A9B8C2; |
|
556 |
border-width: 0 1px 1px 1px; |
|
557 |
border-style: solid; |
|
558 |
font-weight: normal; |
|
559 |
font-size: 1em; |
|
560 |
line-height: 1.4em; |
|
561 |
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; |
|
562 |
background-color: #FAFAFA; |
|
563 |
color: #4B5C77; |
|
564 |
}
|
|
565 |
||
566 |
.attachcontent { |
|
567 |
font-size: 0.85em; |
|
568 |
}
|
|
569 |
||
570 |
.codetitle { |
|
571 |
margin: 10px 5px 0 5px; |
|
572 |
padding: 2px 4px; |
|
573 |
border-width: 1px 1px 0 1px; |
|
574 |
border-style: solid; |
|
575 |
border-color: #A9B8C2; |
|
576 |
color: #333333; |
|
577 |
background-color: #A9B8C2; |
|
578 |
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; |
|
579 |
font-size: 0.8em; |
|
580 |
}
|
|
581 |
||
582 |
.codecontent { |
|
583 |
direction: ltr; |
|
584 |
margin: 0 5px 10px 5px; |
|
585 |
padding: 5px; |
|
586 |
border-color: #A9B8C2; |
|
587 |
border-width: 0 1px 1px 1px; |
|
588 |
border-style: solid; |
|
589 |
font-weight: normal; |
|
590 |
color: #006600; |
|
591 |
font-size: 0.85em; |
|
592 |
font-family: Monaco, 'Courier New', monospace; |
|
593 |
background-color: #FAFAFA; |
|
594 |
}
|
|
595 |
||
596 |
.syntaxbg { |
|
597 |
color: #FFFFFF; |
|
598 |
}
|
|
599 |
||
600 |
.syntaxcomment { |
|
601 |
color: #FF8000; |
|
602 |
}
|
|
603 |
||
604 |
.syntaxdefault { |
|
605 |
color: #0000BB; |
|
606 |
}
|
|
607 |
||
608 |
.syntaxhtml { |
|
609 |
color: #000000; |
|
610 |
}
|
|
611 |
||
612 |
.syntaxkeyword { |
|
613 |
color: #007700; |
|
614 |
}
|
|
615 |
||
616 |
.syntaxstring { |
|
617 |
color: #DD0000; |
|
618 |
}
|
|
619 |
||
620 |
||
621 |
/* Private messages
|
|
622 |
------------------ */
|
|
623 |
.pm_marked_colour { |
|
624 |
background-color: #000000; |
|
625 |
}
|
|
626 |
||
627 |
.pm_replied_colour { |
|
628 |
background-color: #A9B8C2; |
|
629 |
}
|
|
630 |
||
631 |
.pm_friend_colour { |
|
632 |
background-color: #007700; |
|
633 |
}
|
|
634 |
||
635 |
.pm_foe_colour { |
|
636 |
background-color: #DD0000; |
|
637 |
}
|
|
638 |
||
639 |
||
640 |
/* Misc
|
|
641 |
------------ */
|
|
642 |
img { |
|
643 |
border: none; |
|
644 |
}
|
|
645 |
||
646 |
.sep { |
|
647 |
color: black; |
|
648 |
background-color: #FFA34F; |
|
649 |
}
|
|
650 |
||
651 |
table.colortable td { |
|
652 |
padding: 0; |
|
653 |
}
|
|
654 |
||
655 |
pre { |
|
656 |
font-size: 1.1em; |
|
657 |
font-family: Monaco, 'Courier New', monospace; |
|
658 |
}
|
|
659 |
||
660 |
.nowrap { |
|
661 |
white-space: nowrap; |
|
662 |
}
|
|
663 |
||
664 |
.username-coloured { |
|
665 |
font-weight: bold; |
|
666 |
}
|