Changesets can be listed by changeset number.
The Git repository is here.
- Revision:
- 486
- Log:
Static resources update for 2024
- Author:
- rool
- Date:
- Sun Jan 28 09:07:29 +0000 2024
- Size:
- 13081 Bytes
1 | /* RISC OS Open basic site stylesheet. |
2 | * |
3 | * (C) RISC OS Open Limited 2011, 2024 |
4 | * |
5 | * For printing styles, see the end of this file. |
6 | */ |
7 | |
8 | body |
9 | { |
10 | font-family: homerton, tahoma, helvetica, sans-serif; |
11 | color: #333; |
12 | background: #dbdbdb; |
13 | margin: 0; |
14 | padding: 0; |
15 | font-size: 12pt; |
16 | } |
17 | |
18 | /* "Push away" bottom-of-window footer CSS fragment start */ |
19 | html { height: 100%; } |
20 | body { height: 100%; } |
21 | #template_above_footer { min-height: 100%; } |
22 | /* "Push away" bottom-of-window footer CSS fragment end */ |
23 | |
24 | #template_above_footer |
25 | { |
26 | background: #fff; |
27 | } |
28 | |
29 | address |
30 | { |
31 | font-style: normal; |
32 | padding-left: 2em; |
33 | } |
34 | |
35 | code |
36 | { |
37 | font-size: 11pt; |
38 | } |
39 | |
40 | pre, pre code, code pre |
41 | { |
42 | font-size: 10pt; |
43 | } |
44 | |
45 | pre |
46 | { |
47 | background: #eee; |
48 | border: 1px solid #bbb; |
49 | padding: 5px; |
50 | overflow: auto; |
51 | } |
52 | |
53 | blockquote |
54 | { |
55 | border: 1px solid #b8a6c4; |
56 | border-left: 3px solid #61377a; |
57 | border-right: 0; |
58 | background: #e2dae6; |
59 | padding: 1px 10px; |
60 | margin-left: 0; |
61 | margin-right: 0; |
62 | } |
63 | |
64 | blockquote p, blockquote blockquote |
65 | { |
66 | margin: 0.5em 0; |
67 | } |
68 | |
69 | /* Common heading styles and block behaviour */ |
70 | |
71 | h1, h2, h3, h4, h5, h6, form, div |
72 | { |
73 | margin: 0; |
74 | padding: 0; |
75 | } |
76 | |
77 | h1, h2, h3, h4, h5, h6 { |
78 | margin-bottom: 5px; |
79 | } |
80 | |
81 | h3 |
82 | { |
83 | font: normal 125% homerton, tahoma, helvetica, sans-serif; |
84 | color: #61377a; |
85 | } |
86 | |
87 | h2 ~ h3 |
88 | { |
89 | margin-top: 14px; |
90 | } |
91 | |
92 | /* Common form element and form-related styles */ |
93 | |
94 | input[type="text"], input[type="password"], textarea, select |
95 | { |
96 | border: 1px solid #4e713e; |
97 | background: #fff; |
98 | padding: 3px; |
99 | } |
100 | |
101 | input[type="submit"] |
102 | { |
103 | /* border-radius: 6px; */ /* Valid, but the W3C CSS3 validator is buggy and complains - and has since 2006! */ |
104 | -moz-border-radius: 6px; |
105 | -webkit-border-radius: 6px; |
106 | |
107 | background: #eee url( /images/risc_os_open/button_fade.png ) top left repeat-x; |
108 | border: 2px solid #e5e5e5; |
109 | |
110 | /* Some browsers reset the font family in button elements, so it must be |
111 | * explicitly restated here. |
112 | */ |
113 | |
114 | font-family: homerton, tahoma, helvetica, sans-serif; |
115 | |
116 | font-size: 11pt; |
117 | line-height: 100%; |
118 | text-decoration: none; |
119 | font-weight: bold; |
120 | color: #4e713e; |
121 | cursor: pointer; |
122 | padding: 5px 9px 7px 9px; |
123 | margin: 1px 0; /* Stop vertically stacked buttons from touching */ |
124 | } |
125 | |
126 | input[type="submit"]:hover { |
127 | background-color: #e6efc2; |
128 | border-color: #c6d880; |
129 | color: #4c7c2e; |
130 | |
131 | box-shadow: 0px 0px 4px #888; |
132 | -moz-box-shadow: #888 0 0 4px; |
133 | -webkit-box-shadow: #888 0 0 4px; |
134 | } |
135 | |
136 | input.template_donate |
137 | { |
138 | width: 110px; |
139 | height: 23px; |
140 | border: none; |
141 | } |
142 | |
143 | input.template_buy |
144 | { |
145 | border: none; |
146 | } |
147 | |
148 | div.template_donate, div.template_buy |
149 | { |
150 | text-align: center; |
151 | } |
152 | |
153 | img.template_donate, img.template_buy |
154 | { |
155 | position: fixed; |
156 | top: 0; |
157 | left: 0; |
158 | visibility: hidden; |
159 | } |
160 | |
161 | div.template_sidebar_node form |
162 | { |
163 | text-align: center; |
164 | white-space: nowrap; |
165 | } |
166 | |
167 | /* Common link styles */ |
168 | |
169 | a |
170 | { |
171 | text-decoration: none; |
172 | border-bottom: 1px dotted; |
173 | padding: 0; |
174 | margin: 0; |
175 | color: #28477a; |
176 | } |
177 | |
178 | a:hover |
179 | { |
180 | background: #dadfe7; |
181 | border-bottom: 1px solid; |
182 | } |
183 | |
184 | a:visited |
185 | { |
186 | color: #5b6370; |
187 | } |
188 | |
189 | a img, a:hover img |
190 | { |
191 | border: none; |
192 | } |
193 | |
194 | a.img, a:hover.img |
195 | { |
196 | background: transparent; |
197 | border-bottom: none; |
198 | } |
199 | |
200 | .powered, |
201 | .powered img, |
202 | a.powered, |
203 | a.powered:hover |
204 | { |
205 | border: none; |
206 | background: none; |
207 | } |
208 | |
209 | /* Major functional blocks */ |
210 | |
211 | #template_header_2024, |
212 | #template_navigation, |
213 | #template_main, |
214 | #template_footer_2024 |
215 | { |
216 | clear: both; |
217 | padding-left: 5%; |
218 | padding-right: 5%; |
219 | } |
220 | |
221 | /* Header */ |
222 | |
223 | #template_header_2024 |
224 | { |
225 | box-sizing: border-box; |
226 | width: 100%; |
227 | height: 140px; |
228 | min-width: 640px; |
229 | padding-top: 30px; |
230 | padding-bottom: 30px; |
231 | background: #283556 url( /images/risc_os_open/rool_header_swirl.png ) center center no-repeat; |
232 | background-size: cover; |
233 | } |
234 | |
235 | div#template_header_cog { |
236 | display: inline-block; |
237 | float: right; |
238 | width: 90px; |
239 | height: 90px; |
240 | margin-top: -5px; |
241 | background: url( /images/risc_os_open/rool_header_cog.png ) center center no-repeat; |
242 | background-size: contain; |
243 | filter: drop-shadow(0px 0px 3px #ffffff); |
244 | } |
245 | |
246 | @media (min-resolution: 2x) { |
247 | div#template_header_cog { |
248 | background: url( /images/risc_os_open/rool_header_cog_2x.png ) center center no-repeat; |
249 | background-size: contain; |
250 | } |
251 | } |
252 | |
253 | div#template_header_rool_text { |
254 | width: 100%; |
255 | height: 52px; |
256 | background: url( /images/risc_os_open/rool_header_text.png ) center left no-repeat; |
257 | background-size: contain; |
258 | filter: drop-shadow(0px 0px 2px #000000); |
259 | } |
260 | |
261 | @media (min-resolution: 2x) { |
262 | div#template_header_rool_text { |
263 | background: url( /images/risc_os_open/rool_header_text_2x.png ) center left no-repeat; |
264 | background-size: contain; |
265 | } |
266 | } |
267 | |
268 | div#template_header_rool_tagline { |
269 | margin-top: 12px; |
270 | font-family: homerton, tahoma, helvetica, sans-serif; |
271 | font-size: 15.6px; |
272 | line-height: 15.6px; |
273 | color: white; |
274 | } |
275 | |
276 | /* Navigation bar */ |
277 | |
278 | #template_navigation |
279 | { |
280 | white-space: nowrap; |
281 | background: #c6e7b6; |
282 | border-top: 1px solid black; |
283 | border-bottom: 1px solid black; |
284 | margin-bottom: 30px; |
285 | } |
286 | |
287 | #template_navigation_main |
288 | { |
289 | font-weight: bold; |
290 | font-size: 80%; |
291 | } |
292 | |
293 | #template_navigation_hub |
294 | { |
295 | float: right; |
296 | padding: 7px 0; |
297 | } |
298 | |
299 | @media (max-width: 680px) { |
300 | #template_navigation_main, |
301 | #template_navigation_hub { |
302 | float: clear; |
303 | } |
304 | } |
305 | |
306 | a.template_navigation |
307 | { |
308 | color: #334A28; |
309 | border: 0; |
310 | padding: 10px 16px; |
311 | border-right: 1px solid #4f733e; |
312 | } |
313 | |
314 | a.template_navigation:first-child { |
315 | border-left: 1px solid #4f733e; |
316 | } |
317 | |
318 | a.template_navigation:hover |
319 | { |
320 | background: #4f733e; |
321 | color: #fff; |
322 | } |
323 | |
324 | #template_navigation_main a.template_navigation |
325 | { |
326 | display: inline-block; |
327 | } |
328 | |
329 | span.template_navigation_divider |
330 | { |
331 | display: none; |
332 | } |
333 | |
334 | /* Main content area */ |
335 | |
336 | #template_main |
337 | { |
338 | display: table; |
339 | position: relative; |
340 | left: 5%; |
341 | width: 90%; |
342 | padding: 0 0 170px 0; /* 140px (height of footer) + 30px padding; see below */ |
343 | background: #fff; |
344 | } |
345 | |
346 | /* Main body content */ |
347 | |
348 | #template_body |
349 | { |
350 | display: table-cell; |
351 | } |
352 | |
353 | /* Sidebar */ |
354 | |
355 | #template_sidebar |
356 | { |
357 | display: table-cell; |
358 | width: 230px; |
359 | padding-left: 40px; |
360 | background: #fff; |
361 | } |
362 | |
363 | div.template_sidebar_static |
364 | { |
365 | font-size: 80%; |
366 | } |
367 | |
368 | div.template_sidebar_node h3 |
369 | { |
370 | clear: both; /* See ROD logo floated element below */ |
371 | padding: 6px 0; |
372 | background: #dbdbdb url( /images/risc_os_open/top_fade.png ) top left repeat-x; |
373 | text-align: center; |
374 | color: #000; |
375 | font-size: 90%; |
376 | } |
377 | |
378 | div.template_sidebar_node > ul:last-child |
379 | { |
380 | margin-bottom: 0; |
381 | } |
382 | |
383 | div.template_sidebar_node li |
384 | { |
385 | margin-left: -20px; |
386 | font-size: 90%; |
387 | } |
388 | |
389 | /* ROD logo in sidebar */ |
390 | |
391 | span#template_rod_logo |
392 | { |
393 | display: block; |
394 | float: right; |
395 | width: 60px; |
396 | height: 75px; |
397 | background: url( /images/third_party/ROD-Shield.jpg ) 0 0 no-repeat; |
398 | margin-left: 5px; |
399 | } |
400 | |
401 | /* Footer */ |
402 | |
403 | #template_footer_2024 |
404 | { |
405 | box-sizing: border-box; |
406 | width: 100%; |
407 | |
408 | /* "Push away" bottom-of-window footer CSS fragment start */ |
409 | position: relative; |
410 | height: 140px; |
411 | margin-top: -140px; /* Must be negative element total ("outer") height */ |
412 | /* "Push away" bottom-of-window footer CSS fragment end */ |
413 | |
414 | padding-top: 30px; |
415 | background: #283556 url( /images/risc_os_open/rool_header_swirl.png ) center center no-repeat; |
416 | background-size: cover; |
417 | |
418 | color: #fff; |
419 | font-size: 15.6px; |
420 | } |
421 | |
422 | #template_footer_links_theme |
423 | { |
424 | float: left; |
425 | } |
426 | |
427 | #template_footer_links_powered |
428 | { |
429 | text-align: right; |
430 | } |
431 | |
432 | #template_footer_2024 span.template_navigation_divider |
433 | { |
434 | display: inline; |
435 | } |
436 | |
437 | #template_footer_2024 a, |
438 | #template_footer_2024 a.template_navigation, |
439 | #template_footer_2024 a:visited |
440 | #template_footer_2024 a.template_navigation:visited |
441 | { |
442 | border: none; |
443 | border-bottom: 1px dotted; |
444 | padding: 0; |
445 | margin: 0; |
446 | color: #fff; |
447 | font-weight: bold; |
448 | } |
449 | |
450 | #template_footer_2024 a:hover |
451 | { |
452 | color: #283556; |
453 | background: #fff; |
454 | border-bottom: 1px solid white; |
455 | } |
456 | |
457 | #template_footer_2024 .powered, |
458 | #template_footer_2024 .powered img, |
459 | #template_footer_2024 a.powered, |
460 | #template_footer_2024 a.powered:hover |
461 | { |
462 | border: none; |
463 | background: none; |
464 | } |
465 | |
466 | /* Notification messages */ |
467 | |
468 | h2.info, h2.notice, |
469 | h2.attention, |
470 | h2.alert, h2.error { |
471 | margin-top: 20px; |
472 | margin: 8px; |
473 | padding: 7px 10px 10px 10px; |
474 | |
475 | border: 3px solid #c3c3df; |
476 | background-color: #e3e3ff; |
477 | |
478 | /* border-radius: 8px; */ /* Valid, but the W3C CSS3 validator is buggy and complains - and has since 2006! */ |
479 | -moz-border-radius: 8px; |
480 | -webkit-border-radius: 8px; |
481 | |
482 | box-shadow: 0px 0px 8px #888; |
483 | -moz-box-shadow: #888 0 0 8px; |
484 | -webkit-box-shadow: #888 0 0 8px; |
485 | |
486 | font-weight: normal; |
487 | } |
488 | |
489 | h2.info, h2.notice { |
490 | border-color: #c3efc3; |
491 | background-color: #e3ffe3; |
492 | } |
493 | |
494 | h2.attention { |
495 | border-color: #d4c8bc; |
496 | background-color: #ffe8cc; |
497 | } |
498 | |
499 | h2.alert, h2.error { |
500 | border-color: #dfc3c3; |
501 | background-color: #ffe3e3; |
502 | } |
503 | |
504 | /* Highlight errors within form submissions */ |
505 | |
506 | .fieldWithErrors { |
507 | padding: 2px; |
508 | background-color: red; |
509 | display: table; /* For MSIE 6, better than nothing */ |
510 | display: inline-block; /* For less useless browsers...! */ |
511 | } |
512 | |
513 | #errorExplanation { |
514 | width: 400px; |
515 | border: 2px solid red; |
516 | padding: 7px; |
517 | padding-bottom: 12px; |
518 | margin-bottom: 20px; |
519 | background-color: #f0f0f0; |
520 | } |
521 | |
522 | #errorExplanation h2 { |
523 | text-align: left; |
524 | font-weight: bold; |
525 | padding: 5px 5px 5px 15px; |
526 | font-size: 12px; |
527 | margin: -7px; |
528 | background-color: #c00; |
529 | color: #fff; |
530 | } |
531 | |
532 | #errorExplanation p { |
533 | color: #333; |
534 | margin-bottom: 0; |
535 | padding: 5px; |
536 | } |
537 | |
538 | #errorExplanation ul li { |
539 | font-size: 12px; |
540 | list-style: square; |
541 | } |
542 | |
543 | /* Breadcrumb trails */ |
544 | |
545 | .breadcrumbs |
546 | { |
547 | margin-top: 5px; |
548 | border-top: 1px solid #e5ffd4; |
549 | } |
550 | |
551 | .breadcrumbs ul |
552 | { |
553 | margin: 0 0 5px 0; |
554 | padding: 0; |
555 | } |
556 | |
557 | .breadcrumbs ul li |
558 | { |
559 | display: inline; |
560 | font-size: 80%; |
561 | color: #333; |
562 | margin: 0; |
563 | padding: 0; |
564 | } |
565 | |
566 | /* Component list tables */ |
567 | |
568 | #template_body_content table.parsed_directory_listing |
569 | { |
570 | table-layout: auto; |
571 | border-collapse: collapse; |
572 | margin: 0 0 20px 0; |
573 | padding: 0; |
574 | } |
575 | |
576 | table.parsed_directory_listing td, |
577 | table.parsed_directory_listing th |
578 | { |
579 | white-space: nowrap; |
580 | padding: 10px; |
581 | } |
582 | |
583 | table.parsed_directory_listing td.can_wrap |
584 | { |
585 | white-space: normal; |
586 | } |
587 | |
588 | table.parsed_directory_listing tr.even |
589 | { |
590 | background: #eee; |
591 | } |
592 | |
593 | div.parsed_directory_listing_datestamp |
594 | { |
595 | margin-top: 5px; |
596 | font-size: 70%; |
597 | } |
598 | |
599 | div.parsed_directory_listing_md5 |
600 | { |
601 | margin-top: 3px; |
602 | font-size: 55%; |
603 | } |
604 | |
605 | /* Bordered tables */ |
606 | |
607 | #template_body_content table.bordered { |
608 | border-collapse:collapse; |
609 | margin-bottom: 20px; |
610 | border: 1px solid #888; |
611 | width: 100%; |
612 | } |
613 | |
614 | #template_body_content table.bordered th { |
615 | border: 1px solid #555; |
616 | background: #f0f0f0; |
617 | font-weight: bold; |
618 | padding: 4px; |
619 | } |
620 | |
621 | #template_body_content table.bordered td { |
622 | border: 1px solid #ccc; |
623 | padding: 4px; |
624 | } |
625 | |
626 | /* Don't let images make the body column too wide; scale them instead */ |
627 | |
628 | #template_body_content img |
629 | { |
630 | max-width: 100%; |
631 | } |
632 | |
633 | /* CVS revisions and SVN changesets */ |
634 | |
635 | div.log, |
636 | div.cvslog2web_p_entry div.cvslog2web_message |
637 | { |
638 | background-color: #ffc; |
639 | border: 1px solid #ccc; |
640 | margin-bottom: 10px; |
641 | } |
642 | |
643 | div.log p |
644 | { |
645 | margin: 10px; |
646 | } |
647 | |
648 | div.log-small |
649 | { |
650 | margin: 0 0 0 20px; |
651 | } |
652 | |
653 | div.log-small p |
654 | { |
655 | font-size: 80%; |
656 | } |
657 | |
658 | ul.changes, |
659 | div.cvslog2web_p_entry div.cvslog2web_filelist |
660 | { |
661 | list-style: none; |
662 | margin-top: 10px; |
663 | padding: 0; |
664 | font-size: 80%; |
665 | color: #9a9a9a; |
666 | } |
667 | |
668 | ul.changes li.change-name |
669 | { |
670 | color: #666; |
671 | } |
672 | |
673 | /*****************************************************************************\ |
674 | * Browser-specific styles: Firefox |
675 | \*****************************************************************************/ |
676 | |
677 | /* Firefox 5, 12 and 17 (!) all position a <canvas> element inside a <div> |
678 | * incorrectly on this site. |
679 | */ |
680 | |
681 | div > canvas { left: 0; } |
682 | |
683 | /*****************************************************************************\ |
684 | * Browser-specific styles: NetSurf |
685 | \*****************************************************************************/ |
686 | |
687 | /* Help NetSurf get sizes right, reducing page reformatting. Problems with |
688 | * image sizing, even when width and height is specified in HTML, have long |
689 | * existed in the browser. Harmless for other browsers. |
690 | * |
691 | * Suggested by M.Drake, 2011-03-18: |
692 | * |
693 | * https://www.riscosopen.org/forum/forums/1/topics/591?page=2 |
694 | */ |
695 | |
696 | #template_navigation_hub > a > img |
697 | { |
698 | display: block; |
699 | margin-left: auto; |
700 | margin-right: 0; |
701 | } |
702 | |
703 | /*****************************************************************************\ |
704 | * Printing specialisations |
705 | \*****************************************************************************/ |
706 | |
707 | /* The use of "!important" makes sure that the rules take precedence for |
708 | * matching elements even if there is a more specific rule above, which would |
709 | * otherwise have taken precedence instead. |
710 | */ |
711 | |
712 | @media print { |
713 | html, |
714 | body |
715 | { |
716 | height: auto !important; |
717 | } |
718 | |
719 | #template_above_footer |
720 | { |
721 | min-height: 0 !important; |
722 | } |
723 | |
724 | #template_navigation, |
725 | .template_navigation, |
726 | .template_navigation_divider, |
727 | #template_sidebar |
728 | { |
729 | display: none !important; |
730 | } |
731 | |
732 | input[type="submit"], |
733 | #template_header_2024, |
734 | #template_footer_2024 |
735 | { |
736 | background: none !important; |
737 | } |
738 | |
739 | a, #template_footer_2024 a |
740 | { |
741 | border-bottom: #ddd 1px dashed; |
742 | } |
743 | |
744 | a img |
745 | { |
746 | border-bottom: none !important; |
747 | } |
748 | |
749 | a:visited |
750 | { |
751 | color: #28477a !important; |
752 | } |
753 | } |