skins/common/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, 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 }