stylesheets/feed.css

   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, modified, tagline, entry, issued, created, 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 }
  26
  27 rss:before {
  28         content: "This RSS feed is meant to be read in a syndicated news reader, and isn't ideal for a web browser.";
  29 }
  30
  31 feed:before {
  32         content: "This Atom feed is meant to be read in a syndicated news reader, and isn't ideal for a web browser.";
  33 }
  34 rss:before, feed:before {
  35         color: red;
  36         text-align: center;
  37         line-height: 2em;
  38 }
  39
  40 channel>title,
  41 item>title,
  42 feed>title,
  43 entry>title {
  44         font-weight: bold;
  45         border-bottom: solid 1px #aaa;
  46         margin-left: -0.5em;
  47 }
  48 channel>title, feed>title {
  49         font-size: larger;
  50 }
  51 item>title, entry>title {
  52         font-size: large;
  53 }
  54 item, entry {
  55         margin-top: 1em;
  56         margin-left: 2em;
  57 }
  58
  59 item>description, entry>summary {
  60         white-space: pre;
  61         overflow: auto;
  62         background: #f8f8ff;
  63 }
  64
  65 pubDate:before { content: "Date: " }
  66 link:before { content: "Link: " }
  67 author:before, creator:before { content: "Author: " }
  68 description:before { content: "Description: " }
  69
  70 generator:before { content: "Generator: " }
  71 language:before { content: "Language: " }
  72 lastBuildDate:before { content: "Updated: " }
  73 comments:before { content: "Comments page: " }
  74
  75 tagline:before { content: "Tagline: " }
  76 issued:before { content: "Issued: " }
  77 created:before { content: "Created: " }
  78 modified:before { content: "Modified: " }
  79 summary:before { content: "Summary: " }
  80 comment:before { content: "Comment: " }
  81
  82 pubDate:before, link:before, author:before, description:before,
  83 language:before, generator:before, lastBuildDate:before, comments:before,
  84 tagline:before, issued:before, created:before, modified:before,
  85 summary:before, comment:before, creator:before {
  86         color: #224;
  87         font-weight: bold;
  88 }
  89
  90 feed link:after {
  91         content: attr(href);
  92 }