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 Basic bugs:
  13 * The Atom <link> puts its actual URL in an attribute. Not sure how to
  14   extract that, if it's possible.
  15
  16 */
  17
  18 /* RSS: */ rss, channel, title, link, description, language, generator, lastBuildDate, item, pubDate, author, comments, creator,
  19 /* Atom: */ feed, modified, tagline, entry, issued, created, summary, comment {
  20         display: block;
  21 }
  22
  23 rss, feed {
  24         background: white;
  25         color: black;
  26         margin: 1em;
  27         font-family: "Verdana", "Tahoma", "Arial", "Helvetica", sans-serif;
  28         line-height: 1.5em;
  29 }
  30
  31 rss:before {
  32         content: "This RSS feed is meant to be read by a syndicated news reader, and isn't ideal for a web browser.";
  33 }
  34
  35 feed:before {
  36         content: "This Atom feed is meant to be read by a syndicated news reader, and isn't ideal for a web browser.";
  37 }
  38 rss:before, feed:before {
  39         color: red;
  40         text-align: center;
  41         line-height: 2em;
  42 }
  43
  44 channel>title,
  45 item>title,
  46 feed>title,
  47 entry>title {
  48         font-weight: bold;
  49         border-bottom: solid 1px #aaa;
  50         margin-left: -0.5em;
  51 }
  52 channel>title, feed>title {
  53         font-size: larger;
  54 }
  55 item>title, entry>title {
  56         font-size: large;
  57 }
  58 item, entry {
  59         margin-top: 1em;
  60         margin-left: 2em;
  61 }
  62
  63 item>description, entry>summary {
  64         white-space: pre;
  65         overflow: auto;
  66         background: #f8f8ff;
  67 }
  68
  69 pubDate:before { content: "Date: " }
  70 link:before { content: "Link: " }
  71 author:before, creator:before { content: "Author: " }
  72 description:before { content: "Description: " }
  73
  74 generator:before { content: "Generator: " }
  75 language:before { content: "Language: " }
  76 lastBuildDate:before { content: "Updated: " }
  77 comments:before { content: "Comments page: " }
  78
  79 tagline:before { content: "Tagline: " }
  80 issued:before { content: "Issued: " }
  81 created:before { content: "Created: " }
  82 modified:before { content: "Modified: " }
  83 summary:before { content: "Summary: " }
  84 comment:before { content: "Comment: " }
  85
  86 pubDate:before, link:before, author:before, description:before,
  87 language:before, generator:before, lastBuildDate:before, comments:before,
  88 tagline:before, issued:before, created:before, modified:before,
  89 summary:before, comment:before, creator:before {
  90         color: #224;
  91         font-weight: bold;
  92 }
  93