Changesets can be listed by changeset number.
The Git repository is here.
- Revision:
- 209
- Log:
Tweaked styles to make PRE text work much better in the forum and
rely on global stylesheets in static content.
- Author:
- rool
- Date:
- Tue May 22 19:18:57 +0100 2007
- Size:
- 10522 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.sidebar-node p {font-size:80%;} |
9 | div.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 | } |
87 | |
88 | #content p.subtitle img { vertical-align: bottom; } |
89 | #content p.subtitle a { border: none; } |
90 | |
91 | #content h1 { margin-bottom: 10px; font-size: 160%; } |
92 | #content h1 img { vertical-align:middle; } |
93 | #content h1 span { font-size:0.7em; color:#999; font-weight:normal; padding-left: 1em;} |
94 | |
95 | #content h2 { font-size:1.0em; } |
96 | |
97 | #content h2 span |
98 | { |
99 | color:#999; |
100 | font-size:0.7em; |
101 | margin-left:1em; |
102 | } |
103 | |
104 | #content h5 |
105 | { |
106 | padding:2px 10px 3px; |
107 | background:#ddd; |
108 | font-size: 80%; |
109 | } |
110 | |
111 | #content h6 { margin-bottom:0; } |
112 | |
113 | #content pre.explain |
114 | { |
115 | background:#e7e7e7; |
116 | padding:7px 15px; |
117 | border:1px solid #ccc; |
118 | margin:0 2em; |
119 | } |
120 | |
121 | #content hr |
122 | { |
123 | height:0; |
124 | border:0; |
125 | border-bottom:1px solid #ccc; |
126 | margin:1em 0; |
127 | } |
128 | |
129 | #content #monitor_topic { |
130 | font-size: 12px; |
131 | } |
132 | |
133 | #content #monitor_topic .icon { |
134 | background-image:none; |
135 | } |
136 | |
137 | #content ul.quotes, |
138 | #content ul.flat |
139 | { |
140 | margin-left:0; |
141 | padding-left:0; |
142 | font-size:0.75em; |
143 | list-style-type:none; |
144 | } |
145 | |
146 | #content ul.talking li span |
147 | { |
148 | color:#666; |
149 | font-size:0.8em; |
150 | } |
151 | |
152 | #content ul.flat li |
153 | { |
154 | background:url(/forum/images/small_circle.gif) no-repeat 5px 6px; |
155 | padding-left:15px; |
156 | } |
157 | |
158 | #content ul.ways li span |
159 | { |
160 | color:#666; |
161 | font-size:0.9em; |
162 | } |
163 | |
164 | #content ul.quotes |
165 | { |
166 | font-size:0.8em; |
167 | } |
168 | |
169 | #content ul.quotes li {margin-bottom:1em; } |
170 | #content ul.quotes span |
171 | { |
172 | color:#666; |
173 | font-size:0.9em; |
174 | } |
175 | |
176 | #content ul.why |
177 | { |
178 | font-size:1em; |
179 | line-height:1.25em; |
180 | margin-top:2em; |
181 | } |
182 | |
183 | #content ul.why li p |
184 | { |
185 | margin-top:0.5em; |
186 | color:#666; |
187 | font-size:0.9em; |
188 | } |
189 | |
190 | #content ul.why li p strong { color:#c00; } |
191 | |
192 | #content a.utility |
193 | { |
194 | font-weight:normal; |
195 | font-size:0.8em; |
196 | } |
197 | |
198 | #content a.remove { color:#c00; } |
199 | #content a.subtle { color:#369; } |
200 | #content a.subtle:hover { color:blue; } |
201 | |
202 | #content div.asset |
203 | { |
204 | background:#e7e7e7; |
205 | padding:7px 15px; |
206 | border-bottom:1px solid #ccc; |
207 | font-size:0.8em; |
208 | margin-bottom:1em; |
209 | text-align:center; |
210 | } |
211 | |
212 | #content input.submit |
213 | { |
214 | margin-right:1em; |
215 | float:right; |
216 | } |
217 | |
218 | /* layout of paste */ |
219 | |
220 | #content .pastebox |
221 | { |
222 | width:100%; |
223 | } |
224 | |
225 | #content p.private, |
226 | #content .legend |
227 | { |
228 | margin-top:0; |
229 | color:#999; |
230 | font-size:0.8em; |
231 | } |
232 | #content .legend span strong { color: black; } |
233 | #content .legend span |
234 | { |
235 | margin-right:5em; |
236 | } |
237 | |
238 | #content p.private img { vertical-align:bottom;} |
239 | #content p.private |
240 | { |
241 | xcolor:white; |
242 | color:#c00; |
243 | font-weight:bold; |
244 | } |
245 | #content p.psmall { |
246 | font-size:0.7em; |
247 | font-weight:normal; |
248 | } |
249 | |
250 | #content div.upload |
251 | { |
252 | margin-top:-0.5em; |
253 | xbackground:#e7e7e7; |
254 | padding:7px 0; |
255 | float:left; |
256 | xwidth:63%; |
257 | margin-left:0.5em; |
258 | } |
259 | #content div.upload p label { font-size:0.7em; font-weight:bold;} |
260 | #content div.upload p {margin:0} |
261 | #content div.upload input { margin-left:0.75em;} |
262 | #content div.upload a |
263 | { |
264 | color:#666; |
265 | font-size:0.8em; |
266 | } |
267 | |
268 | #content .pastePreview pre { font-size:0.9em; } |
269 | |
270 | #content .pastePreview p |
271 | { |
272 | color:#777; |
273 | font-size:0.7em; |
274 | margin:0 0 0.5em; |
275 | } |
276 | |
277 | #content .pastePreview .when { float:right; } |
278 | #content .pastePreview .when strong { color:black; } |
279 | |
280 | #content #news |
281 | { |
282 | background:#248; |
283 | background:#475f30; |
284 | border:2px solid #778f60; |
285 | border-width:2px 0; |
286 | padding:5px 4%; |
287 | color:#ffc; |
288 | font-size:0.70em; |
289 | text-align:center; |
290 | |
291 | position:fixed; |
292 | bottom:0; |
293 | width:100%; |
294 | padding:6px 0 7px; |
295 | z-index:50; |
296 | } |
297 | |
298 | #content #news a.subtle { color:#ffc; font-weight:normal;} |
299 | #content #news a {color:gold; font-weight:bold} |
300 | #content #news p {margin:0;} |
301 | |
302 | #content .line_numbers, |
303 | #content .lineNumbers |
304 | { |
305 | color:#999; |
306 | padding-right:0.5em; |
307 | text-align:right; |
308 | } |
309 | |
310 | #content .line_numbers strong { color:#555; } |
311 | |
312 | #content td.code, |
313 | #content .thePaste |
314 | { |
315 | padding-left:0.75em; |
316 | } |
317 | |
318 | #content label |
319 | { |
320 | color:#666; |
321 | font-size:0.75em; |
322 | font-weight:normal; |
323 | } |
324 | |
325 | /* random */ |
326 | |
327 | #content .photo |
328 | { |
329 | background: url(/forum/images/clearbits/smile.gif) no-repeat 8px 8px; |
330 | } |
331 | |
332 | #content span.fn |
333 | { |
334 | display:block; |
335 | margin-left:44px; |
336 | } |
337 | |
338 | #content .smallutils |
339 | { |
340 | xfloat:right; |
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:0.8em; } |
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 | /* users */ |
430 | |
431 | #content a.admin |
432 | { |
433 | color:#c00; |
434 | font-weight:bold; |
435 | } |
436 | |
437 | /* last post */ |
438 | |
439 | #content table tr td.lp |
440 | { |
441 | font-size:0.85em; |
442 | color:#333; |
443 | } |
444 | #content table tr td.lp span { color:#666; } |
445 | #content table tr td.lp span a { color:#369; } |
446 | |
447 | #content table.topics tr td.c1 |
448 | { border-right:0; padding-right:2px; } |
449 | #content table.topics tr td.c2 |
450 | { border-left:0; padding-left:2px; } |
451 | |
452 | #content table.forums tr td.c1 { border-right:0; padding-right:5px; padding-top:7px; } |
453 | #content table.forums tr td.c2 { border-left:0; padding-left:5px; } |
454 | |
455 | #content table.topics tr td.c2 small a { color:#666; } |
456 | #content table.topics tr td.stat { font-size:0.9em; } |
457 | |
458 | /* misc */ |
459 | |
460 | #content .button_or |
461 | { |
462 | color:#666; |
463 | padding-left:0.5em; |
464 | font-size:0.75em; |
465 | } |
466 | #content .button_or a { color:#c00; } |
467 | |
468 | #content form.dialog |
469 | { |
470 | margin-top:3em; |
471 | background:#eee; |
472 | width:300px; |
473 | padding:15px; |
474 | } |
475 | |
476 | #content form .entryhelp |
477 | { |
478 | font-size:0.7em; |
479 | } |
480 | |
481 | #content form .help |
482 | { |
483 | font-size:0.8em; |
484 | } |
485 | |
486 | #content span.arrow |
487 | { |
488 | font-weight:normal; |
489 | font-size:0.9em; |
490 | color:#999; |
491 | } |
492 | |
493 | #content div.stats |
494 | { |
495 | margin-top:2em; |
496 | background:#ded; |
497 | font-size:0.8em; |
498 | padding:15px 15px; |
499 | border:2px solid #393; |
500 | border-width:1px 0; |
501 | } |
502 | #content div.stats .posts { float:right; text-align:right; } |
503 | |
504 | /* breadcrumbs */ |
505 | |
506 | #content .crumbs |
507 | { |
508 | font-size:0.75em; |
509 | } |
510 | #content .crumbs a { color:#468; } |
511 | #content .crumbs a:hover { color:#00c; } |
512 | |
513 | /* posts */ |
514 | |
515 | #content table.posts |
516 | { |
517 | border-bottom:2px solid #eee; |
518 | } |
519 | |
520 | #content table.posts tr td |
521 | { |
522 | border:0; |
523 | } |
524 | |
525 | #content table.posts tr.spacer td |
526 | { |
527 | font-size:1px; |
528 | } |
529 | |
530 | /* fade edit links */ |
531 | |
532 | #content .post .author .edit a |
533 | { |
534 | font-size:0.7em; |
535 | color:#666; |
536 | } |
537 | |
538 | #content .post .author img |
539 | { |
540 | float:left; |
541 | margin-right:0.5em; |
542 | } |
543 | |
544 | #content .post .author |
545 | { |
546 | border-top:2px solid #eee; |
547 | padding:5px 10px; |
548 | background:#eee; |
549 | font-weight:bold; |
550 | color:#333; |
551 | font-size:0.9em; |
552 | min-height:32px; |
553 | width:10em; |
554 | min-width:8em; |
555 | vertical-align:top; |
556 | } |
557 | |
558 | #content .post .author .posts |
559 | { |
560 | display:block; |
561 | font-size:80%; |
562 | color:#666; |
563 | margin-top:6px; |
564 | } |
565 | |
566 | #content .post .author a |
567 | { |
568 | color:#333; |
569 | text-decoration:none; |
570 | } |
571 | |
572 | #content .post .author a.admin |
573 | { |
574 | color:#080; |
575 | } |
576 | |
577 | #content .post .author a:hover |
578 | { |
579 | color:#369; |
580 | } |
581 | |
582 | #content .post .date |
583 | { |
584 | font-size:0.75em; |
585 | color:#666; |
586 | font-weight:normal; |
587 | margin-bottom:0.5em; |
588 | } |
589 | |
590 | #content .date a, |
591 | #content .date a abbr { border: none; } |
592 | |
593 | #content a.spacer_link |
594 | { |
595 | border:none; |
596 | margin:0; |
597 | padding:0; |
598 | font-size:1px; |
599 | } |
600 | |
601 | #content .posts .post .body |
602 | { |
603 | border-top:2px solid #eee; |
604 | font-size:0.9em; |
605 | padding:10px 20px; |
606 | } |
607 | |
608 | #content .posts .post .body blockquote |
609 | { |
610 | border:1px solid #cda; |
611 | border-left:3px solid #9a7; |
612 | border-right:0; |
613 | background:#efc; |
614 | padding:1px 10px; |
615 | margin-left:0; |
616 | } |
617 | |
618 | #content .posts .post .body pre |
619 | { |
620 | font-size: 100%; |
621 | } |
622 | |
623 | #content .posts .post .body a:hover { color:brown; } |
624 | |
625 | #content .posts .post .body blockquote p |
626 | { |
627 | margin:0.5em 0; |
628 | } |
629 | |
630 | #content .post .body p.topic |
631 | { |
632 | font-size:0.8em; |
633 | font-weight:bold; |
634 | background:#eee; |
635 | padding:2px 10px; |
636 | } |
637 | |
638 | /* other stuff */ |
639 | |
640 | #content p.online {margin-bottom:0;} |
641 | |
642 | #content img.icon |
643 | { |
644 | background:#696; |
645 | background-image: url(/forum/images/clearbits/bg_rounded.gif); |
646 | background-repeat: no-repeat; |
647 | vertical-align: bottom; |
648 | } |
649 | #content img.reply { float:right; } |
650 | #content img.orange { background-color:darkorange; } |
651 | #content img.grey { background-color:#ccc; } |
652 | #content img.darkgrey { background-color:#999; } |
653 | #content img.green { background-color:#0c0;} |
654 | |
655 | #content .post .author .icon |
656 | { |
657 | float:right; |
658 | } |
659 | |
660 | /* Reply */ |
661 | |
662 | #content div.editbox |
663 | { |
664 | border-bottom: 1px solid #333; |
665 | } |
666 | |
667 | #content div.editbox p { margin:0.5em 0;} |
668 | #content textarea |
669 | { |
670 | width:100%; |
671 | } |
672 | |
673 | #content div.editbox .button_or a |
674 | { |
675 | color:#ccc; |
676 | } |
677 | |
678 | #content div.editbox table td { border:0; } |
679 | #content div.editbox a.utility |
680 | { |
681 | color: #f99; |
682 | font-size: 0.65em; |
683 | padding: 2px 5px 4px; |
684 | display: block; |
685 | float: right; |
686 | text-align: right; |
687 | margin-top: 0.2em; |
688 | } |
689 | |
690 | #content div.editbox h5 |
691 | { |
692 | background:#ddd; |
693 | padding:2px 10px 3px; |
694 | font-size:0.7em; |
695 | margin:0.2em 0 0.5em; |
696 | } |
697 | |
698 | #content div.editbox p.help span, |
699 | #content div.editbox ul.help span { color:#666; } |
700 | #content div.editbox p.help, |
701 | #content div.editbox ul.help |
702 | { |
703 | padding: 3px 20px; |
704 | font-size:0.75em; |
705 | color:#888; |
706 | } |
707 | |
708 | #content #monitor_topic a |
709 | { |
710 | color: #666; |
711 | } |