Changesets can be listed by changeset number.
The Git repository is here.
- Revision:
- 259
- Log:
Numerous small HTML and CSS fixes resulting in a much larger number
of standards compliant pages throughout the site.
- Author:
- rool
- Date:
- Wed Dec 03 19:50:33 +0000 2008
- Size:
- 10592 Bytes
1 | /* RISC OS Open Beast theme stylesheet. |
2 | * |
3 | * Heavily based on the Beast default theme. |
4 | */ |
5 | |
6 | @import url("/css/risc_os_open.css"); |
7 | |
8 | div.template_sidebar_node p {font-size:80%;} |
9 | div.template_sidebar_node form.xdialog |
10 | { |
11 | white-space: normal; |
12 | } |
13 | |
14 | #content form {margin-bottom:0;} |
15 | |
16 | #content p.subtle |
17 | { |
18 | margin:0 0 0.5em; |
19 | float:right; |
20 | } |
21 | |
22 | #content .subtle a |
23 | { |
24 | color:#999; |
25 | font-size:0.7em; |
26 | } |
27 | |
28 | #content img { border-width:0; } |
29 | |
30 | #content p.pages |
31 | { |
32 | font-size:0.85em; |
33 | margin-top:1.2em; |
34 | } |
35 | |
36 | #content span.pipe |
37 | { |
38 | color:#999; |
39 | margin:0 0.15em; |
40 | } |
41 | |
42 | #content div.news |
43 | { |
44 | background:#cfc; |
45 | text-align:center; |
46 | margin:0 auto; |
47 | width:40em; |
48 | margin-top:1em; |
49 | padding:7px 15px; |
50 | font-size:0.7em; |
51 | font-weight:bold; |
52 | } |
53 | |
54 | #content div.news p { margin:0; } |
55 | |
56 | #content p.notice, |
57 | #content p.sections |
58 | { |
59 | background:#df9; |
60 | padding:7px 15px; |
61 | border:1px solid #bd7; |
62 | margin-top:0; |
63 | font-size:0.8em; |
64 | } |
65 | |
66 | #content p.error |
67 | { |
68 | background:#c00; |
69 | color:white; |
70 | } |
71 | |
72 | #content p.sections a.action { color:#c00; } |
73 | |
74 | #content .hasfile |
75 | { |
76 | color:#090; |
77 | font-weight:bold; |
78 | margin-left:10em; |
79 | } |
80 | |
81 | #content p.subtitle |
82 | { |
83 | font-size:0.75em; |
84 | color:#888; |
85 | font-weight:bold; |
86 | margin-bottom:0.75em; |
87 | } |
88 | |
89 | #content p.subtitle img { vertical-align: bottom; } |
90 | #content p.subtitle a { border: none; } |
91 | |
92 | #content h1 { margin-bottom: 10px; font-size: 160%; } |
93 | #content h1 img { vertical-align:middle; } |
94 | #content h1 span { font-size:0.7em; color:#999; font-weight:normal; padding-left: 1em;} |
95 | |
96 | #content h2 { font-size:1.0em; } |
97 | |
98 | #content h2 span |
99 | { |
100 | color:#999; |
101 | font-size:0.7em; |
102 | margin-left:1em; |
103 | } |
104 | |
105 | #content h5 |
106 | { |
107 | padding:2px 10px 3px; |
108 | background:#ddd; |
109 | font-size: 80%; |
110 | } |
111 | |
112 | #content h6 { margin-bottom:0; } |
113 | |
114 | #content pre.explain |
115 | { |
116 | background:#e7e7e7; |
117 | padding:7px 15px; |
118 | border:1px solid #ccc; |
119 | margin:0 2em; |
120 | } |
121 | |
122 | #content hr |
123 | { |
124 | height:0; |
125 | border:0; |
126 | border-bottom:1px solid #ccc; |
127 | margin:1em 0; |
128 | } |
129 | |
130 | #content #monitor_topic { |
131 | font-size: 12px; |
132 | } |
133 | |
134 | #content #monitor_topic .icon { |
135 | background-image:none; |
136 | } |
137 | |
138 | #content ul.quotes, |
139 | #content ul.flat |
140 | { |
141 | margin-left:0; |
142 | padding-left:0; |
143 | font-size:0.75em; |
144 | list-style-type:none; |
145 | } |
146 | |
147 | #content ul.talking li span |
148 | { |
149 | color:#666; |
150 | font-size:0.8em; |
151 | } |
152 | |
153 | #content ul.flat li |
154 | { |
155 | background:url(/forum/images/small_circle.gif) no-repeat 5px 6px; |
156 | padding-left:15px; |
157 | } |
158 | |
159 | #content ul.ways li span |
160 | { |
161 | color:#666; |
162 | font-size:0.9em; |
163 | } |
164 | |
165 | #content ul.quotes |
166 | { |
167 | font-size:0.8em; |
168 | } |
169 | |
170 | #content ul.quotes li {margin-bottom:1em; } |
171 | #content ul.quotes span |
172 | { |
173 | color:#666; |
174 | font-size:0.9em; |
175 | } |
176 | |
177 | #content ul.why |
178 | { |
179 | font-size:1em; |
180 | line-height:1.25em; |
181 | margin-top:2em; |
182 | } |
183 | |
184 | #content ul.why li p |
185 | { |
186 | margin-top:0.5em; |
187 | color:#666; |
188 | font-size:0.9em; |
189 | } |
190 | |
191 | #content ul.why li p strong { color:#c00; } |
192 | |
193 | #content a.utility |
194 | { |
195 | font-weight:normal; |
196 | font-size:0.8em; |
197 | } |
198 | |
199 | #content a.remove { color:#c00; } |
200 | #content a.subtle { color:#369; } |
201 | #content a.subtle:hover { color:blue; } |
202 | |
203 | #content div.asset |
204 | { |
205 | background:#e7e7e7; |
206 | padding:7px 15px; |
207 | border-bottom:1px solid #ccc; |
208 | font-size:0.8em; |
209 | margin-bottom:1em; |
210 | text-align:center; |
211 | } |
212 | |
213 | #content input.submit |
214 | { |
215 | margin-right:1em; |
216 | float:right; |
217 | } |
218 | |
219 | /* layout of paste */ |
220 | |
221 | #content .pastebox |
222 | { |
223 | width:100%; |
224 | } |
225 | |
226 | #content p.private, |
227 | #content .legend |
228 | { |
229 | margin-top:0; |
230 | color:#999; |
231 | font-size:0.8em; |
232 | } |
233 | #content .legend span strong { color: black; } |
234 | #content .legend span |
235 | { |
236 | margin-right:5em; |
237 | } |
238 | |
239 | #content p.private img { vertical-align:bottom;} |
240 | #content p.private |
241 | { |
242 | /* xcolor:white; */ |
243 | color:#c00; |
244 | font-weight:bold; |
245 | } |
246 | #content p.psmall { |
247 | font-size:0.7em; |
248 | font-weight:normal; |
249 | } |
250 | |
251 | #content div.upload |
252 | { |
253 | margin-top:-0.5em; |
254 | /* background:#e7e7e7; */ |
255 | padding:7px 0; |
256 | float:left; |
257 | /* width:63%; */ |
258 | margin-left:0.5em; |
259 | } |
260 | #content div.upload p label { font-size:0.7em; font-weight:bold;} |
261 | #content div.upload p {margin:0} |
262 | #content div.upload input { margin-left:0.75em;} |
263 | #content div.upload a |
264 | { |
265 | color:#666; |
266 | font-size:0.8em; |
267 | } |
268 | |
269 | #content .pastePreview pre { font-size:0.9em; } |
270 | |
271 | #content .pastePreview p |
272 | { |
273 | color:#777; |
274 | font-size:0.7em; |
275 | margin:0 0 0.5em; |
276 | } |
277 | |
278 | #content .pastePreview .when { float:right; } |
279 | #content .pastePreview .when strong { color:black; } |
280 | |
281 | #content #news |
282 | { |
283 | background:#248; |
284 | background:#475f30; |
285 | border:2px solid #778f60; |
286 | border-width:2px 0; |
287 | padding:5px 4%; |
288 | color:#ffc; |
289 | font-size:0.70em; |
290 | text-align:center; |
291 | |
292 | position:fixed; |
293 | bottom:0; |
294 | width:100%; |
295 | padding:6px 0 7px; |
296 | z-index:50; |
297 | } |
298 | |
299 | #content #news a.subtle { color:#ffc; font-weight:normal;} |
300 | #content #news a {color:gold; font-weight:bold} |
301 | #content #news p {margin:0;} |
302 | |
303 | #content .line_numbers, |
304 | #content .lineNumbers |
305 | { |
306 | color:#999; |
307 | padding-right:0.5em; |
308 | text-align:right; |
309 | } |
310 | |
311 | #content .line_numbers strong { color:#555; } |
312 | |
313 | #content td.code, |
314 | #content .thePaste |
315 | { |
316 | padding-left:0.75em; |
317 | } |
318 | |
319 | #content label |
320 | { |
321 | color:#666; |
322 | font-size:0.75em; |
323 | font-weight:normal; |
324 | } |
325 | |
326 | /* random */ |
327 | |
328 | #content .photo |
329 | { |
330 | background: url(/forum/images/clearbits/smile.gif) no-repeat 8px 8px; |
331 | } |
332 | |
333 | #content span.fn |
334 | { |
335 | display:block; |
336 | margin-left:44px; |
337 | } |
338 | |
339 | #content .smallutils |
340 | { |
341 | margin-top:-0.5em; |
342 | margin-bottom:0em; |
343 | text-align:right; |
344 | } |
345 | |
346 | #content .smallutils a |
347 | { |
348 | color:#666; |
349 | font-size:0.7em; |
350 | } |
351 | |
352 | #content .smallutils a:hover {color:#369;} |
353 | |
354 | /* tables */ |
355 | |
356 | #content table.noborder td |
357 | { |
358 | border:0; |
359 | } |
360 | |
361 | #content table.nopad td |
362 | { |
363 | padding-left:0; |
364 | } |
365 | |
366 | #content table |
367 | { |
368 | border-collapse:collapse; |
369 | } |
370 | #content table tr th |
371 | { |
372 | background:#ddd; |
373 | font-size:80%; |
374 | padding:3px 10px; |
375 | } |
376 | #content table tr td |
377 | { |
378 | padding:7px; |
379 | border:1px solid #ddd; |
380 | } |
381 | |
382 | /* topics */ |
383 | |
384 | #content #forum_description, |
385 | #content #topic_body |
386 | { |
387 | width:99%; |
388 | } |
389 | |
390 | /* specific table styles */ |
391 | |
392 | #content table.forums, |
393 | #content table.topics { font-size: 0.8em; } |
394 | #content table.forums tr th { font-size: 1em; } |
395 | #content table.forums tr td .title |
396 | { |
397 | font-size:1.4em; |
398 | } |
399 | |
400 | #content table.forums tr td .desc |
401 | { |
402 | margin:0.5em 0; |
403 | } |
404 | |
405 | #content table.forums tr td |
406 | { |
407 | padding:4px 15px; |
408 | } |
409 | |
410 | #content table.forums a.tiny |
411 | { |
412 | font-size:0.8em; |
413 | color:#666; |
414 | } |
415 | |
416 | #content table.forums .posts |
417 | { |
418 | color:#666; |
419 | font-size:0.8em; |
420 | } |
421 | |
422 | #content table tr th.la { text-align:left; } |
423 | #content table tr td.ca { text-align:center; } |
424 | #content table tr td.inv { background:#fbfbfb; } |
425 | #content table tr td.vat { vertical-align:top; } |
426 | |
427 | #content table tr td.narrow { padding:2px 5px;} |
428 | |
429 | /* last post */ |
430 | |
431 | #content table tr td.lp |
432 | { |
433 | font-size:0.85em; |
434 | color:#333; |
435 | } |
436 | #content table tr td.lp span { color:#666; } |
437 | #content table tr td.lp span a { color:#369; } |
438 | |
439 | #content table.topics tr td.c1 |
440 | { border-right:0; padding-right:2px; } |
441 | #content table.topics tr td.c2 |
442 | { border-left:0; padding-left:2px; } |
443 | |
444 | #content table.forums tr td.c1 { border-right:0; padding-right:5px; padding-top:7px; } |
445 | #content table.forums tr td.c2 { border-left:0; padding-left:5px; } |
446 | |
447 | #content table.topics tr td.c2 small a { color:#666; } |
448 | #content table.topics tr td.stat { font-size:0.9em; } |
449 | |
450 | /* misc */ |
451 | |
452 | #content .button_or |
453 | { |
454 | color:#666; |
455 | padding-left:0.5em; |
456 | font-size:0.75em; |
457 | } |
458 | #content .button_or a { color:#c00; } |
459 | |
460 | #content form.dialog |
461 | { |
462 | margin-top:3em; |
463 | background:#eee; |
464 | width:300px; |
465 | padding:15px; |
466 | } |
467 | |
468 | #content form .entryhelp |
469 | { |
470 | font-size:0.7em; |
471 | } |
472 | |
473 | #content form .help |
474 | { |
475 | font-size:0.8em; |
476 | } |
477 | |
478 | #content span.arrow |
479 | { |
480 | font-weight:normal; |
481 | font-size:0.9em; |
482 | color:#999; |
483 | } |
484 | |
485 | #content div.stats |
486 | { |
487 | margin-top:2em; |
488 | background: #e5ffd4 url( /images/risc_os_open/top_fade.png ) top left repeat-x;; |
489 | font-size:0.8em; |
490 | padding:15px 15px; |
491 | } |
492 | #content div.stats .posts { float:right; text-align:right; } |
493 | |
494 | /* breadcrumbs */ |
495 | |
496 | #content .crumbs |
497 | { |
498 | font-size:0.75em; |
499 | } |
500 | #content .crumbs a { color:#468; } |
501 | #content .crumbs a:hover { color:#00c; } |
502 | |
503 | /* posts */ |
504 | |
505 | #content table.posts |
506 | { |
507 | border-bottom:2px solid #eee; |
508 | } |
509 | |
510 | #content table.posts tr td |
511 | { |
512 | border:0; |
513 | } |
514 | |
515 | #content table.posts tr.spacer td |
516 | { |
517 | font-size:1px; |
518 | } |
519 | |
520 | /* fade edit links */ |
521 | |
522 | #content .post .author .edit a |
523 | { |
524 | font-size:0.7em; |
525 | color:#666; |
526 | } |
527 | |
528 | #content .post .author img |
529 | { |
530 | float:left; |
531 | margin-right:0.5em; |
532 | } |
533 | |
534 | #content .post .author |
535 | { |
536 | border-top:2px solid #eee; |
537 | padding:5px 10px; |
538 | background:#eee; |
539 | font-weight:bold; |
540 | color:#333; |
541 | font-size:0.9em; |
542 | min-height:32px; |
543 | width:10em; |
544 | min-width:8em; |
545 | vertical-align:top; |
546 | } |
547 | |
548 | #content .post .author .posts |
549 | { |
550 | display:block; |
551 | font-size:80%; |
552 | color:#666; |
553 | margin-top:6px; |
554 | } |
555 | |
556 | #content .post .author a |
557 | { |
558 | font-weight: normal; |
559 | font-size: 90%; |
560 | } |
561 | |
562 | #content a.admin, |
563 | #content .post .author a.admin |
564 | { |
565 | font-weight: bold |
566 | } |
567 | |
568 | #content table.posts |
569 | { |
570 | width: 100%; |
571 | } |
572 | |
573 | #content .post td.author |
574 | { |
575 | width: 25%; |
576 | } |
577 | |
578 | #content .post td.body |
579 | { |
580 | width: 75%; |
581 | } |
582 | |
583 | #content .post .date |
584 | { |
585 | font-size:0.75em; |
586 | color:#666; |
587 | font-weight:normal; |
588 | margin-bottom:0.5em; |
589 | } |
590 | |
591 | #content .date a, |
592 | #content .date a abbr { border: none; } |
593 | |
594 | #content a.spacer_link |
595 | { |
596 | border:none; |
597 | margin:0; |
598 | padding:0; |
599 | font-size:1px; |
600 | } |
601 | |
602 | #content .posts .post .body |
603 | { |
604 | border-top:2px solid #eee; |
605 | font-size:0.9em; |
606 | padding: 0 0 0 10px; |
607 | } |
608 | |
609 | #content .posts .post .body blockquote |
610 | { |
611 | border:1px solid #b8a6c4; |
612 | border-left:3px solid #61377a; |
613 | border-right:0; |
614 | background:#e2dae6; |
615 | padding:1px 10px; |
616 | margin-left: 0; |
617 | margin-right: 0; |
618 | } |
619 | |
620 | #content .posts .post .body a:hover { color:brown; } |
621 | |
622 | #content .posts .post .body blockquote p |
623 | { |
624 | margin:0.5em 0; |
625 | } |
626 | |
627 | #content .post .body p.topic |
628 | { |
629 | font-size:0.8em; |
630 | font-weight:bold; |
631 | background:#eee; |
632 | padding:2px 10px; |
633 | } |
634 | |
635 | /* other stuff */ |
636 | |
637 | #content p.online {margin-bottom:0;} |
638 | |
639 | #content img.icon |
640 | { |
641 | background:#696; |
642 | background-image: url(/forum/images/clearbits/bg_rounded.gif); |
643 | background-repeat: no-repeat; |
644 | vertical-align: bottom; |
645 | } |
646 | #content img.reply { float:right; } |
647 | #content img.orange { background-color:darkorange; } |
648 | #content img.grey { background-color:#ccc; } |
649 | #content img.darkgrey { background-color:#999; } |
650 | #content img.green { background-color:#0c0;} |
651 | |
652 | #content .post .author .icon |
653 | { |
654 | float:right; |
655 | } |
656 | |
657 | /* Reply */ |
658 | |
659 | #content div.editbox |
660 | { |
661 | border-bottom: 1px solid #333; |
662 | } |
663 | |
664 | #content div.editbox p { margin:0.5em 0;} |
665 | #content textarea |
666 | { |
667 | width:100%; |
668 | } |
669 | |
670 | #content div.editbox .button_or a |
671 | { |
672 | color:#ccc; |
673 | } |
674 | |
675 | #content div.editbox table td { border:0; } |
676 | #content div.editbox a.utility |
677 | { |
678 | color: #f99; |
679 | font-size: 0.65em; |
680 | padding: 2px 5px 4px; |
681 | display: block; |
682 | float: right; |
683 | text-align: right; |
684 | margin-top: 0.2em; |
685 | } |
686 | |
687 | #content div.editbox h5 |
688 | { |
689 | background:#ddd; |
690 | padding:2px 10px 3px; |
691 | font-size:0.7em; |
692 | margin:0.2em 0 0.5em; |
693 | } |
694 | |
695 | #content div.editbox p.help span, |
696 | #content div.editbox ul.help span { color:#666; } |
697 | #content div.editbox p.help, |
698 | #content div.editbox ul.help |
699 | { |
700 | padding: 3px 20px; |
701 | font-size:0.75em; |
702 | color:#888; |
703 | } |
704 | |
705 | #content #monitor_topic a |
706 | { |
707 | color: #666; |
708 | } |