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:
- 9298 Bytes
1 | /* @group General/Master Containers */ |
2 | |
3 | body { |
4 | margin: 0; |
5 | font: 1em/1.6em Verdana, Helvetica, Arial, sans-serif; |
6 | text-align: center; |
7 | color: #000; |
8 | } |
9 | |
10 | #container { |
11 | text-align: left; |
12 | font-size: 70%; |
13 | margin: 0 auto; |
14 | } |
15 | |
16 | #header { |
17 | height: 92px; |
18 | color: #fff; |
19 | } |
20 | |
21 | #overall { |
22 | background: #fff; |
23 | width: 85%; |
24 | margin: 0 auto; |
25 | } |
26 | |
27 | #content { |
28 | background: #fff; |
29 | margin: 5px 0 0 0; |
30 | padding: 10px; |
31 | } |
32 | |
33 | #main { |
34 | padding-left: 10px; |
35 | } |
36 | |
37 | #info { |
38 | float: right; |
39 | margin-right: 20px; |
40 | margin-top: 5px; |
41 | font-size: 80%; |
42 | } |
43 | |
44 | #footer { |
45 | margin-top: 7px; |
46 | height: 35px; |
47 | text-align: center; |
48 | } |
49 | |
50 | /* @end */ |
51 | |
52 | /* @group Utility */ |
53 | |
54 | form { |
55 | margin: 0; |
56 | padding: 0; |
57 | } |
58 | |
59 | img { |
60 | border: none; |
61 | } |
62 | |
63 | a { |
64 | color: #8D805D; |
65 | text-decoration: none; |
66 | } |
67 | |
68 | a:hover { |
69 | color: #333; |
70 | } |
71 | |
72 | hr { |
73 | border: none; |
74 | border-bottom: 1px solid #7D8692; |
75 | } |
76 | |
77 | /* @end */ |
78 | |
79 | /* @group Primary Navigation */ |
80 | |
81 | #tabs-container { |
82 | height: 20px; |
83 | width: auto; |
84 | padding: 14px 0 0 100px; |
85 | margin-top: -40px; |
86 | border-bottom: 1px solid #637987; |
87 | background: #F8F7EF; |
88 | } |
89 | |
90 | #tabs { |
91 | padding: 0; |
92 | margin: 0 0 0 40px; |
93 | font: normal 100% Georgia, Garamond, Times; |
94 | line-height: normal; |
95 | text-transform: uppercase; |
96 | } |
97 | |
98 | #tabs li { |
99 | list-style: none; |
100 | margin: 0; |
101 | padding: 0; |
102 | display: inline; |
103 | } |
104 | |
105 | #tabs li a { |
106 | padding: 3px 8px 3px 8px; |
107 | margin-left: 3px; |
108 | background: #F8F7EF; |
109 | text-decoration: none; |
110 | color: #003; |
111 | line-height: normal; |
112 | } |
113 | |
114 | #tabs li a:hover { |
115 | color: #993300; |
116 | border-top: 12px solid #E8E4D3; |
117 | } |
118 | |
119 | #tabs li a.active { |
120 | color: #993300; |
121 | border-top: 12px solid #E8E4D3; |
122 | background: #F8F7EF; |
123 | } |
124 | |
125 | #tabs li a.active:hover { |
126 | color: #777; |
127 | background: #fff; |
128 | border-color: #637987; |
129 | } |
130 | |
131 | /* @end */ |
132 | |
133 | /* @group Tasks Links */ |
134 | |
135 | .tasks { |
136 | background: #F8F7EF; |
137 | border-top: 1px dotted #C2C0BB; |
138 | border-bottom: 1px dotted #C2C0BB; |
139 | padding: 5px; |
140 | margin-bottom: 15px; |
141 | } |
142 | |
143 | .tasks ul { |
144 | list-style: none; |
145 | margin: 0; |
146 | padding: 0; |
147 | } |
148 | |
149 | .tasks ul li { |
150 | display: inline; |
151 | line-height: normal; |
152 | } |
153 | |
154 | .tasks li a { |
155 | display: block; |
156 | float: left; |
157 | padding: 2px 5px; |
158 | margin-right: 5px; |
159 | text-decoration: none; |
160 | } |
161 | |
162 | .tasks li a:hover { |
163 | background: #637987; |
164 | color: #fff; |
165 | } |
166 | |
167 | /* @end */ |
168 | |
169 | /* @group Headings */ |
170 | |
171 | h2 { |
172 | font: normal 170% Georgia, Times, Helvetica; |
173 | color: #930; |
174 | padding: 5px 0 0 5px; |
175 | } |
176 | |
177 | h3 { |
178 | font-size: 130%; |
179 | padding: 5px; |
180 | margin-bottom: 0; |
181 | } |
182 | |
183 | #header h1 { |
184 | background: #EDEBD5; |
185 | margin: 0; |
186 | padding: 14px 0 12px 100px; |
187 | border-bottom: 1px dashed #A9A585; |
188 | border-top: 4px solid #4A4902; |
189 | font: normal 200% Georgia, Garamond, Times; |
190 | text-transform: uppercase; |
191 | letter-spacing: 0.08em; |
192 | } |
193 | |
194 | #header h1 a { |
195 | color: #000; |
196 | margin: 10px 0 10px 0; |
197 | text-decoration: none; |
198 | border: none; |
199 | } |
200 | |
201 | .form h3, h3 { |
202 | background: #333; |
203 | color: #fff; |
204 | font-weight: normal; |
205 | } |
206 | |
207 | .form h4 { |
208 | padding: 2px; |
209 | margin: 0; |
210 | font-size: 120%; |
211 | } |
212 | |
213 | .tasks h3 { |
214 | font: normal 120%/normal "Trebuchet MS", Arial, Verdana; |
215 | background: transparent; |
216 | margin: 0 0 5px 0; |
217 | padding: 0; |
218 | color: #4A611C; |
219 | } |
220 | |
221 | .set h3 { |
222 | background: none; |
223 | margin: 0 0 5px 0; |
224 | color: #1F273F; |
225 | } |
226 | |
227 | /* @end */ |
228 | |
229 | /* @group Table Listings */ |
230 | |
231 | .operation { |
232 | width: 25px; |
233 | text-align: center; |
234 | } |
235 | |
236 | .list { |
237 | clear: left; |
238 | } |
239 | |
240 | .list table { |
241 | width: 98%; |
242 | } |
243 | |
244 | .list table th { |
245 | text-align: left; |
246 | font-weight: bold; |
247 | border-bottom: 4px solid #ccc; |
248 | } |
249 | |
250 | .list table tr td { |
251 | padding: 0 2px; |
252 | } |
253 | |
254 | tr.shade { |
255 | background: #E4E4D7; |
256 | } |
257 | |
258 | /* @end */ |
259 | |
260 | /* @group Form Elements */ |
261 | |
262 | label { |
263 | font-weight: bold; |
264 | } |
265 | |
266 | .form { |
267 | border: 1px solid #C2C0BB; |
268 | background: #F8F7EF; |
269 | margin-bottom: 10px; |
270 | padding: 0 0 0 10px; |
271 | } |
272 | |
273 | .form div { |
274 | padding: 5px; |
275 | } |
276 | |
277 | .form input { |
278 | font-family: Georgia; |
279 | font-size: 1em; |
280 | letter-spacing: 0.02em; |
281 | } |
282 | |
283 | .form textarea { |
284 | width: 350px; |
285 | font-family: Georgia; |
286 | line-height: 1.1em; |
287 | font-size: 1em; |
288 | letter-spacing: 0.02em; |
289 | word-spacing: 0.05em; |
290 | } |
291 | |
292 | #blog_name { |
293 | font-size: 130%; |
294 | } |
295 | |
296 | /* @end */ |
297 | |
298 | /* @group Popups/Tooltips */ |
299 | |
300 | .tip-catlist { |
301 | width: 200px; |
302 | background: #EEF1FE; |
303 | border: 2px solid #C2D2E7; |
304 | padding: 5px; |
305 | } |
306 | |
307 | /* @end */ |
308 | |
309 | /* @group Live Preview */ |
310 | |
311 | #preview, #preview_extended { |
312 | background: #fff; |
313 | border: 1px dashed #ccc; |
314 | padding: 0 0 0 5px; |
315 | width: 50%; |
316 | height: 500px; |
317 | float: right; |
318 | margin-bottom: 10px; |
319 | line-height: 1.5em; |
320 | letter-spacing: 0.02em; |
321 | word-spacing: 0.05em; |
322 | font-size: 0.95em; |
323 | } |
324 | |
325 | /* @end */ |
326 | |
327 | /* @group General Settings Screen */ |
328 | |
329 | .set { |
330 | background: #F8F7EF; |
331 | padding: 0 10px 5px 10px; |
332 | margin-bottom: 10px; |
333 | position: relative; |
334 | } |
335 | |
336 | #gensettings { |
337 | /* Nothing here */ |
338 | } |
339 | |
340 | legend { |
341 | font-size: 130%; |
342 | text-transform: capitalize; |
343 | } |
344 | |
345 | .admin ul { |
346 | margin: 0; |
347 | padding: 0; |
348 | } |
349 | |
350 | .admin li { |
351 | list-style: none; |
352 | padding: 5px; |
353 | margin: 0; |
354 | clear: both; |
355 | } |
356 | |
357 | .admin li p { |
358 | line-height: 1.6em; |
359 | } |
360 | |
361 | .admin li.checkbox { |
362 | line-height: 1.4em; |
363 | } |
364 | |
365 | .admin label.float { |
366 | display: block; |
367 | float: left; |
368 | width: 200px; |
369 | margin-left: 0; |
370 | margin-right: 12px; |
371 | padding: 0; |
372 | text-align: right; |
373 | } |
374 | |
375 | .admin label.block { |
376 | display: block; |
377 | } |
378 | |
379 | .admin input.float { |
380 | width: auto; |
381 | } |
382 | |
383 | .admin span.float { |
384 | margin-left: 212px; |
385 | padding: 0; |
386 | display: block; |
387 | clear: both; |
388 | } |
389 | |
390 | .mandatory { |
391 | color: #f00; |
392 | } |
393 | |
394 | /* @end */ |
395 | |
396 | /* @group Sidebar */ |
397 | |
398 | #sidebar-config { |
399 | /* Safari Fix */ |
400 | border-top: 5px solid #fff; |
401 | } |
402 | |
403 | #sidebar-config p { |
404 | margin: 0; |
405 | padding-left: 5px; |
406 | } |
407 | |
408 | #available { |
409 | float: left; |
410 | width: 300px; |
411 | } |
412 | |
413 | #active, #cnt-active { |
414 | width: 300px; |
415 | min-height: 200px; |
416 | } |
417 | |
418 | #cnt-active { |
419 | margin-left: 320px; |
420 | background: #F8F7EF; |
421 | } |
422 | |
423 | #available { |
424 | background: #F8F7EF; |
425 | padding-bottom: 10px; |
426 | } |
427 | |
428 | #active { |
429 | background: #F8F7EF; |
430 | padding-bottom: 10px; |
431 | } |
432 | |
433 | #available h3, #active h3, #cnt-active h3 { |
434 | background: #E4E4D7; |
435 | color: #333; |
436 | margin: 0 0 10px 0; |
437 | padding: 2px 5px; |
438 | } |
439 | |
440 | .dropbox { |
441 | width: 270px; |
442 | } |
443 | |
444 | .handle { |
445 | cursor: move; |
446 | font-size: 130%; |
447 | font-weight: normal; |
448 | padding-left: 5px; |
449 | margin: 0; |
450 | } |
451 | |
452 | .dragitem, .dropitem { |
453 | margin: 0 0 5px 12px; |
454 | } |
455 | |
456 | .dragitem { |
457 | border: 1px solid #9cabba; |
458 | border-top: 1px solid #bacddf; |
459 | border-left: 1px solid #bacddf; |
460 | background: #fff; |
461 | width: 270px; |
462 | } |
463 | |
464 | .handle { |
465 | background: #f7f7f7; |
466 | } |
467 | |
468 | .target { |
469 | background: #F8F7EF; |
470 | margin: 5px; |
471 | padding: 5px; |
472 | } |
473 | |
474 | /* |
475 | |
476 | @end */ |
477 | |
478 | /* @group Miscellaneous */ |
479 | |
480 | .form p { |
481 | margin: 0; |
482 | padding: 0 0 5px; |
483 | } |
484 | |
485 | #info { |
486 | color: #4A4902; |
487 | } |
488 | |
489 | #info a { |
490 | color: #4A4902; |
491 | } |
492 | |
493 | #info a:hover { |
494 | border-bottom: 1px dotted #222; |
495 | } |
496 | |
497 | .form p>small { |
498 | color: gray; |
499 | } |
500 | |
501 | .form .note { |
502 | font-style: italic; |
503 | font-size: 90%; |
504 | } |
505 | |
506 | .r { |
507 | text-align: right; |
508 | } |
509 | |
510 | .c { |
511 | text-align: center; |
512 | } |
513 | |
514 | .space { |
515 | margin: 10px; |
516 | } |
517 | |
518 | .errorExplanation { |
519 | background: #FFE6E6; |
520 | color: #000; |
521 | border: 1px solid #FF8080; |
522 | margin: 0 30px 10px 30px; |
523 | } |
524 | |
525 | .errorExplanation h2 { |
526 | padding: 2px 5px; |
527 | border: none; |
528 | background: none; |
529 | font-size: 120%; |
530 | } |
531 | |
532 | .errorExplanation p { |
533 | padding: 5px; |
534 | } |
535 | |
536 | .errorExplanation ul { |
537 | margin: 0; |
538 | padding: 0 0 0 15px; |
539 | list-style: none; |
540 | } |
541 | |
542 | .preview { |
543 | border: 4px solid #656D79; |
544 | width: 150px; |
545 | height: 150px; |
546 | overflow: hidden; |
547 | margin: 5px; |
548 | float: right; |
549 | } |
550 | |
551 | .theme h3 { |
552 | margin: 0; |
553 | } |
554 | |
555 | /* @end */ |
556 | |
557 | /* @group Users */ |
558 | |
559 | div#users { |
560 | background: #F8F7EF; |
561 | margin-top: 10px; |
562 | } |
563 | |
564 | div.user { |
565 | border: 1px solid #9cabba; |
566 | border-top: 1px solid #bacddf; |
567 | border-left: 1px solid #bacddf; |
568 | background: #fff; |
569 | width: 30%; |
570 | float: left; |
571 | margin: 10px; |
572 | } |
573 | |
574 | .user h4 { |
575 | margin: 0 0 2px 0; |
576 | padding: 0; |
577 | } |
578 | |
579 | .user h4 a { |
580 | color: #333; |
581 | background: #f7f7f7; |
582 | padding-left: 5px; |
583 | display: block; |
584 | } |
585 | |
586 | .user h4 a:hover { |
587 | background: #D7DFE4; |
588 | } |
589 | |
590 | .user p { |
591 | margin: 0; |
592 | padding: 5px; |
593 | } |
594 | |
595 | /* @end */ |
596 | |
597 | /* @group Misc Containers */ |
598 | |
599 | #quick-post { |
600 | background: #EDEBD5; |
601 | padding: 10px; |
602 | border: 1px solid #9cabba; |
603 | margin-left: 10px; |
604 | border-top: none; |
605 | } |
606 | |
607 | #quick-post input { |
608 | font-family: Georgia; |
609 | font-size: 13px; |
610 | letter-spacing: 0.02em; |
611 | } |
612 | |
613 | #quick-post textarea { |
614 | width: 350px; |
615 | font-family: Georgia; |
616 | line-height: 14px; |
617 | font-size: 12px; |
618 | letter-spacing: 0.02em; |
619 | word-spacing: 0.05em; |
620 | } |
621 | |
622 | #quick-navigate { |
623 | background: #F8F7EF; |
624 | padding: 2px 5px 0px 5px; |
625 | border: 1px dotted #9cabba; |
626 | margin-left: 10px; |
627 | border-top: none; |
628 | } |
629 | |
630 | #advanced { |
631 | line-height: 1.3em; |
632 | } |
633 | |
634 | #advanced label { |
635 | clear: left; |
636 | float: left; |
637 | width: 15em; |
638 | } |
639 | |
640 | #loginform { |
641 | width: 300px; |
642 | margin-left: auto; |
643 | margin-right: auto; |
644 | padding: 100px; |
645 | } |
646 | |
647 | #loginform input { |
648 | margin-bottom: 10px; |
649 | } |
650 | |
651 | #loginform div.form { |
652 | padding: 10px; |
653 | } |
654 | |
655 | #loginform .fieldWithErrors { |
656 | display: table; |
657 | border: 1px solid red; |
658 | } |
659 | |
660 | #flash span { |
661 | padding: 5px; |
662 | margin-top: 10px; |
663 | color: #0C2504; |
664 | display: block; |
665 | } |
666 | |
667 | #flash .notice { |
668 | font-size: 11px; |
669 | color: #fff; |
670 | background: #637987; |
671 | border-top: 1px solid #336699; |
672 | border-bottom: 1px solid #336699; |
673 | } |
674 | |
675 | #flash .error { |
676 | background: #e99; |
677 | border-top: 1px solid #822; |
678 | border-bottom: 1px solid #822; |
679 | } |
680 | |
681 | #category_list { |
682 | list-style: none; |
683 | margin: 0; |
684 | padding: 0; |
685 | margin-top: 10px; |
686 | width: 300px; |
687 | } |
688 | |
689 | #category_list li { |
690 | cursor: move; |
691 | border-bottom: 1px dotted #ccc; |
692 | } |
693 | |
694 | /* @end */ |
695 | |
696 | /* @group Feedback */ |
697 | |
698 | .feedbackbody td { |
699 | border-bottom: 1px dotted #ccc; |
700 | } |
701 | |
702 | .presumed_ham td { |
703 | border-bottom: 1px dotted #ccc; |
704 | } |
705 | |
706 | .presumed_spam td { |
707 | border-bottom: 1px dotted #ccc; |
708 | } |
709 | |
710 | .ham td { |
711 | border-bottom: 1px dotted #ccc; |
712 | } |
713 | |
714 | .spam td { |
715 | border-bottom: 1px dotted #ccc; |
716 | } |
717 | |
718 | .spam .state { |
719 | font-weight: bold |
720 | } |
721 | |
722 | /* @end */ |