CSS Sheet for RSS Feeds

SUBMITTED BY: Guest

DATE: July 22, 2014, 12:01 a.m.

FORMAT: Text only

SIZE: 5.9 kB

Raw Download

HITS: 1075

Report
  1. /*
  2. * CSS Stylesheet for RSS 0.9x and 2.0, RSS 1.0, Atom: item titles and content
  3. *
  4. * Copyright (c) 2004 Burning Door, LLC. All Rights Reserved.
  5. */
  7. /* To work around a bug in IE, the namespace prefix must be the same as in the feed */
  8. @namespace feedburner url(http://rssnamespace.org/feedburner/ext/1.0);
  10. /*
  11. * RSS 0.9x and 2.0 styles here
  12. */
  14. rss {
  15. display: block;
  16. font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  17. font-size: 80%;
  18. margin: 25px 15px 25px 15px;
  19. }
  21. rss channel * { display: none }
  23. rss channel title {
  24. display: block;
  25. font-size: 2.0em;
  26. font-weight: bold;
  27. margin-bottom: 5px;
  28. }
  30. rss channel link {
  31. display: block;
  32. margin-bottom: 25px;
  33. }
  35. /* This is for IE */
  36. rss channel feedburner\:browserFriendly {
  37. margin:20px;
  38. background:yellow;
  39. text-align:center;
  40. display:block;
  41. padding:10px;
  42. font-size:85%;
  43. }
  45. rss channel feedburner|browserFriendly {
  46. margin:20px;
  47. background:yellow;
  48. text-align:center;
  49. display:block;
  50. padding:10px;
  51. font-size:85%;
  52. }
  54. rss channel item { display: block }
  56. rss channel item title {
  57. display: block;
  58. font-family: Helvetica, Geneva, Verdana, Arial, sans-serif;
  59. font-size: 1.3em;
  60. font-weight: bold;
  61. margin-bottom: 2px;
  62. }
  64. rss channel item description {
  65. display: block;
  66. margin-bottom: 25px;
  67. }
  69. rss channel item description * {
  70. display: inline;
  71. }
  73. rss channel item link { display: none }
  75. /*
  76. * RSS 1.0 styles here ... have to do IE styles differently
  77. */
  79. RDF {
  80. display: block;
  81. font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  82. font-size: 80%;
  83. margin: 25px 15px 25px 15px;
  84. }
  86. RDF * { display: none }
  88. RDF channel { display: block }
  90. RDF channel * { display: none }
  92. RDF channel title {
  93. display: block;
  94. font-size: 2.0em;
  95. font-weight: bold;
  96. margin-bottom: 5px;
  97. }
  99. RDF channel link {
  100. display: block;
  101. margin-bottom: 25px;
  102. }
  104. RDF channel feedburner|browserFriendly {
  105. margin:20px;
  106. background:yellow;
  107. text-align:center;
  108. display:block;
  109. padding:10px;
  110. font-size:85%;
  111. }
  113. RDF item { display: block}
  115. RDF item title {
  116. display: block;
  117. font-family: Helvetica, Geneva, Verdana, Arial, sans-serif;
  118. font-size: 1.3em;
  119. font-weight: bold;
  120. margin-bottom: 2px;
  121. }
  123. RDF item description {
  124. display: block;
  125. margin-bottom: 25px;
  126. }
  128. RDF item description * {
  129. display: inline;
  130. }
  132. RDF item link { display: none }
  134. /* For IE */
  135. rdf\:RDF {
  136. display: block;
  137. font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  138. font-size: 80%;
  139. margin: 25px 15px 25px 15px;
  140. }
  142. rdf\:RDF * { display: none }
  144. rdf\:RDF channel { display: block }
  146. rdf\:RDF channel * { display: none }
  148. rdf\:RDF channel title {
  149. display: block;
  150. font-size: 2.0em;
  151. font-weight: bold;
  152. margin-bottom: 5px;
  153. }
  155. rdf\:RDF channel link {
  156. display: block;
  157. margin-bottom: 25px;
  158. }
  160. rdf\:RDF channel feedburner\:browserFriendly {
  161. margin:20px;
  162. background:yellow;
  163. text-align:center;
  164. display:block;
  165. padding:10px;
  166. font-size:85%;
  167. }
  169. rdf\:RDF item { display: block}
  171. rdf\:RDF item title {
  172. display: block;
  173. font-family: Helvetica, Geneva, Verdana, Arial, sans-serif;
  174. font-size: 1.3em;
  175. font-weight: bold;
  176. margin-bottom: 2px;
  177. }
  179. rdf\:RDF item description {
  180. display: block;
  181. margin-bottom: 25px;
  182. }
  184. rdf\:RDF item description * {
  185. display: inline;
  186. }
  188. rdf\:RDF item link { display: none }
  190. /*
  191. * Atom styles here
  192. */
  193. feed {
  194. display: block;
  195. font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  196. font-size: 80%;
  197. margin: 25px 15px 25px 15px;
  198. }
  200. feed * { display: none }
  202. feed title {
  203. display: block;
  204. font-size: 2.0em;
  205. font-weight: bold;
  206. margin-bottom: 25px;
  207. }
  209. /* This is for IE */
  210. feed feedburner\:browserFriendly {
  211. margin:20px;
  212. background:yellow;
  213. text-align:center;
  214. display:block;
  215. padding:10px;
  216. font-size:85%;
  217. }
  219. feed feedburner|browserFriendly {
  220. margin:20px;
  221. background:yellow;
  222. text-align:center;
  223. display:block;
  224. padding:10px;
  225. font-size:85%;
  226. }
  228. feed entry { display: block }
  230. feed entry title {
  231. display: block;
  232. font-family: Helvetica, Geneva, Verdana, Arial, sans-serif;
  233. font-size: 1.3em;
  234. font-weight: bold;
  235. margin-bottom: 2px;
  236. }
  238. feed entry summary {
  239. display: block;
  240. margin-bottom: 25px;
  241. }
  243. feed entry summary * {
  244. display: inline;
  245. }
  247. feed entry content {
  248. display: block;
  249. margin-bottom: 25px;
  250. }
  252. feed entry content * {
  253. display: inline;
  254. }
comments powered by Disqus