Changesets can be listed by changeset number.
The Git repository is here.
- Revision:
- 174
- Log:
The start of modifications required for site integration. This check-in
focuses on basic template and style issues.
- Author:
- rool
- Date:
- Fri Mar 02 16:00:22 +0000 2007
- Size:
- 11112 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 | #content form {margin-bottom:0;} |
9 | |
10 | #content p.subtle |
11 | { |
12 | margin:0 0 0.5em; |
13 | float:right; |
14 | } |
15 | |
16 | #content .subtle a |
17 | { |
18 | color:#999; |
19 | font-size:0.7em; |
20 | } |
21 | |
22 | #content img { border-width:0; } |
23 | |
24 | #content p.pages |
25 | { |
26 | float:right; |
27 | font-size:0.85em; |
28 | margin-top:1.2em; |
29 | } |
30 | |
31 | #content span.pipe |
32 | { |
33 | color:#999; |
34 | margin:0 0.15em; |
35 | } |
36 | |
37 | #content div.news |
38 | { |
39 | background:#cfc; |
40 | text-align:center; |
41 | margin:0 auto; |
42 | width:40em; |
43 | margin-top:1em; |
44 | padding:7px 15px; |
45 | font-size:0.7em; |
46 | font-weight:bold; |
47 | } |
48 | |
49 | #content div.news p { margin:0; } |
50 | |
51 | #content p.notice, |
52 | #content p.sections |
53 | { |
54 | background:#df9; |
55 | padding:7px 15px; |
56 | border:1px solid #bd7; |
57 | margin-top:0; |
58 | font-size:0.8em; |
59 | } |
60 | |
61 | #content p.error |
62 | { |
63 | background:#c00; |
64 | color:white; |
65 | } |
66 | |
67 | #content p.sections a.action { color:#c00; } |
68 | |
69 | #content .hasfile |
70 | { |
71 | color:#090; |
72 | font-weight:bold; |
73 | margin-left:10em; |
74 | } |
75 | |
76 | #content p.subtitle |
77 | { |
78 | font-size:0.75em; |
79 | color:#888; |
80 | font-weight:bold; |
81 | } |
82 | |
83 | #content p.subtitle img { vertical-align: bottom; } |
84 | #content p.subtitle a { border: none; } |
85 | |
86 | #content h1 { margin-bottom: 10px; } |
87 | #content h1 img { vertical-align:middle; } |
88 | #content h1 span { font-size:0.7em; color:#999; font-weight:normal; padding-left: 1em;} |
89 | |
90 | #content h2 { font-size:1.0em; } |
91 | |
92 | #content h2 span |
93 | { |
94 | color:#999; |
95 | font-size:0.7em; |
96 | margin-left:1em; |
97 | } |
98 | |
99 | #content h3 |
100 | { |
101 | padding:2px 10px 3px; |
102 | background:#ddd; |
103 | font-size:0.70em; |
104 | border-bottom:1px solid #999; |
105 | } |
106 | |
107 | #content h6 { margin-bottom:0; } |
108 | |
109 | #content pre.explain |
110 | { |
111 | background:#e7e7e7; |
112 | padding:7px 15px; |
113 | border:1px solid #ccc; |
114 | margin:0 2em; |
115 | } |
116 | |
117 | #content hr |
118 | { |
119 | height:0; |
120 | border:0; |
121 | border-bottom:1px solid #ccc; |
122 | margin:1em 0; |
123 | } |
124 | |
125 | #content #monitor_topic { |
126 | font-size: 12px; |
127 | } |
128 | |
129 | #content #monitor_topic .icon { |
130 | background-image:none; |
131 | } |
132 | |
133 | #content ul.quotes, |
134 | #content ul.flat |
135 | { |
136 | margin-left:0; |
137 | padding-left:0; |
138 | font-size:0.75em; |
139 | list-style-type:none; |
140 | } |
141 | |
142 | #content ul.talking li span |
143 | { |
144 | color:#666; |
145 | font-size:0.8em; |
146 | } |
147 | |
148 | #content ul.flat li |
149 | { |
150 | background:url(/forum/images/small_circle.gif) no-repeat 5px 6px; |
151 | padding-left:15px; |
152 | } |
153 | |
154 | #content ul.ways li span |
155 | { |
156 | color:#666; |
157 | font-size:0.9em; |
158 | } |
159 | |
160 | #content ul.quotes |
161 | { |
162 | font-size:0.8em; |
163 | } |
164 | |
165 | #content ul.quotes li {margin-bottom:1em; } |
166 | #content ul.quotes span |
167 | { |
168 | color:#666; |
169 | font-size:0.9em; |
170 | } |
171 | |
172 | #content ul.why |
173 | { |
174 | font-size:1em; |
175 | line-height:1.25em; |
176 | margin-top:2em; |
177 | } |
178 | |
179 | #content ul.why li p |
180 | { |
181 | margin-top:0.5em; |
182 | color:#666; |
183 | font-size:0.9em; |
184 | } |
185 | |
186 | #content ul.why li p strong { color:#c00; } |
187 | |
188 | #content a.utility |
189 | { |
190 | font-weight:normal; |
191 | color:#c00; |
192 | font-size:0.8em; |
193 | } |
194 | |
195 | #content a.remove { color:#c00; } |
196 | #content a.utility:hover |
197 | { |
198 | color:#c00; |
199 | } |
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 | xbackground:#e7e7e7; |
255 | padding:7px 0; |
256 | float:left; |
257 | xwidth: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:#aaa url(/forum/images/clearbits/smile.gif) no-repeat 8px 8px; |
331 | } |
332 | |
333 | #content .smallutils |
334 | { |
335 | xfloat:right; |
336 | margin-top:-0.5em; |
337 | margin-bottom:0em; |
338 | text-align:right; |
339 | } |
340 | |
341 | #content .smallutils a |
342 | { |
343 | color:#666; |
344 | font-size:0.7em; |
345 | } |
346 | |
347 | #content .smallutils a:hover {color:#369;} |
348 | |
349 | /* tables */ |
350 | |
351 | #content table.noborder td |
352 | { |
353 | border:0; |
354 | } |
355 | |
356 | #content table.nopad td |
357 | { |
358 | padding-left:0; |
359 | } |
360 | |
361 | #content table |
362 | { |
363 | border-collapse:collapse; |
364 | } |
365 | #content table.wide { width:100%; } |
366 | #content table tr th |
367 | { |
368 | background:#ddd; |
369 | font-size:80%; |
370 | padding:3px 10px; |
371 | } |
372 | #content table tr td |
373 | { |
374 | padding:7px; |
375 | border:1px solid #ddd; |
376 | } |
377 | |
378 | /* topics */ |
379 | |
380 | #content #forum_description, |
381 | #content #topic_body |
382 | { |
383 | width:99%; |
384 | } |
385 | |
386 | /* specific table styles */ |
387 | |
388 | #content table.forums, |
389 | #content table.topics { font-size:0.8em; } |
390 | #content table.forums tr th { font-size:0.8em; } |
391 | #content table.forums tr td .title |
392 | { |
393 | font-size:1.4em; |
394 | } |
395 | |
396 | #content table.forums tr td .desc |
397 | { |
398 | margin:0.5em 0; |
399 | } |
400 | |
401 | #content table.forums tr td |
402 | { |
403 | padding:4px 15px; |
404 | } |
405 | |
406 | #content table.forums a.tiny |
407 | { |
408 | font-size:0.8em; |
409 | color:#666; |
410 | } |
411 | |
412 | #content table.forums .posts |
413 | { |
414 | color:#666; |
415 | font-size:0.8em; |
416 | } |
417 | |
418 | #content table tr th.la { text-align:left; } |
419 | #content table tr td.ca { text-align:center; } |
420 | #content table tr td.inv { background:#fbfbfb; } |
421 | #content table tr td.vat { vertical-align:top; } |
422 | |
423 | #content table tr td.narrow { padding:2px 5px;} |
424 | |
425 | /* users */ |
426 | |
427 | #content a.admin |
428 | { |
429 | color:#c00; |
430 | font-weight:bold; |
431 | } |
432 | |
433 | /* last post */ |
434 | |
435 | #content table tr td.lp |
436 | { |
437 | font-size:0.85em; |
438 | color:#333; |
439 | } |
440 | #content table tr td.lp span { color:#666; } |
441 | #content table tr td.lp span a { color:#369; } |
442 | |
443 | #content table.topics tr td.c1 |
444 | { border-right:0; padding-right:2px; } |
445 | #content table.topics tr td.c2 |
446 | { border-left:0; padding-left:2px; } |
447 | |
448 | #content table.forums tr td.c1 { border-right:0; padding-right:5px; padding-top:7px; } |
449 | #content table.forums tr td.c2 { border-left:0; padding-left:5px; } |
450 | |
451 | #content table.topics tr td.c2 small a { color:#666; } |
452 | #content table.topics tr td.stat { font-size:0.9em; } |
453 | |
454 | /* misc */ |
455 | |
456 | #content .button_or |
457 | { |
458 | color:#666; |
459 | padding-left:0.5em; |
460 | font-size:0.75em; |
461 | } |
462 | #content .button_or a { color:#c00; } |
463 | |
464 | #content form.dialog |
465 | { |
466 | margin-top:3em; |
467 | background:#eee; |
468 | width:300px; |
469 | padding:15px; |
470 | } |
471 | |
472 | #content form .entryhelp |
473 | { |
474 | font-size:0.7em; |
475 | } |
476 | |
477 | #content form .help |
478 | { |
479 | font-size:0.8em; |
480 | } |
481 | |
482 | #content span.arrow |
483 | { |
484 | font-weight:normal; |
485 | font-size:0.9em; |
486 | color:#999; |
487 | } |
488 | |
489 | #content div.stats |
490 | { |
491 | margin-top:2em; |
492 | background:#ded; |
493 | font-size:0.8em; |
494 | padding:15px 15px; |
495 | border:2px solid #393; |
496 | border-width:1px 0; |
497 | } |
498 | #content div.stats .posts { float:right; text-align:right; } |
499 | |
500 | /* breadcrumbs */ |
501 | |
502 | #content .crumbs |
503 | { |
504 | font-size:0.75em; |
505 | } |
506 | #content .crumbs a { color:#468; } |
507 | #content .crumbs a:hover { color:#00c; } |
508 | |
509 | /* posts */ |
510 | |
511 | #content table.posts |
512 | { |
513 | border-bottom:2px solid #eee; |
514 | } |
515 | |
516 | #content table.posts tr td |
517 | { |
518 | border:0; |
519 | } |
520 | |
521 | #content table.posts tr.spacer td |
522 | { |
523 | font-size:1px; |
524 | } |
525 | |
526 | /* fade edit links */ |
527 | |
528 | #content .post .author .edit a |
529 | { |
530 | font-size:0.7em; |
531 | color:#666; |
532 | } |
533 | |
534 | #content .post .author img |
535 | { |
536 | float:left; |
537 | margin-right:0.5em; |
538 | } |
539 | |
540 | #content .post .author |
541 | { |
542 | border-top:2px solid #eee; |
543 | padding:5px 10px; |
544 | background:#eee; |
545 | font-weight:bold; |
546 | color:#333; |
547 | font-size:0.9em; |
548 | min-height:32px; |
549 | width:10em; |
550 | min-width:8em; |
551 | vertical-align:top; |
552 | } |
553 | |
554 | #content .post .author .posts |
555 | { |
556 | display:block; |
557 | font-size:0.75em; |
558 | color:black; |
559 | color:#666; |
560 | } |
561 | |
562 | #content .post .author a |
563 | { |
564 | color:#333; |
565 | text-decoration:none; |
566 | } |
567 | |
568 | #content .post .author a.admin |
569 | { |
570 | color:#080; |
571 | } |
572 | |
573 | #content .post .author a:hover |
574 | { |
575 | color:#369; |
576 | } |
577 | |
578 | #content .post .date |
579 | { |
580 | font-size:0.75em; |
581 | color:#666; |
582 | font-weight:normal; |
583 | margin-bottom:0.5em; |
584 | } |
585 | |
586 | #content .date a, |
587 | #content .date a abbr { border: none; } |
588 | |
589 | #content a.spacer_link |
590 | { |
591 | border:none; |
592 | margin:0; |
593 | padding:0; |
594 | font-size:1px; |
595 | } |
596 | |
597 | #content .posts .post .body |
598 | { |
599 | border-top:2px solid #eee; |
600 | font-size:0.9em; |
601 | padding:10px 20px; |
602 | } |
603 | |
604 | #content .posts .post .body blockquote |
605 | { |
606 | border:1px solid #cda; |
607 | border-left:3px solid #9a7; |
608 | border-right:0; |
609 | background:#efc; |
610 | padding:1px 10px; |
611 | margin-left:0; |
612 | } |
613 | |
614 | #content .posts .post .body pre |
615 | { |
616 | font-size:0.8em; |
617 | background:#eee; |
618 | padding:5px 10px; |
619 | border:1px solid #ccc; |
620 | border-left:3px solid #ddd; |
621 | border-right:0; |
622 | overflow:auto; |
623 | font-family: "Monaco", "Bitstream Vera Sans Mono", "Courier New", serif; |
624 | } |
625 | |
626 | #content .posts .post .body a:hover { color:brown; } |
627 | |
628 | #content .posts .post .body blockquote p |
629 | { |
630 | margin:0.5em 0; |
631 | } |
632 | |
633 | #content .post .body p.topic |
634 | { |
635 | font-size:0.8em; |
636 | font-weight:bold; |
637 | background:#eee; |
638 | padding:2px 10px; |
639 | } |
640 | |
641 | /* other stuff */ |
642 | |
643 | #content p.online {margin-bottom:0;} |
644 | |
645 | #content img.icon |
646 | { |
647 | background:#696; |
648 | background-image: url(/forum/images/clearbits/bg_rounded.gif); |
649 | background-repeat: no-repeat; |
650 | vertical-align: bottom; |
651 | } |
652 | #content img.reply { float:right; } |
653 | #content img.orange { background-color:darkorange; } |
654 | #content img.grey { background-color:#ccc; } |
655 | #content img.darkgrey { background-color:#999; } |
656 | #content img.green { background-color:#0c0;} |
657 | |
658 | #content .post .author .icon |
659 | { |
660 | float:right; |
661 | } |
662 | |
663 | /* reply */ |
664 | |
665 | #content div.editbox |
666 | { |
667 | background:url(/forum/images/reply_background.png); |
668 | border:2px solid #333; |
669 | border-width:2px 0; |
670 | position:fixed; |
671 | bottom:0; |
672 | left:0; |
673 | width:100%; |
674 | padding:6px 0 7px; |
675 | z-index:50; |
676 | } |
677 | |
678 | #content div.editbox .container |
679 | { |
680 | width:92%; |
681 | margin:0 auto; |
682 | min-width:760px; |
683 | } |
684 | |
685 | #content div.editbox p { margin:0.5em 0;} |
686 | #content div.editbox textarea |
687 | { |
688 | width:100%; |
689 | background:white; |
690 | opacity:1; |
691 | font-size:0.8em; |
692 | } |
693 | |
694 | #content div.editbox .button_or a |
695 | { |
696 | color:#ccc; |
697 | } |
698 | |
699 | #content div.editbox table td { border:0; } |
700 | #content div.editbox a.utility |
701 | { |
702 | color: #f99; |
703 | font-size: 0.65em; |
704 | padding: 2px 5px 4px; |
705 | display: block; |
706 | float: right; |
707 | text-align: right; |
708 | margin-top: 0.2em; |
709 | } |
710 | |
711 | #content div.editbox h5 |
712 | { |
713 | background:#ddd; |
714 | padding:2px 10px 3px; |
715 | font-size:0.7em; |
716 | margin:0.2em 0 0.5em; |
717 | } |
718 | |
719 | #content div.editbox p.help span, |
720 | #content div.editbox ul.help span { color:#666; } |
721 | #content div.editbox p.help, |
722 | #content div.editbox ul.help |
723 | { |
724 | padding:3px 10px; |
725 | font-size:0.75em; |
726 | color:#ccc; |
727 | } |
728 | |
729 | #content div.editbox ul.help { margin:0; } |
730 | |
731 | #content div.editbox ul.help |
732 | { |
733 | list-style-type:none; |
734 | } |
735 | |
736 | #content #monitor_topic a |
737 | { |
738 | color: #666; |
739 | } |