Safeguarding the past, present and future of RISC OS for everyone
Account
News | Downloads | Bugs | Bounties | Forums | Library
You are currently browsing the Subversion repository.
Changesets can be listed by changeset number.
The Git repository is here.
  • Changesets
  • » Changeset 301

Changeset 301

Following Revision #300, committing the updated main CSS file.

  • Comitted by: rool
  • Date: Friday March 18 13:50:44 2011 (over 13 years ago)

Affected files:

  • Updated rool/www/static/trunk/css/risc_os_open_2011.css (diff)

rool/www/static/trunk/css/risc_os_open_2011.css:

prev.current 
/* RISC OS Open basic site stylesheet.
*
3   * (C) RISC OS Open Limited 2008.
  3 * (C) RISC OS Open Limited 2011.
  4 *
  5 * For printing styles, see the end of this file.
*/
6   /* Common page styling */
7  
body
{
10   font-family: homerton, tahoma, arial, sans-serif;
11   color: #333;
12   background: #dbdbdb;
13   margin: 0;
14   padding: 0;
15   font-size: 12pt;
  10 font-family: homerton, tahoma, helvetica, sans-serif;
  11 color: #333;
  12 background: #dbdbdb;
  13 margin: 0;
  14 padding: 0;
  15 font-size: 12pt;
}
  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
address
{
20   font-style: normal;
  31 font-style: normal;
padding-left: 2em;
}
... ...
pre
{
background: #eee;
37   border: 1px solid #bbb;
38   padding: 5px;
39   overflow: auto;
  48 border: 1px solid #bbb;
  49 padding: 5px;
  50 overflow: auto;
}
42   /* Shadow effects and common section container styles */
43  
44   div.template_shadow_left
  53 blockquote
{
46   margin: 0;
47   padding: 0;
48   margin-left: 7%;
49   padding-left: 15px; /* Width of shadow image */
50   background: url( /images/risc_os_open/shadow_lhs.png ) top left repeat-y;
  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;
}
53   div.template_shadow_right
  64 blockquote p
{
55   margin: 0;
56   padding: 0;
57   margin-right: 7%;
58   padding-right: 15px; /* Width of shadow image */
59   background: url( /images/risc_os_open/shadow_rhs.png ) top right repeat-y;
  66 margin: 0.5em 0;
}
62   div.template_overall_content
  69 /* Common heading styles and block behaviour */
  70
  71 h1, h2, h3, h4, h5, h6, form, div
{
margin: 0;
65   padding: 0 20px 0 20px;
  74 padding: 0;
}
68   div#template_header_content, div#template_footer_content
69   {
70   background: #e5ffd4 url( /images/risc_os_open/top_fade.png ) top left repeat-x;
  77 h1, h2, h3, h4, h5, h6 {
  78 margin-bottom: 5px;
}
73   tr.template_title_background
  81 h3
{
75   background-color: transparent;
  83 font: normal 125% homerton, tahoma, helvetica, sans-serif;
  84 color: #61377a;
}
78   div#template_header_content
79   {
80   padding-top: 10px;
81   padding-bottom: 5px;
82   }
  87 /* Common form element and form-related styles */
84   div#template_header_background
  89 input[type="text"], input[type="password"], textarea, select
{
86   background: #dee6d9 url( /images/risc_os_open/top_fade.png ) top left repeat-x;;
87   }
88  
89   tr.template_navigation_background,
90   div#template_header_links_content
91   {
92   white-space: nowrap;
93   background: #757361 url( /images/risc_os_open/bottom_fade.png ) bottom left repeat-x;
94   }
95  
96   div#template_header_links_background
97   {
98   background: #bdbcb7 url( /images/risc_os_open/bottom_fade.png ) bottom left repeat-x;
99   }
100  
101   div#template_body_content
102   {
  91 border: 1px solid #4e713e;
background: #fff;
  93 padding: 3px;
}
106   div#template_footer_shadow_left
  96 input[type="submit"]
{
108   background: url( /images/risc_os_open/shadow_blc.png ) top left no-repeat;
109   }
  98 /* border-radius: 6px; */ /* Valid, but the W3C CSS3 validator is buggy and complains - and has since 2006! */
  99 -moz-border-radius: 6px;
  100 -webkit-border-radius: 6px;
111   div#template_footer_shadow_right
112   {
113   background: url( /images/risc_os_open/shadow_brc.png ) top right no-repeat;
114   }
  102 background: #eee url( /images/risc_os_open/button_fade.png ) top left repeat-x;
  103 border: 2px solid #e5e5e5;
116   div#template_footer_content
117   {
118   padding: 15px 0 0 0;
119   background: transparent url( /images/risc_os_open/shadow_ftr.png ) top left repeat-x;
120   }
  105 /* Some browsers reset the font family in button elements, so it must be
  106 * explicitly restated here.
  107 */
122   /* Heading banner */
  109 font-family: homerton, tahoma, helvetica, sans-serif;
124   h1.template_title
125   {
126   font-size: 150%;
127   display: none;
128   }
129  
130   span.template_title_one
131   {
  111 font-size: 11pt;
  112 line-height: 100%;
  113 text-decoration: none;
font-weight: bold;
133   color: #8CB877;
  115 color: #4e713e;
  116 cursor: pointer;
  117 padding: 5px 9px 7px 9px;
  118 margin: 1px 0; /* Stop vertically stacked buttons from touching */
}
136   span.template_title_two
137   {
138   font-weight: normal;
139   color: #4e713e;
140   margin-left: -6px;
141   }
  121 input[type="submit"]:hover {
  122 background-color: #e6efc2;
  123 border-color: #c6d880;
  124 color: #4c7c2e;
143   div.template_subtitle
144   {
145   font-size: 90%;
146   margin: 4px 0; /* Was - margin: -4px 16px 16px 16px; */
147   color: #4e713e;
  126 box-shadow: 0px 0px 4px #888;
  127 -moz-box-shadow: #888 0 0 4px;
  128 -webkit-box-shadow: #888 0 0 4px;
}
150   /* Common heading styles */
151  
152   h1, h2, h3, h4, h5, h6, form, div
153   {
154   margin: 0;
155   padding: 0;
156   }
157  
158   h3.light, .content h3
159   {
160   font: normal 125% Homerton, Tahoma, Arial, Helvetica, sans-serif;
161   color: #61377a;
162   }
163  
164   tr.template_title_background td h1
165   {
166   padding: 8px 16px 0 16px;
167   }
168  
169   /* Common form element and form-related styles */
170  
171   input, textarea, select
172   {
173   border: 1px solid #4e713e;
174   background: #F9F9F9;
175   }
176  
input.template_donate
{
179   width: 110px;
  133 width: 110px;
height: 23px;
border: none;
}
... ...
img.template_donate, img.template_buy
{
196   position: fixed;
197   top: 0;
198   left: 0;
  150 position: fixed;
  151 top: 0;
  152 left: 0;
visibility: hidden;
}
div.template_sidebar_node form
{
204   text-align: center;
  158 text-align: center;
white-space: nowrap;
}
... ...
a
{
text-decoration: none;
213   border-bottom: 1px dotted;
214   padding: 0;
215   margin: 0;
216   color: #28477a;
  167 border-bottom: 1px dotted;
  168 padding: 0;
  169 margin: 0;
  170 color: #28477a;
}
a:hover
{
221   background: #dadfe7;
  175 background: #dadfe7;
border-bottom: 1px solid;
}
... ...
border-bottom: none;
}
241   /* Navigation bar */
  195 .powered,
  196 .powered img,
  197 a.powered,
  198 a.powered:hover
  199 {
  200 border: none;
  201 background: none;
  202 }
243   tr.template_navigation_background
  204 /* Major functional blocks */
  205
  206 #template_header,
  207 #template_navigation,
  208 #template_main,
  209 #template_footer
{
245   height: 32px;
  211 clear: both;
  212 padding-left: 5%;
  213 padding-right: 5%;
}
248   td.template_navigation_left, td.template_navigation_right, td.template_navigation_login
  216 /* Header */
  217
  218 #template_header
{
250   font-weight: bold;
251   font-size: 80%;
  220 background: #e5ffd4 url( /images/risc_os_open/top_fade.png ) top left repeat-x;
  221 padding-top: 20px;
  222 padding-bottom: 15px;
}
254   span.template_navigation_divider
  225 #template_header_titles
{
256   display: none;
  227 float: left;
  228 margin-top: 18px;
}
259   a.template_navigation
  231 #template_header_logo
{
261   color: #c2bfa1;
262   border: 0;
263   padding: 5px 10px;
264   border-right: 1px solid #8a8872;
  233 text-align: right;
}
267   a.template_navigation:first-child {
268   border-left: 1px solid #8a8872;
  236 #template_header_subtitle
  237 {
  238 font-size: 90%;
  239 margin: 4px 0;
  240 color: #4e713e;
}
271   a.template_navigation:hover
  243 /* Navigation bar */
  244
  245 #template_navigation
{
273   background: #C2BFA1;
274   color: #FFFFFF;
  247 white-space: nowrap;
  248 background: #757361 url( /images/risc_os_open/bottom_fade.png ) bottom left repeat-x;
  249
  250 /* NetSurf 2.6 doesn't seem to support padding around "display:table" blocks,
  251 * used for the main content so that the sidebar and content never overlap
  252 * even if the content area has a wide, fixed width (e.g. big tables in the
  253 * bug tracker, or PRE text with long lines of code). It does seem to work if
  254 * we set relative positioning and offset from there, but pushing the content
  255 * away from the header using a positive top offset screws up the footer push
  256 * stuff, leaving part of the body container DIV visible below the footer if
  257 * the page isn't as tall as the contained content.
  258 *
  259 * Simple hack to fix it: bottom margin on the navigation bar.
  260 */
  261
  262 margin-bottom: 20px;
}
277   td.template_navigation_login a, a.template_navigation_login:hover
  265 #template_navigation_main
{
279   border: none;
280   padding: 0;
281   margin: 0;
  267 float: left;
  268 font-weight: bold;
  269 font-size: 80%;
}
284   /* Navigåtion bar - footer variations */
285  
286   div.template_foottitle
  272 #template_navigation_hub
{
288   font-size: 80%;
289   margin-top: 14px;
290   color: #4e713e;
  274 padding: 7px 0;
  275 text-align: right;
}
293   .powered,
294   .powered img,
295   a.powered, a.powered:hover
  278 a.template_navigation
{
297   border: none;
298   background: none;
  280 color: #c2bfa1;
  281 border: 0;
  282 padding: 8px 10px;
  283 border-right: 1px solid #8a8872;
}
301   div#template_footer_links_background,
302   div#template_footer_links_shadow_left,
303   div#template_footer_links_shadow_right,
304   div.template_footer_content,
305   div.template_footer_content *
  286 a.template_navigation:first-child {
  287 border-left: 1px solid #8a8872;
  288 }
  289
  290 a.template_navigation:hover
{
307   background: none;
308   color: #4e713e;
  292 background: #c2bfa1;
  293 color: #fff;
}
311   div.template_footer_content span.template_navigation_divider
  296 #template_navigation_main a.template_navigation
{
313   display: inline;
  298 display: inline-block;
}
316   div.template_footer_content a,
317   div.template_footer_content a.template_navigation,
318   div.template_footer_content a:visited
319   div.template_footer_content a.template_navigation:visited
  301 span.template_navigation_divider
{
321   border: none;
322   border-bottom: 1px dotted;
323   padding: 0;
324   margin: 0;
325   color: #28477a;
  303 display: none;
}
328   div.template_footer_content a:hover
  306 /* Main content area */
  307
  308 #template_main
{
330   color: #28477a;
331   background: #b3bed0;
332   border-bottom: 1px solid;
  310 display: table;
  311 position: relative;
  312 left: 5%;
  313 width: 90%;
  314 padding: 0 0 112px 0; /* 97px (height of footer) + 15px padding; see below */
  315 background: #fff;
}
335   div#template_footer_links_content
  318 /* Main body content */
  319
  320 #template_body
{
337   padding: 0;
  322 display: table-cell;
}
340   /* Standard template body and sidebar divider */
  325 /* Sidebar */
342   td.template_column_divider
  327 #template_sidebar
{
344   width: 20px;
345   background: white;
  329 display: table-cell;
  330 width: 230px;
  331 padding-left: 40px;
  332 background: #fff;
}
348   /* Common sidebar styles */
349  
div.template_sidebar_static
{
font-size: 80%;
... ...
div.template_sidebar_node h3
{
clear: both; /* See Castle logo floated element below */
358   padding: 5px 0;
359   background: #dbdbdb url( /images/risc_os_open/top_fade.png ) top left repeat-x;;
  343 padding: 6px 0;
  344 background: #dbdbdb url( /images/risc_os_open/top_fade.png ) top left repeat-x;
text-align: center;
color: #000;
362   font: bold 90% Arial, Verdana, Helvetica, sans-serif;
  347 font-size: 90%;
}
div.template_sidebar_node > ul:last-child
... ...
margin-left: 5px;
}
388   /* Notification messages */
  373 /* Footer */
390   .notice
  375 #template_footer
{
392   border: 1px solid #005500;
393   background-color: #eeffee;
394   padding: 6px;
  377 /* "Push away" bottom-of-window footer CSS fragment start */
  378 position: relative;
  379 height: 97px;
  380 margin-top: -97px; /* Must be negative element total ("outer") height */
  381 /* "Push away" bottom-of-window footer CSS fragment end */
  382
  383 padding: 0;
  384 background: #dbdbdb url( /images/risc_os_open/bottom_fade.png ) bottom left repeat-x;
  385 color: #4e713e;
  386 font-size: 80%;
}
397   .attention
  389 #template_footer_content
{
399   border: 1px solid #554400;
400   background-color: #ffeedd;
401   padding: 6px;
  391 border-top: 1px solid black;
  392 background: transparent url( /images/risc_os_open/shadow_ftr.png ) top left repeat-x;
  393 padding: 22px 5% 10px 5%;
  394 font-size: 90%;
}
404   .alert
  397 #template_footer_links_theme
{
406   border: 1px solid #550000;
407   background-color: #ffeeee;
408   padding: 6px;
  399 float: left;
}
  402 #template_footer_links_powered
  403 {
  404 text-align: right;
  405 }
  406
  407 #template_footer_content span.template_navigation_divider
  408 {
  409 display: inline;
  410 }
  411
  412 #template_footer_content a,
  413 #template_footer_content a.template_navigation,
  414 #template_footer_content a:visited
  415 #template_footer_content a.template_navigation:visited
  416 {
  417 border: none;
  418 border-bottom: 1px dotted;
  419 padding: 0;
  420 margin: 0;
  421 color: #28477a;
  422 font-weight: bold;
  423 }
  424
  425 #template_footer_content a:hover
  426 {
  427 color: #28477a;
  428 background: #b3bed0;
  429 border-bottom: 1px solid;
  430 }
  431
  432 #template_footer_content .powered,
  433 #template_footer_content .powered img,
  434 #template_footer_content a.powered,
  435 #template_footer_content a.powered:hover
  436 {
  437 border: none;
  438 background: none;
  439 }
  440
  441 /* Notification messages */
  442
  443 h2.info, h2.notice,
  444 h2.attention,
  445 h2.alert, h2.error {
  446 margin-top: 20px;
  447 margin: 8px;
  448 padding: 7px 10px 10px 10px;
  449
  450 border: 3px solid #c3c3df;
  451 background-color: #e3e3ff;
  452
  453 /* border-radius: 8px; */ /* Valid, but the W3C CSS3 validator is buggy and complains - and has since 2006! */
  454 -moz-border-radius: 8px;
  455 -webkit-border-radius: 8px;
  456
  457 box-shadow: 0px 0px 8px #888;
  458 -moz-box-shadow: #888 0 0 8px;
  459 -webkit-box-shadow: #888 0 0 8px;
  460
  461 font-weight: normal;
  462 }
  463
  464 h2.info, h2.notice {
  465 border-color: #c3efc3;
  466 background-color: #e3ffe3;
  467 }
  468
  469 h2.attention {
  470 border-color: #d4c8bc;
  471 background-color: #ffe8cc;
  472 }
  473
  474 h2.alert, h2.error {
  475 border-color: #dfc3c3;
  476 background-color: #ffe3e3;
  477 }
  478
  479 /* Highlight errors within form submissions */
  480
  481 .fieldWithErrors {
  482 padding: 2px;
  483 background-color: red;
  484 display: table; /* For MSIE 6, better than nothing */
  485 display: inline-block; /* For less useless browsers...! */
  486 }
  487
  488 #errorExplanation {
  489 width: 400px;
  490 border: 2px solid red;
  491 padding: 7px;
  492 padding-bottom: 12px;
  493 margin-bottom: 20px;
  494 background-color: #f0f0f0;
  495 }
  496
  497 #errorExplanation h2 {
  498 text-align: left;
  499 font-weight: bold;
  500 padding: 5px 5px 5px 15px;
  501 font-size: 12px;
  502 margin: -7px;
  503 background-color: #c00;
  504 color: #fff;
  505 }
  506
  507 #errorExplanation p {
  508 color: #333;
  509 margin-bottom: 0;
  510 padding: 5px;
  511 }
  512
  513 #errorExplanation ul li {
  514 font-size: 12px;
  515 list-style: square;
  516 }
  517
/* Breadcrumb trails */
.breadcrumbs
... ...
/* Component list tables */
436   div.template_body_content table.parsed_directory_listing
  543 #template_body_content table.parsed_directory_listing
{
table-layout: auto;
border-collapse: collapse;
... ...
font-size: 55%;
}
  580 /* Bordered tables */
  581
  582 #template_body_content table.bordered {
  583 border-collapse:collapse;
  584 margin-bottom: 20px;
  585 border: 1px solid #888;
  586 width: 100%;
  587 }
  588
  589 #template_body_content table.bordered th {
  590 border: 1px solid #555;
  591 background: #f0f0f0;
  592 font-weight: bold;
  593 padding: 4px;
  594 }
  595
  596 #template_body_content table.bordered td {
  597 border: 1px solid #ccc;
  598 padding: 4px;
  599 }
  600
/* CVS revisions and SVN changesets */
div.log,
... ...
{
color: #666;
}
  640
  641 /* Printing specialisations. The use of "!important" makes sure that the rules
  642 * take precedence for matching elements even if there is a more specific rule
  643 * above, which would otherwise have taken precedence instead.
  644 */
  645
  646 @media print {
  647 html,
  648 body
  649 {
  650 height: auto !important;
  651 }
  652
  653
  654 #template_above_footer
  655 {
  656 min-height: 0 !important;
  657 }
  658
  659 #template_navigation,
  660 .template_navigation,
  661 .template_navigation_divider,
  662 #template_sidebar
  663 {
  664 display: none !important;
  665 }
  666
  667 input[type="submit"],
  668 #template_header,
  669 #template_footer,
  670 #template_footer_content
  671 {
  672 background: none !important;
  673 }
  674
  675 a, #template_footer_content a
  676 {
  677 border-bottom: #ddd 1px dashed;
  678 }
  679
  680 a img
  681 {
  682 border-bottom: none !important;
  683 }
  684
  685 a:visited
  686 {
  687 color: #28477a !important;
  688 }
  689 }

Search tickets

Social

Follow us on and

ROOL Store

Buy RISC OS Open merchandise here, including SD cards for Raspberry Pi and more.

Donate! Why?

Help ROOL make things happen – please consider donating!

RISC OS IPR

RISC OS is an Open Source operating system owned by RISC OS Developments Ltd and licensed primarily under the Apache 2.0 license.

Options

  • Tickets
  • New ticket
  • Milestones
  • Subversion: Changesets
  • Subversion: Browse
  • CVS: Revisions
  • CVS: Browse
  • Search

RSS feeds Rss

  • Changesets
  • Everything!
  • More feeds...
Contact Us  |  About Us

The RISC OS Open Collaboa theme is distantly based on the Collaboa default layout
Site design © RISC OS Open Limited 2024 except where indicated

Hosted by Arachsys

Powered by Collaboa
This site runs on Rails