Changesets can be listed by changeset number.
The Git repository is here.
- Revision:
- 237
- Log:
Updates for new 17-Oct-2008 design.
- Author:
- rool
- Date:
- Fri Oct 17 15:06:31 +0100 2008
- Size:
- 10608 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 | xfloat:right; |
342 | margin-top:-0.5em; |
343 | margin-bottom:0em; |
344 | text-align:right; |
345 | } |
346 | |
347 | #content .smallutils a |
348 | { |
349 | color:#666; |
350 | font-size:0.7em; |
351 | } |
352 | |
353 | #content .smallutils a:hover {color:#369;} |
354 | |
355 | /* tables */ |
356 | |
357 | #content table.noborder td |
358 | { |
359 | border:0; |
360 | } |
361 | |
362 | #content table.nopad td |
363 | { |
364 | padding-left:0; |
365 | } |
366 | |
367 | #content table |
368 | { |
369 | border-collapse:collapse; |
370 | } |
371 | #content table tr th |
372 | { |
373 | background:#ddd; |
374 | font-size:80%; |
375 | padding:3px 10px; |
376 | } |
377 | #content table tr td |
378 | { |
379 | padding:7px; |
380 | border:1px solid #ddd; |
381 | } |
382 | |
383 | /* topics */ |
384 | |
385 | #content #forum_description, |
386 | #content #topic_body |
387 | { |
388 | width:99%; |
389 | } |
390 | |
391 | /* specific table styles */ |
392 | |
393 | #content table.forums, |
394 | #content table.topics { font-size: 0.8em; } |
395 | #content table.forums tr th { font-size: 1em; } |
396 | #content table.forums tr td .title |
397 | { |
398 | font-size:1.4em; |
399 | } |
400 | |
401 | #content table.forums tr td .desc |
402 | { |
403 | margin:0.5em 0; |
404 | } |
405 | |
406 | #content table.forums tr td |
407 | { |
408 | padding:4px 15px; |
409 | } |
410 | |
411 | #content table.forums a.tiny |
412 | { |
413 | font-size:0.8em; |
414 | color:#666; |
415 | } |
416 | |
417 | #content table.forums .posts |
418 | { |
419 | color:#666; |
420 | font-size:0.8em; |
421 | } |
422 | |
423 | #content table tr th.la { text-align:left; } |
424 | #content table tr td.ca { text-align:center; } |
425 | #content table tr td.inv { background:#fbfbfb; } |
426 | #content table tr td.vat { vertical-align:top; } |
427 | |
428 | #content table tr td.narrow { padding:2px 5px;} |
429 | |
430 | /* last post */ |
431 | |
432 | #content table tr td.lp |
433 | { |
434 | font-size:0.85em; |
435 | color:#333; |
436 | } |
437 | #content table tr td.lp span { color:#666; } |
438 | #content table tr td.lp span a { color:#369; } |
439 | |
440 | #content table.topics tr td.c1 |
441 | { border-right:0; padding-right:2px; } |
442 | #content table.topics tr td.c2 |
443 | { border-left:0; padding-left:2px; } |
444 | |
445 | #content table.forums tr td.c1 { border-right:0; padding-right:5px; padding-top:7px; } |
446 | #content table.forums tr td.c2 { border-left:0; padding-left:5px; } |
447 | |
448 | #content table.topics tr td.c2 small a { color:#666; } |
449 | #content table.topics tr td.stat { font-size:0.9em; } |
450 | |
451 | /* misc */ |
452 | |
453 | #content .button_or |
454 | { |
455 | color:#666; |
456 | padding-left:0.5em; |
457 | font-size:0.75em; |
458 | } |
459 | #content .button_or a { color:#c00; } |
460 | |
461 | #content form.dialog |
462 | { |
463 | margin-top:3em; |
464 | background:#eee; |
465 | width:300px; |
466 | padding:15px; |
467 | } |
468 | |
469 | #content form .entryhelp |
470 | { |
471 | font-size:0.7em; |
472 | } |
473 | |
474 | #content form .help |
475 | { |
476 | font-size:0.8em; |
477 | } |
478 | |
479 | #content span.arrow |
480 | { |
481 | font-weight:normal; |
482 | font-size:0.9em; |
483 | color:#999; |
484 | } |
485 | |
486 | #content div.stats |
487 | { |
488 | margin-top:2em; |
489 | background: #e5ffd4 url( /images/risc_os_open/top_fade.png ) top left repeat-x;; |
490 | font-size:0.8em; |
491 | padding:15px 15px; |
492 | } |
493 | #content div.stats .posts { float:right; text-align:right; } |
494 | |
495 | /* breadcrumbs */ |
496 | |
497 | #content .crumbs |
498 | { |
499 | font-size:0.75em; |
500 | } |
501 | #content .crumbs a { color:#468; } |
502 | #content .crumbs a:hover { color:#00c; } |
503 | |
504 | /* posts */ |
505 | |
506 | #content table.posts |
507 | { |
508 | border-bottom:2px solid #eee; |
509 | } |
510 | |
511 | #content table.posts tr td |
512 | { |
513 | border:0; |
514 | } |
515 | |
516 | #content table.posts tr.spacer td |
517 | { |
518 | font-size:1px; |
519 | } |
520 | |
521 | /* fade edit links */ |
522 | |
523 | #content .post .author .edit a |
524 | { |
525 | font-size:0.7em; |
526 | color:#666; |
527 | } |
528 | |
529 | #content .post .author img |
530 | { |
531 | float:left; |
532 | margin-right:0.5em; |
533 | } |
534 | |
535 | #content .post .author |
536 | { |
537 | border-top:2px solid #eee; |
538 | padding:5px 10px; |
539 | background:#eee; |
540 | font-weight:bold; |
541 | color:#333; |
542 | font-size:0.9em; |
543 | min-height:32px; |
544 | width:10em; |
545 | min-width:8em; |
546 | vertical-align:top; |
547 | } |
548 | |
549 | #content .post .author .posts |
550 | { |
551 | display:block; |
552 | font-size:80%; |
553 | color:#666; |
554 | margin-top:6px; |
555 | } |
556 | |
557 | #content .post .author a |
558 | { |
559 | font-weight: normal; |
560 | font-size: 90%; |
561 | } |
562 | |
563 | #content a.admin, |
564 | #content .post .author a.admin |
565 | { |
566 | font-weight: bold |
567 | } |
568 | |
569 | #content table.posts |
570 | { |
571 | width: 100%; |
572 | } |
573 | |
574 | #content .post td.author |
575 | { |
576 | width: 25%; |
577 | } |
578 | |
579 | #content .post td.body |
580 | { |
581 | width: 75%; |
582 | } |
583 | |
584 | #content .post .date |
585 | { |
586 | font-size:0.75em; |
587 | color:#666; |
588 | font-weight:normal; |
589 | margin-bottom:0.5em; |
590 | } |
591 | |
592 | #content .date a, |
593 | #content .date a abbr { border: none; } |
594 | |
595 | #content a.spacer_link |
596 | { |
597 | border:none; |
598 | margin:0; |
599 | padding:0; |
600 | font-size:1px; |
601 | } |
602 | |
603 | #content .posts .post .body |
604 | { |
605 | border-top:2px solid #eee; |
606 | font-size:0.9em; |
607 | padding: 0 0 0 10px; |
608 | } |
609 | |
610 | #content .posts .post .body blockquote |
611 | { |
612 | border:1px solid #b8a6c4; |
613 | border-left:3px solid #61377a; |
614 | border-right:0; |
615 | background:#e2dae6; |
616 | padding:1px 10px; |
617 | margin-left: 0; |
618 | margin-right: 0; |
619 | } |
620 | |
621 | #content .posts .post .body a:hover { color:brown; } |
622 | |
623 | #content .posts .post .body blockquote p |
624 | { |
625 | margin:0.5em 0; |
626 | } |
627 | |
628 | #content .post .body p.topic |
629 | { |
630 | font-size:0.8em; |
631 | font-weight:bold; |
632 | background:#eee; |
633 | padding:2px 10px; |
634 | } |
635 | |
636 | /* other stuff */ |
637 | |
638 | #content p.online {margin-bottom:0;} |
639 | |
640 | #content img.icon |
641 | { |
642 | background:#696; |
643 | background-image: url(/forum/images/clearbits/bg_rounded.gif); |
644 | background-repeat: no-repeat; |
645 | vertical-align: bottom; |
646 | } |
647 | #content img.reply { float:right; } |
648 | #content img.orange { background-color:darkorange; } |
649 | #content img.grey { background-color:#ccc; } |
650 | #content img.darkgrey { background-color:#999; } |
651 | #content img.green { background-color:#0c0;} |
652 | |
653 | #content .post .author .icon |
654 | { |
655 | float:right; |
656 | } |
657 | |
658 | /* Reply */ |
659 | |
660 | #content div.editbox |
661 | { |
662 | border-bottom: 1px solid #333; |
663 | } |
664 | |
665 | #content div.editbox p { margin:0.5em 0;} |
666 | #content textarea |
667 | { |
668 | width:100%; |
669 | } |
670 | |
671 | #content div.editbox .button_or a |
672 | { |
673 | color:#ccc; |
674 | } |
675 | |
676 | #content div.editbox table td { border:0; } |
677 | #content div.editbox a.utility |
678 | { |
679 | color: #f99; |
680 | font-size: 0.65em; |
681 | padding: 2px 5px 4px; |
682 | display: block; |
683 | float: right; |
684 | text-align: right; |
685 | margin-top: 0.2em; |
686 | } |
687 | |
688 | #content div.editbox h5 |
689 | { |
690 | background:#ddd; |
691 | padding:2px 10px 3px; |
692 | font-size:0.7em; |
693 | margin:0.2em 0 0.5em; |
694 | } |
695 | |
696 | #content div.editbox p.help span, |
697 | #content div.editbox ul.help span { color:#666; } |
698 | #content div.editbox p.help, |
699 | #content div.editbox ul.help |
700 | { |
701 | padding: 3px 20px; |
702 | font-size:0.75em; |
703 | color:#888; |
704 | } |
705 | |
706 | #content #monitor_topic a |
707 | { |
708 | color: #666; |
709 | } |