Changesets can be listed by changeset number.
The Git repository is here.
- Revision:
- 193
- Log:
First stage commit of Typo 4.1, modified for the ROOL site.
Includes all local modifications but a final pass needs to be
made to delete any files left over from earlier Typo versions
that shouldn't be here anymore. See the 'tags' section of the
repository for a clean Typo 4.1 tree.Note that symlinks to shared files in the RISC OS Open theme
directory have been deliberately included this time around; I
decided that on balance it was better to leave them in as
placeholders, since unlike symlinks in app/views/shared, the
Typo theme structure is not a standard Rails concept.
- Author:
- rool
- Date:
- Wed Apr 04 18:51:02 +0100 2007
- Size:
- 7036 Bytes
1 | /*-------------------------------------------------------------- |
2 | Header |
3 | --------------------------------------------------------------*/ |
4 | |
5 | #header { |
6 | background: url(/images/theme/header_shadow.gif) repeat-x left bottom; |
7 | } |
8 | |
9 | #header a:link, |
10 | #header a:visited { |
11 | color:#000; |
12 | text-decoration: none; |
13 | } |
14 | |
15 | #header a:hover, |
16 | #header a:active { |
17 | color:#930; background: transparent; |
18 | text-decoration: none; |
19 | } |
20 | |
21 | #header h1 { |
22 | font: bold 400% georgia, serif; |
23 | letter-spacing: -1px; |
24 | margin: 0; |
25 | float: left; |
26 | } |
27 | |
28 | #header h2 { |
29 | font: normal 12px verdana, arial, sans-serif; |
30 | margin: 2.5em 0 0 0.8em; |
31 | float: left; |
32 | } |
33 | |
34 | /*-------------------------------------------------------------- |
35 | Content |
36 | --------------------------------------------------------------*/ |
37 | |
38 | #content {} |
39 | |
40 | #content h1, |
41 | #content h2, |
42 | #content h3, |
43 | #content h4, |
44 | #content h5 { |
45 | font-family: "lucidamac bold", "lucida grande", arial, sans-serif; |
46 | letter-spacing: -1px; |
47 | } |
48 | |
49 | #content h1 { |
50 | font-size: 24px; |
51 | margin: 0 0 0.3em; |
52 | } |
53 | |
54 | #content h2 { |
55 | font-size: 22px; |
56 | margin: 0 0 0.3em; |
57 | } |
58 | |
59 | #content h3 { |
60 | font-size: 20px; |
61 | margin: 1.2em 0 0.3em; |
62 | } |
63 | |
64 | #content h4 { |
65 | font-size: 18px; |
66 | margin: 1.2em 0 0.3em; |
67 | border-bottom: 1px dotted #bbb; |
68 | } |
69 | |
70 | #content h5 { |
71 | font-size: 18px; |
72 | background: #ffd; |
73 | margin: 1.2em 0 0.3em; |
74 | border-bottom: 1px dotted #aaa; |
75 | } |
76 | |
77 | #content p { |
78 | line-height: 15px; |
79 | margin: 0 0 1.2em; |
80 | } |
81 | |
82 | #content ul, |
83 | #content ol { |
84 | margin: 1em; |
85 | padding:0; |
86 | } |
87 | |
88 | #content ul { |
89 | list-style-type: square; |
90 | } |
91 | |
92 | #content li { |
93 | line-height: 15px; |
94 | margin: 0 0 0 1em; padding: 0; |
95 | } |
96 | |
97 | #content blockquote { |
98 | color: #555; |
99 | border-left: 5px solid #ccc; |
100 | margin: 1.3em 1em; padding: 0 1em; |
101 | } |
102 | |
103 | #content code { |
104 | font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif; |
105 | } |
106 | |
107 | #content pre { |
108 | color: #63FF00; |
109 | background: #000; |
110 | overflow: auto; |
111 | font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif; |
112 | margin: 0.9em 0; padding: 8px; |
113 | } |
114 | |
115 | /* Article Entries - class names based on http://microformats.org/wiki/hatom] */ |
116 | #content .atomentry { |
117 | margin: 0 0 3em 0; |
118 | } |
119 | |
120 | #content .atomentry .title { |
121 | font-size: 24px; |
122 | line-height: 94%; |
123 | letter-spacing: -1.5px; |
124 | margin: 0; |
125 | } |
126 | |
127 | #content .atomentry .title a:link, |
128 | #content .atomentry .title a:visited { |
129 | color: #930; |
130 | text-decoration: none; |
131 | } |
132 | |
133 | #content .atomentry .title a:hover, |
134 | #content .atomentry .title a:active { |
135 | color: #000; |
136 | background: transparent; |
137 | } |
138 | |
139 | #content .atomentry .title .comment_count { color: #eee; } |
140 | |
141 | #content .atomentry .author { |
142 | color: #bbb; |
143 | font: normal 16px/14px "lucidamac bold", "lucida grande", arial, verdana, sans-serif; |
144 | letter-spacing: -1px; |
145 | margin: 0 0 1em; |
146 | } |
147 | |
148 | #content .atomentry .author cite a, |
149 | #content .atomentry .author cite a:hover { /* author mailto: link (if any) */ |
150 | color: #aaa; background: transparent; |
151 | text-decoration: none; |
152 | } |
153 | |
154 | #content .atomentry .author abbr { /* posted date */ |
155 | font-weight: bold; |
156 | color: #aaa; |
157 | } |
158 | |
159 | #content .atomentry .content {} |
160 | |
161 | #content .atomentry ul.meta { |
162 | font-size: 10px; |
163 | background: #eee; |
164 | margin: 0; padding: 5px; |
165 | border: 1px solid #ddd; |
166 | list-style-type: none; |
167 | } |
168 | |
169 | #content .atomentry ul.meta li { |
170 | line-height: 13px; |
171 | margin: 0; padding: 0; |
172 | } |
173 | |
174 | #content .atomentry .meta a:link, |
175 | #content .atomentry .meta a:visited { |
176 | color: #555; |
177 | } |
178 | |
179 | #content .atomentry .meta a:hover, |
180 | #content .atomentry .meta a:active { |
181 | color: #fff; |
182 | } |
183 | |
184 | |
185 | /* Comments and Trackbacks */ |
186 | #content ol.comments, |
187 | #content ol.trackbacks { |
188 | list-style-type: none; |
189 | margin: 0; padding: 0; |
190 | } |
191 | |
192 | #content .comment, |
193 | #content .trackback { |
194 | border: 2px solid #ddd; |
195 | margin: 0 0 1.5em; padding: 1em; |
196 | } |
197 | |
198 | #content .comment.preview { |
199 | background: #ffc; |
200 | border: 3px solid #fab444; |
201 | } |
202 | |
203 | #content .comment .author, |
204 | #content .trackback .author { |
205 | font-weight: bold; |
206 | margin-bottom: 1em; |
207 | } |
208 | |
209 | #content .comment .author cite, |
210 | #content .trackback .author cite { |
211 | font-size: 16px; |
212 | letter-spacing: -1px; |
213 | } |
214 | |
215 | #content .comment .author abbr, |
216 | #content .trackback .author abbr { color: #999; } |
217 | |
218 | #content .comment .author .gravatar { |
219 | margin: 0 0 0.5em 0.5em; |
220 | float: right; |
221 | } |
222 | |
223 | /* uncomment to enable a default gravatar |
224 | #content .comment .author div { |
225 | margin: 0 0 0.5em 0.5em; |
226 | width: 60px; height: 60px; |
227 | background: url(/images/theme/gravatar.gif) no-repeat left top; |
228 | float: right; |
229 | }*/ |
230 | |
231 | |
232 | #content form.comments { |
233 | background: #f2f2f2; |
234 | border-top: 1px solid #ddd; |
235 | padding: 1em 0.5em; |
236 | } |
237 | |
238 | #content form.comments fieldset { |
239 | border: none; |
240 | } |
241 | |
242 | #content form.comments legend { |
243 | display: none; |
244 | } |
245 | |
246 | #content form.comments label { |
247 | font-weight: bold; |
248 | } |
249 | |
250 | #content form.comments textarea { |
251 | width: 90%; height: 150px; |
252 | padding: 3px; |
253 | } |
254 | |
255 | /*-------------------------------------------------------------- |
256 | Sidebar |
257 | --------------------------------------------------------------*/ |
258 | #sidebar { |
259 | font-size: 11px; |
260 | } |
261 | |
262 | #sidebar h3 { |
263 | font: bold 14px "lucidamac bold", "lucida grande", verdana, arial, helvetica, sans-serif; |
264 | margin: 0 0 0.5em; |
265 | } |
266 | |
267 | #sidebar h3 a:link, |
268 | #sidebar h3 a:visited { |
269 | color: #000; text-decoration: none; |
270 | } |
271 | |
272 | #sidebar h3 a:hover, |
273 | #sidebar h3 a:active { |
274 | background: transparent; text-decoration: underline; |
275 | } |
276 | |
277 | #sidebar ul { |
278 | list-style-type: none; |
279 | margin: 0 0 2em; padding: 0; |
280 | } |
281 | |
282 | #sidebar li { |
283 | margin: 0; |
284 | padding: 1px 0; |
285 | } |
286 | |
287 | #sidebar em { font-style: normal; } |
288 | |
289 | /* Live-search and results */ |
290 | #sidebar .search p { |
291 | margin: 0; |
292 | } |
293 | |
294 | #sidebar .search p input { |
295 | font-size: 11px; width: 92%; |
296 | } |
297 | |
298 | #sidebar .search .loading { |
299 | background: url(/images/theme/spinner.gif) no-repeat left 50%; |
300 | margin: 1em 0; padding: 0 0 0 20px; |
301 | height: 15px; |
302 | } |
303 | |
304 | #sidebar .search .results { |
305 | margin: 0 0 1.25em; |
306 | } |
307 | |
308 | #sidebar .search .results h3 { |
309 | margin-top: 1em; |
310 | } |
311 | |
312 | #sidebar .search .results p { |
313 | font: bold 14px "lucidamac bold", "lucida grande", verdana, arial, helvetica, sans-serif; |
314 | margin: 0 0 0.5em; |
315 | } |
316 | |
317 | #sidebar .search .results ul { |
318 | margin: 0; padding: 3px; |
319 | } |
320 | |
321 | #sidebar .search .results li { background: #ffc; padding: 0.2em; } |
322 | |
323 | #sidebar .search .results a:link, |
324 | #sidebar .search .results a:visited { |
325 | color: #222; |
326 | } |
327 | |
328 | #sidebar .search .results a:hover, |
329 | #sidebar .search .results a:active { |
330 | color: #fff; |
331 | } |
332 | |
333 | /* Flickr sidebar-node */ |
334 | #sidebar #flickr { |
335 | margin: 0 0 2em; |
336 | clear: both; |
337 | } |
338 | |
339 | #sidebar #flickr div { |
340 | } |
341 | |
342 | #sidebar #flickr img { |
343 | margin: 0 0 5px; |
344 | padding: 5px; |
345 | border: 1px solid #ddd; |
346 | display: block; |
347 | } |
348 | |
349 | #sidebar #flickr img:hover { |
350 | background: #ffc; |
351 | } |
352 | |
353 | #sidebar #flickr a { |
354 | border: none; |
355 | } |
356 | |
357 | /*-------------------------------------------------------------- |
358 | Footer |
359 | --------------------------------------------------------------*/ |
360 | |
361 | #footer { |
362 | border-top: 1px solid #ccc; |
363 | font-size: 90%; |
364 | } |
365 | |
366 | #footer a:link, |
367 | #footer a:visited { |
368 | color: #000; |
369 | } |
370 | |
371 | #footer a:hover, |
372 | #footer a:active { |
373 | color: #fff; |
374 | background: #000; |
375 | } |
376 | |
377 | #footer hr { |
378 | display: none; |
379 | } |
380 | |
381 | #footer p { |
382 | width: 40%; |
383 | float: left; |
384 | margin: 0; padding: 0; |
385 | } |
386 | |
387 | #footer ul { |
388 | width: 40%; |
389 | margin: 0; padding: 0; |
390 | list-style-type: none; |
391 | text-align: right; |
392 | float: right; |
393 | } |
394 | |
395 | #footer li { |
396 | margin: 0; padding: 0 0 0 1em; |
397 | display: inline; |
398 | } |