Commit | Line | Data |
---|---|---|
64a19c3d ML |
1 | /* |
2 | Make RSS and Atom feeds at least semi-legible to folk who accidentally | |
3 | load them in a browser... | |
4 | ||
5 | Compatibility: | |
6 | * Mozilla is fine. | |
7 | * Safari 1.2: the RSS <link> text isn't shown | |
8 | * Opera 7.5 uses the style sheet instead of its native RSS mode. | |
9 | * IE/Mac 5.2: none of the :before content works; doesn't get the charset right and displays garbage for non-ASCII. | |
10 | * IE/Win 6.0: No background color, borders, font size, font weight, or :before content. | |
11 | ||
12 | */ | |
13 | ||
14 | /* RSS: */ rss, channel, title, link, description, language, generator, lastBuildDate, item, pubDate, author, comments, creator, | |
15 | /* Atom: */ feed, id, modified, tagline, entry, issued, created, updated, summary, comment { | |
16 | display: block; | |
17 | } | |
18 | ||
19 | rss, feed { | |
20 | background: white; | |
21 | color: black; | |
22 | margin: 1em; | |
23 | font-family: "Verdana", "Tahoma", "Arial", "Helvetica", sans-serif; | |
24 | line-height: 1.5em; | |
25 | font-size: 76%; | |
26 | } | |
27 | ||
28 | rss:before { | |
29 | content: "This RSS feed is meant to be read in a syndicated news reader, and isn't ideal for a web browser."; | |
30 | } | |
31 | ||
32 | feed:before { | |
33 | content: "This Atom feed is meant to be read in a syndicated news reader, and isn't ideal for a web browser."; | |
34 | } | |
35 | rss:before, feed:before { | |
36 | color: red; | |
37 | text-align: center; | |
38 | line-height: 2em; | |
39 | } | |
40 | ||
41 | channel>title, | |
42 | item>title, | |
43 | feed>title, | |
44 | entry>title { | |
45 | font-weight: bold; | |
46 | border-bottom: solid 1px #aaa; | |
47 | margin-left: -0.5em; | |
48 | } | |
49 | channel>title, feed>title { | |
50 | font-size: larger; | |
51 | } | |
52 | item>title, entry>title { | |
53 | font-size: large; | |
54 | } | |
55 | item, entry { | |
56 | margin-top: 1em; | |
57 | margin-left: 2em; | |
58 | } | |
59 | ||
60 | item>description, entry>summary { | |
61 | white-space: pre; | |
62 | overflow: auto; | |
63 | background: #f8f8ff; | |
64 | } | |
65 | ||
66 | pubDate:before { content: "Date: " } | |
67 | link:before { content: "Link: " } | |
68 | author:before, creator:before { content: "Author: " } | |
69 | description:before { content: "Description: " } | |
70 | id:before { content: "Id: " } | |
71 | ||
72 | generator:before { content: "Generator: " } | |
73 | language:before { content: "Language: " } | |
74 | lastBuildDate:before { content: "Updated: " } | |
75 | comments:before { content: "Comments page: " } | |
76 | ||
77 | tagline:before { content: "Tagline: " } | |
78 | issued:before { content: "Issued: " } | |
79 | created:before { content: "Created: " } | |
80 | modified:before { content: "Modified: " } | |
81 | updated:before { content: "Updated: " } | |
82 | summary:before { content: "Summary: " } | |
83 | comment:before { content: "Comment: " } | |
84 | ||
85 | pubDate:before, link:before, author:before, description:before, | |
86 | language:before, generator:before, lastBuildDate:before, comments:before, | |
87 | tagline:before, issued:before, created:before, modified:before, | |
88 | summary:before, comment:before, creator:before, id:before, updated:before { | |
89 | color: #224; | |
90 | font-weight: bold; | |
91 | } | |
92 | ||
93 | feed link:after { | |
94 | content: attr(href); | |
95 | } |