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 174

Changeset 174

The start of modifications required for site integration. This check-in
focuses on basic template and style issues.

  • Comitted by: rool
  • Date: Friday March 02 16:00:22 2007 (over 17 years ago)

Affected files:

  • Added rool/rails/beast/trunk/app/views/shared/
  • Added rool/rails/beast/trunk/app/views/shared/_powered.rhtml
  • Added rool/rails/beast/trunk/app/views/shared/_theme.rhtml
  • Updated rool/rails/beast/trunk/app/views/layouts/application.rhtml (diff)
  • Updated rool/rails/beast/trunk/app/views/topics/show.rhtml (diff)
  • Updated rool/rails/beast/trunk/public/stylesheets/display.css (diff)

rool/rails/beast/trunk/app/views/layouts/application.rhtml:

prev.current 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4   <head>
5   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6   <title><%= "#{h @page_title} - " if @page_title %>Beast</title>
7   <%= stylesheet_link_tag 'display' %>
8   <%= javascript_include_tag "prototype", "effects", "lowpro", "application" %>
  4 <head>
  5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6 <title>RISC OS Open: Forum<%= ": #{h @page_title}" if @page_title %></title>
  7 <%= stylesheet_link_tag 'display' %>
  8 <%= javascript_include_tag "prototype", "effects", "lowpro", "application" %>
<% unless @feed_icons.blank? -%>
10   <% @feed_icons.each do |feed| -%>
11   <%= auto_discovery_link_tag :rss, feed[:url], :title => "Subscribe to '#{feed[:title]}'" %>
12   <% end -%>
  10 <% @feed_icons.each do |feed| -%>
  11 <%= auto_discovery_link_tag :rss, feed[:url], :title => "Subscribe to '#{feed[:title]}'" %>
<% end -%>
14   <link rel="search" type="application/opensearchdescription+xml" href="http://<%= request.host_with_port %>/open_search.xml" />
15   </head>
16   <body>
  13 <% end -%>
  14 <link rel="search" type="application/opensearchdescription+xml" href="http://<%= request.host_with_port %>/open_search.xml" />
  15 </head>
  16 <body>
  17 <%= render 'shared/fixed_header' %>
18   <div id="header">
  19 <!-- Forum contents table -->
20   <ul id="nav">
21   <li><%= link_to 'Forums', home_path, :rel => 'home' %></li>
22   <li><%= link_to 'Users', users_path %></li>
23   <li id="search">
24   <% form_tag all_search_posts_path, :method => 'get' do -%>
25   <%= text_field_tag :q, params[:q], :size => 15, :id => :search_box %>
26   <% end -%>
27   </li>
28   <li><%= link_to_function :Search, "$('search').toggle(); $('search_box').focus();", :href => home_path %></li>
  21 <p />
  22 <table width="85%" cellspacing="0" cellpadding="0" align="center">
  23 <tr valign="top" align="left">
  24 <td width="75%">
  25 <%#= hubssolib_flash_tags -%>
30   <% if logged_in? %>
31   <li class="login"><%= link_to current_user.login, user_path(current_user) %></li>
32   <li class="logout"><%= link_to "Settings", settings_path %></li>
33   <li class="logout"><%= link_to "Logout", logout_path %></li>
34   <% else %>
35   <li><%= link_to "Signup", signup_path %></li>
36   <li><%= link_to "Login", login_path %></li>
37   <% end %>
38  
39   </ul>
  27 <div id="container">
  28 <div id="content">
  29 <%= content_tag 'p', h(flash[:notice]), :class => 'notice' if flash[:notice] %>
  30 <%= content_tag 'p', h(flash[:error]), :class => 'notice error' if flash[:error] %>
  31 <%= @content_for_layout %>
  32 </div>
41   <h1><%= link_to 'Beast', home_path %></h1>
42  
43   </div>
  34 <br style="clear:both;" />
  35 </div>
  36 </td>
45   <div id="container">
  38 <td>&nbsp;&nbsp;</td>
  39 <td bgcolor="#bbbbbb" class="column_divider"><img src="/images/utilities/blank.gif" width="1" height="1" alt="." border="0" /></td>
  40 <td>&nbsp;&nbsp;</td>
47   <div id="content">
48  
49   <%= content_tag 'p', h(flash[:notice]), :class => 'notice' if flash[:notice] %>
50   <%= content_tag 'p', h(flash[:error]), :class => 'notice error' if flash[:error] %>
51  
52   <%= @content_for_layout %>
53   </div>
  42 <td width="25%">
  43 <div id="sidebar">
  44 <div class="sidebar-node">
  45 <h3>Search forums</h3>
55   <div id="right">
56   <%= @content_for_right %>
57   </div>
  47 <p />
  48 <% form_tag all_search_posts_path, :method => 'get' do -%>
  49 <%= text_field_tag :q, params[:q], :size => 15, :id => :search_box %>
  50 <% end -%>
  51 </div>
59   <br style="clear:both;" />
  53 <%= render 'shared/fixed_sidebar' %>
61   </div>
  55 <p />
  56 <div class="sidebar-node" id="right">
  57 <%= @content_for_right %>
  58 </div>
  59 </div>
  60 <div id="nav-top">
  61 <div class="navbar">
  62 <h3>Options</h3>
63   <div id="footer">
64   <!--
65   <p class="legal">
66   <a href="/legal/" style="color:#369;">Legal</a>
67   </p>
68   -->
69   <p class="disclaim">
70   <strong>
71   <%
72   footers=["Two's company. Three's a forum. More's a Beast."
73   ]
74   %>
75   <%= footers[rand(footers.size)]%>
76   </strong>
77   </p>
78   <p class="credit">
79   Powered by <a href="http://beast.caboo.se/">Beast</a><br />
80   &copy; 2006 <a href="mailto:josh@dwgsolutions.com" class="subtle">Josh Goebel</a> and <a href="http://weblog.techno-weenie.net" class="subtle">Rick Olson</a>
81   </p>
82   <br style="clear:both;" />
83   </div>
84   </body>
  64 <ul>
  65 <li><%= link_to 'Forums', home_path, :rel => 'home' %></li>
  66 <li><%= link_to 'Users', users_path %></li>
  67 <% if logged_in? %>
  68 <li class="login"><%= link_to current_user.login, user_path(current_user) %></li>
  69 <li class="logout"><%= link_to "Settings", settings_path %></li>
  70 <li class="logout"><%= link_to "Logout", logout_path %></li>
  71 <% else %>
  72 <li><%= link_to "Signup", signup_path %></li>
  73 <li><%= link_to "Login", login_path %></li>
  74 <% end %>
  75 </ul>
  76 </div>
  77 </div>
  78 </td>
  79 </tr>
  80 </table>
  81
  82 <%= render 'shared/fixed_footer' %>
  83 </body>
</html>

rool/rails/beast/trunk/app/views/topics/show.rhtml:

prev.current 
<p class="pages">Pages: <strong><%= pagination_links @post_pages, :window_size => 10 %></strong></p>
<% end -%>
62   <a name="<%= @posts.first.dom_id %>" id="<%= @posts.first.dom_id %>">&nbsp;</a>
  62 <a name="<%= @posts.first.dom_id %>" id="<%= @posts.first.dom_id %>" class="spacer_link">&nbsp;</a>
<table border="0" cellspacing="0" cellpadding="0" class="posts wide">
<% for post in @posts do %>
<% unless post == @posts.first %>
<tr class="spacer">
<td colspan="2">
69   <a name="<%= post.dom_id %>" id="<%= post.dom_id %>">&nbsp;</a>
  69 <a name="<%= post.dom_id %>" id="<%= post.dom_id %>" class="spacer_link">&nbsp;</a>
</td>
</tr>
<% end %>

rool/rails/beast/trunk/public/stylesheets/display.css:

prev.current 
1   body
2   {
3   margin:0;
4   padding:0;
5   background:#d7d7d7;
6   font-family:Arial, Helvetica, sans-serif;
7   }
  1 /* RISC OS Open Beast theme stylesheet.
  2 *
  3 * Heavily based on the Beast default theme.
  4 */
9   a { color: #24c; }
  6 @import url("/css/risc_os_open.css");
11   #container
12   {
13   width:92%;
14   margin:0 auto;
15   min-width:760px;
16   }
  8 #content form {margin-bottom:0;}
18   #content
  10 #content p.subtle
{
20   margin:1em 0;
21   width:70%;
22   background:white;
23   padding:25px;
24   border:5px solid #bbb;
25   border-width:0 5px 5px 0;
26   float:left;
27   min-width:425px;
28   min-height:165px;
  12 margin:0 0 0.5em;
  13 float:right;
}
31   #right
  16 #content .subtle a
{
33   margin-top:1em;
34   float:left;
35   width:19%;
36   font-family:'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
37   margin-left:1.25em;
38   margin-left:3%;
39   margin-right:0;
  18 color:#999;
  19 font-size:0.7em;
}
42   #right p
43   {
44   font-size:0.75em;
45   }
46   #right a.hidden { color:black; text-decoration:none; border-bottom:1px solid #999; }
47   #right a.hidden:hover { color:blue; text-decoration:none; border-bottom:1px solid #963; }
  22 #content img { border-width:0; }
49   #right p.help
  24 #content p.pages
{
51   font-weight:normal;
52   font-size:0.75em;
  26 float:right;
  27 font-size:0.85em;
  28 margin-top:1.2em;
}
55   #footer
  31 #content span.pipe
{
57   margin:0 auto;
58   margin-bottom:1em;
59   font-family:'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
60   font-size:0.75em;
61   color:#333;
62  
63   margin-left:3%;
64   width:67%;
65   min-width:545px;
66   padding:0px 15px;
67   margin-bottom:3.5em;
  33 color:#999;
  34 margin:0 0.15em;
}
70  
71   #content form {margin-bottom:0;}
72  
73   #content p.subtle {
74   margin:0 0 0.5em;
75   float:right;
76   }
77   #content .subtle a
  37 #content div.news
{
79   color:#999;
80   font-size:0.7em;
81   }
82  
83   #header
84   {
85   background:#111;
86   padding:10px 4%;
87   border-bottom:3px solid #999;
88   }
89  
90   #search_box {
  39 background:#cfc;
  40 text-align:center;
  41 margin:0 auto;
  42 width:40em;
  43 margin-top:1em;
  44 padding:7px 15px;
font-size:0.7em;
  46 font-weight:bold;
}
94   img { border-width:0; }
  49 #content div.news p { margin:0; }
96   p.pages
  51 #content p.notice,
  52 #content p.sections
{
98   xfloat:right;
99   font-size:0.85em;
100   margin-top:1.2em;
  54 background:#df9;
  55 padding:7px 15px;
  56 border:1px solid #bd7;
  57 margin-top:0;
  58 font-size:0.8em;
}
103   span.pipe
  61 #content p.error
{
105   color:#999;
106   margin:0 0.15em;
107   }
108  
109   div.news
110   {
111   background:#cfc;
112   text-align:center;
113   margin:0 auto;
114   width:40em;
115   margin-top:1em;
116   padding:7px 15px;
117   font-size:0.7em;
118   font-weight:bold;
119   }
120   div.news p { margin:0; }
121  
122   p.notice,
123   p.sections
124   {
125   background:#df9;
126   padding:7px 15px;
127   border:1px solid #bd7;
128   margin-top:0;
129   font-size:0.8em;
130   }
131  
132   p.error
133   {
background:#c00;
color:white;
}
  67 #content p.sections a.action { color:#c00; }
139  
140   p.sections a.action { color:#c00; }
141  
142   .hasfile
  69 #content .hasfile
{
144   color:#090;
145   font-weight:bold;
146   margin-left:10em;
  71 color:#090;
  72 font-weight:bold;
  73 margin-left:10em;
}
149   h1,h2,h3,h4,h5,h6
  76 #content p.subtitle
{
151   font-family:'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  78 font-size:0.75em;
  79 color:#888;
  80 font-weight:bold;
}
154   h1 {
155   font-size:1.3em;
156   }
  83 #content p.subtitle img { vertical-align: bottom; }
  84 #content p.subtitle a { border: none; }
158   h1 img { vertical-align:middle; }
  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;}
160   p.subtitle
161   {
162   font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
163   font-size:0.75em;
164   color:#888;
165   font-weight:bold;
166   margin-top:-0.8em;
167   }
168   p.subtitle img { vertical-align: bottom; }
  90 #content h2 { font-size:1.0em; }
170   h1 span { font-size:0.7em; color:#999; font-weight:normal; padding-left: 1em;}
171  
172   h2 {
173   font-size:1.0em; }
174  
175   h2 span
  92 #content h2 span
{
177   color:#999;
178   font-size:0.7em;
179   margin-left:1em;
  94 color:#999;
  95 font-size:0.7em;
  96 margin-left:1em;
}
182   h3
  99 #content h3
{
padding:2px 10px 3px;
185   background:#333;
186   color:white;
187   font-size:0.70em;
  102 background:#ddd;
  103 font-size:0.70em;
border-bottom:1px solid #999;
189   font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
}
192   h6 { margin-bottom:0; }
  107 #content h6 { margin-bottom:0; }
194   pre.explain
  109 #content pre.explain
{
196   background:#e7e7e7;
197   padding:7px 15px;
198   border:1px solid #ccc;
199   margin:0 2em;
  111 background:#e7e7e7;
  112 padding:7px 15px;
  113 border:1px solid #ccc;
  114 margin:0 2em;
}
202   hr
  117 #content hr
{
204   height:0;
205   border:0;
206   border-bottom:1px solid #ccc;
207   margin:1em 0;
  119 height:0;
  120 border:0;
  121 border-bottom:1px solid #ccc;
  122 margin:1em 0;
}
210   #right hr { border-color:#bbb; }
211  
212   #monitor_topic {
  125 #content #monitor_topic {
font-size: 12px;
}
215   #monitor_topic .icon {
  128
  129 #content #monitor_topic .icon {
background-image:none;
}
219   /* footer */
220  
221   #footer p
222   {margin:0}
223   #footer p.credit
  133 #content ul.quotes,
  134 #content ul.flat
{
225   float:right;
226   text-align:right;
  136 margin-left:0;
  137 padding-left:0;
  138 font-size:0.75em;
  139 list-style-type:none;
}
228   #footer p.credit a.subtle
  141
  142 #content ul.talking li span
{
230   color:#333;
  144 color:#666;
  145 font-size:0.8em;
}
232   #footer p.legal
  147
  148 #content ul.flat li
{
234   float:left;
235   margin-right:1.5em;
  150 background:url(/forum/images/small_circle.gif) no-repeat 5px 6px;
  151 padding-left:15px;
}
238   #footer p.disclaim
  154 #content ul.ways li span
{
240   float:left;
241   color:#080;
  156 color:#666;
  157 font-size:0.9em;
}
244   ul.quotes,
245   ul.flat
  160 #content ul.quotes
{
247   margin-left:0;
248   padding-left:0;
249   font-size:0.75em;
250   list-style-type:none;
  162 font-size:0.8em;
}
252   ul.talking li span
  164
  165 #content ul.quotes li {margin-bottom:1em; }
  166 #content ul.quotes span
{
254   color:#666;
255   font-size:0.8em;
  168 color:#666;
  169 font-size:0.9em;
}
258   ul.flat li
  172 #content ul.why
{
260   background:url(/images/small_circle.gif) no-repeat 5px 6px;
261   padding-left:15px;
  174 font-size:1em;
  175 line-height:1.25em;
  176 margin-top:2em;
}
263   ul.ways li span
264   {
265   color:#666;
266   font-size:0.9em;
267   }
269   ul.quotes
  179 #content ul.why li p
{
271   font-size:0.8em;
  181 margin-top:0.5em;
  182 color:#666;
  183 font-size:0.9em;
}
273   ul.quotes li {margin-bottom:1em; }
274   ul.quotes span
275   {
276   color:#666;
277   font-size:0.9em;
278   }
  186 #content ul.why li p strong { color:#c00; }
281   ul.why
  188 #content a.utility
{
283   font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
284   font-size:1em;
285   line-height:1.25em;
286   margin-top:2em;
  190 font-weight:normal;
  191 color:#c00;
  192 font-size:0.8em;
}
288   ul.why li p
289   {
290   margin-top:0.5em;
291   color:#666;
292   font-size:0.9em;
293   }
294   ul.why li p strong { color:#c00; }
296   a.utility
  195 #content a.remove { color:#c00; }
  196 #content a.utility:hover
{
298   font-weight:normal;
299   color:#c00;
300   font-size:0.8em;
  198 color:#c00;
}
302   a.remove { color:#c00; }
303   a.utility:hover
304   {
305   color:#c00;
306   text-decoration:underline;
307   }
308   a.subtle { color:#369; }
309   a.subtle:hover { color:blue; }
  200 #content a.subtle { color:#369; }
  201 #content a.subtle:hover { color:blue; }
311   div.asset
  203 #content div.asset
{
313   background:#e7e7e7;
314   padding:7px 15px;
315   border-bottom:1px solid #ccc;
316   font-family:'Lucida Grande',Tahoma, Arial, Helvetica, sans-serif;
317   font-size:0.8em;
318   margin-bottom:1em;
319   text-align:center;
  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;
}
322   input.submit
  213 #content input.submit
{
324   margin-right:1em;
325   float:right;
  215 margin-right:1em;
  216 float:right;
}
/* layout of paste */
330   .pastebox
  221 #content .pastebox
{
332   width:100%;
  223 width:100%;
}
335   p.private,
  226 #content p.private,
#content .legend
{
338   margin-top:0;
339   color:#999;
340   font-size:0.8em;
  229 margin-top:0;
  230 color:#999;
  231 font-size:0.8em;
}
#content .legend span strong { color: black; }
#content .legend span
{
345   margin-right:5em;
  236 margin-right:5em;
}
348   p.private img { vertical-align:bottom;}
349   p.private
  239 #content p.private img { vertical-align:bottom;}
  240 #content p.private
{
xcolor:white;
color:#c00;
font-weight:bold;
}
355   p.psmall {
  246 #content p.psmall {
font-size:0.7em;
font-weight:normal;
}
360   div.upload
  251 #content div.upload
{
362   margin-top:-0.5em;
363   xbackground:#e7e7e7;
364   padding:7px 0;
365   float:left;
366   xwidth:63%;
367   margin-left:0.5em;
  253 margin-top:-0.5em;
  254 xbackground:#e7e7e7;
  255 padding:7px 0;
  256 float:left;
  257 xwidth:63%;
  258 margin-left:0.5em;
}
369   div.upload p label { font-size:0.7em; font-weight:bold;}
370   div.upload p {margin:0}
371   div.upload input { margin-left:0.75em;}
372   div.upload a
  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
{
374   color:#666;
375   font-size:0.8em;
  265 color:#666;
  266 font-size:0.8em;
}
378   .pastePreview pre { font-size:0.9em; }
  269 #content .pastePreview pre { font-size:0.9em; }
380   .pastePreview p
  271 #content .pastePreview p
{
382   color:#777;
383   font-size:0.7em;
384   margin:0 0 0.5em;
  273 color:#777;
  274 font-size:0.7em;
  275 margin:0 0 0.5em;
}
387   .pastePreview .when { float:right; }
388   .pastePreview .when strong { color:black; }
  278 #content .pastePreview .when { float:right; }
  279 #content .pastePreview .when strong { color:black; }
390   p
  281 #content #news
{
392   font-family:'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
393   }
  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;
395  
396   #news
397   {
398   background:#248;
399   background:#475f30;
400   border:2px solid #778f60;
401   border-width:2px 0;
402   padding:5px 4%;
403   color:#ffc;
404   font-size:0.70em;
405   text-align:center;
406  
407   position:fixed;
408   bottom:0;
409   width:100%;
410   padding:6px 0 7px;
411   z-index:50;
  292 position:fixed;
  293 bottom:0;
  294 width:100%;
  295 padding:6px 0 7px;
  296 z-index:50;
}
413   #news a.subtle { color:#ffc; font-weight:normal;}
414   #news a {color:gold; font-weight:bold}
415   #news p {margin:0;}
  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;}
418   #header img
  303 #content .line_numbers,
  304 #content .lineNumbers
{
420   vertical-align:bottom;
421   margin-right:0.25em;
  306 color:#999;
  307 padding-right:0.5em;
  308 text-align:right;
}
424   #header h1,
425   #header h1 a
426   {
427   font-weight:normal;
428   margin:0;
429   color:#cf4;
430   border:0;
431   text-decoration:none;
432   }
  311 #content .line_numbers strong { color:#555; }
434   #header h1 .count
  313 #content td.code,
  314 #content .thePaste
{
436   color:#ddd;
437   font-size:0.6em;
438   font-weight:normal;
439   padding-left:1em;
  316 padding-left:0.75em;
}
442   #header ul#nav
  319 #content label
{
444   float:right;
445   list-style-type:none;
446   margin:0;
447   margin-top:0.4em;
  321 color:#666;
  322 font-size:0.75em;
  323 font-weight:normal;
}
450   #header ul#nav li
451   {
452   color:gold;
453   font-family:'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
454   font-size:0.7em;
455   float:left;
456   margin-left:2em;
457   }
  326 /* random */
459   #header ul#nav li a
  328 #content .photo
{
461   display:block;
462   float:left;
463   xcolor:#a86;
464   color:#9c6;
465   xpadding:3px 1em;
  330 background:#aaa url(/forum/images/clearbits/smile.gif) no-repeat 8px 8px;
}
468   #header ul#nav li.login a {
469   color:gold;
470   text-decoration: none;
471   }
472  
473   #header ul#nav li.active a
  333 #content .smallutils
{
475   font-weight:bold;
476   xbackground:#222;
477   color:#ca8;
  335 xfloat:right;
  336 margin-top:-0.5em;
  337 margin-bottom:0em;
  338 text-align:right;
}
480   #header ul#nav li.hot a
  341 #content .smallutils a
{
482   color:orange;
  343 color:#666;
  344 font-size:0.7em;
}
484   #header ul#nav li.logout a
485   {
486   color:#666;
487   }
489   .line_numbers,
490   .lineNumbers
491   {
492   color:#999;
493   padding-right:0.5em;
494   text-align:right;
495   }
496   .line_numbers strong { color:#555; }
  347 #content .smallutils a:hover {color:#369;}
498   td.code,
499   .thePaste
500   {
501   padding-left:0.75em;
502   }
503  
504  
505   label
506   {
507   font-family:'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
508   color:#666;
509   font-size:0.75em;
510   font-weight:normal;
511   }
512  
513   /* random */
514  
515   .photo
516   {
517   background:#aaa url(/images/clearbits/smile.gif) no-repeat 8px 8px;
518   }
519  
520   .smallutils
521   {
522   xfloat:right;
523   margin-top:-0.5em;
524   margin-bottom:0em;
525   text-align:right;
526   }
527   .smallutils a
528   {
529   color:#666;
530   font-size:0.7em;
531   }
532   .smallutils a:hover {color:#369;}
533  
534  
/* tables */
537   table.noborder td
  351 #content table.noborder td
{
border:0;
}
542   table.nopad td
  356 #content table.nopad td
{
padding-left:0;
}
547   table
  361 #content table
{
549   border-collapse:collapse;
550   font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  363 border-collapse:collapse;
}
552   table.wide { width:100%; }
553   table tr th
  365 #content table.wide { width:100%; }
  366 #content table tr th
{
555   background:#333;
556   color:white;
557   font-size:0.8em;
558   padding:3px 10px;
559   border:1px solid #222;
  368 background:#ddd;
  369 font-size:80%;
  370 padding:3px 10px;
}
561   table tr td
  372 #content table tr td
{
563   padding:7px;
564   border:1px solid #ddd;
  374 padding:7px;
  375 border:1px solid #ddd;
}
/* topics */
569   #forum_description,
570   #topic_body
  380 #content #forum_description,
  381 #content #topic_body
{
width:99%;
}
/* specific table styles */
577   table.forums,
578   table.topics
579   { font-size:0.8em; }
580   table.forums tr th { font-size:0.8em; }
581   table.forums tr td .title {
582   font-size:1.4em;
583   }
  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 }
585   table.forums tr td .desc {
586   margin:0.5em 0;
  396 #content table.forums tr td .desc
  397 {
  398 margin:0.5em 0;
}
588   table.forums tr td
  400
  401 #content table.forums tr td
{
590   padding:4px 15px;
  403 padding:4px 15px;
}
592   table.forums a.tiny
  405
  406 #content table.forums a.tiny
{
594   font-size:0.8em;
595   color:#666;
  408 font-size:0.8em;
  409 color:#666;
}
598   table.forums .posts
  412 #content table.forums .posts
{
600   font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
601   color:#666;
602   font-size:0.8em;
  414 color:#666;
  415 font-size:0.8em;
}
605   table tr th.la { text-align:left; }
606   table tr td.ca { text-align:center; }
607   table tr td.inv { background:#eee; }
608   table tr td.vat { vertical-align:top; }
  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; }
610   table tr td.narrow { padding:2px 5px;}
  423 #content table tr td.narrow { padding:2px 5px;}
/* users */
614   a.admin
  427 #content a.admin
{
616   color:#c00;
617   font-weight:bold;
  429 color:#c00;
  430 font-weight:bold;
}
/* last post */
621   table tr td.lp {
622   font-size:0.85em;
623   color:#333; }
624   table tr td.lp span { color:#666; }
625   table tr td.lp span a { color:#369; }
627   table.topics tr td.c1
628   { border-right:0; padding-right:2px; }
629   table.topics tr td.c2
630   { border-left:0; padding-left:2px; }
  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; }
632   table.forums tr td.c1 { border-right:0; padding-right:5px; padding-top:7px; }
633   table.forums tr td.c2 { border-left:0; padding-left:5px; }
  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; }
635   table.topics tr td.c2 small a { color:#666; }
636   table.topics tr td.stat { font-size:0.9em; }
  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; }
  451 #content table.topics tr td.c2 small a { color:#666; }
  452 #content table.topics tr td.stat { font-size:0.9em; }
  453
/* misc */
640   .button_or
  456 #content .button_or
{
color:#666;
padding-left:0.5em;
font-size:0.75em;
645   font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
}
647   .button_or a { color:#c00; }
  462 #content .button_or a { color:#c00; }
649   form.dialog
  464 #content form.dialog
{
651   margin-top:3em;
652   background:#eee;
653   width:300px;
654   padding:15px;
  466 margin-top:3em;
  467 background:#eee;
  468 width:300px;
  469 padding:15px;
}
657   form .entryhelp
  472 #content form .entryhelp
{
font-size:0.7em;
}
662   form .help
  477 #content form .help
{
664   font-size:0.8em;
  479 font-size:0.8em;
}
667   span.arrow
  482 #content span.arrow
{
669   font-weight:normal;
670   font-size:0.9em;
671   color:#999;
  484 font-weight:normal;
  485 font-size:0.9em;
  486 color:#999;
}
674   div.stats
  489 #content div.stats
{
676   margin-top:2em;
677   background:#ded;
678   font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
679   font-size:0.8em;
680   padding:15px 15px;
681   border:2px solid #393;
682   border-width:1px 0;
  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;
}
684   div.stats .posts { float:right; text-align:right; }
  498 #content div.stats .posts { float:right; text-align:right; }
/* breadcrumbs */
688   .crumbs
  502 #content .crumbs
{
690   font-size:0.75em;
691   font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  504 font-size:0.75em;
}
693   .crumbs a { color:#468; }
694   .crumbs a:hover { color:#00c; text-decoration:underline; }
  506 #content .crumbs a { color:#468; }
  507 #content .crumbs a:hover { color:#00c; }
/* posts */
698   table.posts
  511 #content table.posts
{
700   border-bottom:2px solid #eee;
  513 border-bottom:2px solid #eee;
}
703   table.posts tr td
  516 #content table.posts tr td
{
705   border:0;
  518 border:0;
}
707   table.posts tr.spacer td
  520
  521 #content table.posts tr.spacer td
{
709   font-size:1px;
  523 font-size:1px;
}
/* fade edit links */
713   .post .author .edit a
  527
  528 #content .post .author .edit a
{
font-size:0.7em;
color:#666;
}
719   .post .author img {
720   float:left;
721   margin-right:0.5em;
722   }
723   .post .author
  534 #content .post .author img
{
725   border-top:2px solid #eee;
726   padding:5px 10px;
727   background:#eee;
728   font-weight:bold;
729   color:#333;
730   font-size:0.9em;
731   min-height:32px;
732   width:10em;
733   min-width:8em;
734   vertical-align:top;
  536 float:left;
  537 margin-right:0.5em;
}
737   .post .author .posts
  540 #content .post .author
{
739   display:block;
740   font-size:0.75em;
741   color:black;
742   color:#666;
  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;
}
744   .post .author a
  553
  554 #content .post .author .posts
{
746   color:#333;
747   text-decoration:none;
  556 display:block;
  557 font-size:0.75em;
  558 color:black;
  559 color:#666;
}
749   .post .author a.admin
  561
  562 #content .post .author a
{
751   color:#080;
  564 color:#333;
  565 text-decoration:none;
}
753   .post .author a:hover
  567
  568 #content .post .author a.admin
{
755   color:#369;
756   text-decoration:underline;
  570 color:#080;
}
759   .post .date
  573 #content .post .author a:hover
{
761   font-size:0.75em;
762   color:#666;
763   font-weight:normal;
764   margin-bottom:0.5em;
  575 color:#369;
}
767   .posts .post .body
  578 #content .post .date
{
769   border-top:2px solid #eee;
770   font-size:0.9em;
771   padding:10px 20px;
  580 font-size:0.75em;
  581 color:#666;
  582 font-weight:normal;
  583 margin-bottom:0.5em;
}
774   .posts .post .body blockquote
  586 #content .date a,
  587 #content .date a abbr { border: none; }
  588
  589 #content a.spacer_link
{
776   border:1px solid #cda;
777   border-left:3px solid #9a7;
778   border-right:0;
779   background:#efc;
780   padding:1px 10px;
781   margin-left:0;
  591 border:none;
  592 margin:0;
  593 padding:0;
  594 font-size:1px;
}
784   .posts .post .body pre
  597 #content .posts .post .body
{
786   font-size:0.8em;
787   background:#eee;
788   padding:5px 10px;
789   border:1px solid #ccc;
790   border-left:3px solid #ddd;
791   border-right:0;
792   overflow:auto;
793   font-family: "Monaco", "Bitstream Vera Sans Mono", "Courier New", serif;
  599 border-top:2px solid #eee;
  600 font-size:0.9em;
  601 padding:10px 20px;
}
796   .posts .post .body a:hover { color:brown; }
797  
798   .posts .post .body blockquote p
  604 #content .posts .post .body blockquote
{
800   margin:0.5em 0;
  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;
}
803   .post .body p.topic
  614 #content .posts .post .body pre
{
font-size:0.8em;
806   font-weight:bold;
background:#eee;
808   padding:2px 10px;
  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;
}
811   /* editing posts */
  626 #content .posts .post .body a:hover { color:brown; }
813   /*
814   table.posts .editing td {
  628 #content .posts .post .body blockquote p
  629 {
  630 margin:0.5em 0;
}
816   table.posts .editing td.author {
817   background:#030;
818   }
819  
820   table.posts .editing td.author * { color:#ccc; }
821   table.posts .editing td.body { }
822   */
  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
/* other stuff */
826   p.online {margin-bottom:0;}
  643 #content p.online {margin-bottom:0;}
828   img.icon
  645 #content img.icon
{
830   background:#696;
831   background-image: url(/images/clearbits/bg_rounded.gif);
832   background-repeat: no-repeat;
833   vertical-align: bottom;
  647 background:#696;
  648 background-image: url(/forum/images/clearbits/bg_rounded.gif);
  649 background-repeat: no-repeat;
  650 vertical-align: bottom;
}
835   img.reply { float:right; }
836   img.orange { background-color:darkorange; }
837   img.grey { background-color:#ccc; }
838   img.darkgrey { background-color:#999; }
839   img.green { background-color:#0c0;}
  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;}
841   .post .author .icon
  658 #content .post .author .icon
{
843   float:right;
  660 float:right;
}
/* reply */
848   div.editbox
  665 #content div.editbox
{
850   background:url(/images/reply_background.png);
851   border:2px solid #333;
852   border-width:2px 0;
853   position:fixed;
854   bottom:0;
855   left:0;
856   width:100%;
857   padding:6px 0 7px;
858   z-index:50;
  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;
}
861   div.editbox .container
  678 #content div.editbox .container
{
863   width:92%;
864   margin:0 auto;
865   min-width:760px;
  680 width:92%;
  681 margin:0 auto;
  682 min-width:760px;
}
868   div.editbox p { margin:0.5em 0;}
869   div.editbox textarea
  685 #content div.editbox p { margin:0.5em 0;}
  686 #content div.editbox textarea
{
width:100%;
872   background:white;
873   opacity:1;
874   font-size:0.8em;
875   font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  689 background:white;
  690 opacity:1;
  691 font-size:0.8em;
}
877   div.editbox .button_or a
  693
  694 #content div.editbox .button_or a
{
color:#ccc;
}
881   div.editbox table td { border:0; }
882   div.editbox a.utility
  698
  699 #content div.editbox table td { border:0; }
  700 #content div.editbox a.utility
{
color: #f99;
font-size: 0.65em;
padding: 2px 5px 4px;
display: block;
888   font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
float: right;
text-align: right;
margin-top: 0.2em;
}
894   div.editbox h5
  711 #content div.editbox h5
{
896   background:#222;
897   color:white;
  713 background:#ddd;
padding:2px 10px 3px;
font-size:0.7em;
margin:0.2em 0 0.5em;
}
903   div.editbox p.help span,
904   div.editbox ul.help span { color:#666; }
905   div.editbox p.help,
906   div.editbox ul.help
  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
{
padding:3px 10px;
font-size:0.75em;
color:#ccc;
911   font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
}
913   div.editbox ul.help { margin:0; }
915   div.editbox ul.help {
916   list-style-type:none; }
  729 #content div.editbox ul.help { margin:0; }
  730
  731 #content div.editbox ul.help
  732 {
  733 list-style-type:none;
  734 }
918   #monitor_topic a
  736 #content #monitor_topic a
{
color: #666;
}

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