Add a quickie style sheet to make the feeds semi-legible if someone loads
[lhc/web/wiklou.git] / stylesheets / feed.css
1 /* Make RSS and Atom feeds at least semi-legible to folk who accidentally load them in a browser */
2
3 /* RSS: */ rss, channel, title, link, description, language, generator, lastBuildDate, item, pubDate, author, comments,
4 /* Atom: */ feed, modified, tagline, entry, issued, created, summary, comment {
5 display: block;
6 }
7
8 rss, feed {
9 background: white;
10 color: black;
11 margin: 1em;
12 font-family: "Verdana", "Tahoma", "Arial", "Helvetica", sans-serif;
13 line-height: 1.5em;
14 }
15
16 rss:before {
17 content: "This RSS feed is meant to be read by a syndicated news reader, and isn't ideal for a web browser.";
18 }
19
20 feed:before {
21 content: "This Atom feed is meant to be read by a syndicated news reader, and isn't ideal for a web browser.";
22 }
23 rss:before, feed:before {
24 color: red;
25 text-align: center;
26 line-height: 2em;
27 }
28
29 channel>title,
30 item>title,
31 feed>title,
32 entry>title {
33 font-weight: bold;
34 border-bottom: solid 1px #aaa;
35 margin-left: -0.5em;
36 }
37 channel>title, feed>title {
38 font-size: larger;
39 }
40 item>title, entry>title {
41 font-size: large;
42 }
43 item, entry {
44 margin-top: 1em;
45 margin-left: 2em;
46 }
47
48 item>description, entry>summary {
49 white-space: pre;
50 overflow: auto;
51 background: #f8f8ff;
52 }
53
54 pubDate:before { content: "Date: " }
55 link:before { content: "Link: " }
56 author:before { content: "Author: " }
57 description:before { content: "Description: " }
58
59 generator:before { content: "Generator: " }
60 language:before { content: "Language: " }
61 lastBuildDate:before { content: "Updated: " }
62 comments:before { content: "Comments page: " }
63
64 tagline:before { content: "Tagline: " }
65 issued:before { content: "Issued: " }
66 created:before { content: "Created: " }
67 modified:before { content: "Modified: " }
68 summary:before { content: "Summary: " }
69 comment:before { content: "Comment: " }
70
71 pubDate:before, link:before, author:before, description:before,
72 language:before, generator:before, lastBuildDate:before, comments:before,
73 tagline:before, issued:before, created:before, modified:before,
74 summary:before, comment:before {
75 color: #224;
76 font-weight: bold;
77 }
78