Default style sheet for FriendFeed Widget


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. .friendfeed.widget,
  2. div.friendfeed.widget div,
  3. div.friendfeed.widget span,
  4. div.friendfeed.widget img,
  5. div.friendfeed.widget table,
  6. div.friendfeed.widget tr,
  7. div.friendfeed.widget td {
  8. position: relative;
  9. background-color: white;
  10. color: black;
  11. padding: 0;
  12. margin: 0;
  13. border: 0;
  14. text-align: left;
  15. line-height: 1.3em;
  16. width: auto;
  17. float: none;
  18. }
  19.  
  20. .friendfeed.widget {
  21. color: #222222;
  22. font-family: Arial, sans-serif;
  23. font-size: 10pt;
  24. position: relative;
  25. border: 1px solid #437ec7;
  26. overflow: hidden;
  27. }
  28.  
  29. .friendfeed.widget a {
  30. background: none;
  31. color: #1030cc;
  32. font-weight: normal;
  33. text-decoration: underline;
  34. margin: 0;
  35. padding: 0;
  36. }
  37.  
  38. .friendfeed.widget a:visited {
  39. color: #1030cc;
  40. }
  41.  
  42. .friendfeed.widget div {
  43. margin: 0;
  44. padding: 0;
  45. border: 0;
  46. }
  47.  
  48. .friendfeed.widget img {
  49. border: 0px;
  50. }
  51.  
  52. .friendfeed.widget .logo {
  53. background: url("../images/widget-top-border.png?v=1") 0px 0px repeat-x;
  54. }
  55.  
  56. .friendfeed.widget .logo img {
  57. margin-left: 5px;
  58. }
  59.  
  60. .friendfeed.widget .feed {
  61. padding-left: 12px;
  62. padding-right: 12px;
  63. margin-top: 10px;
  64. margin-bottom: 10px;
  65. }
  66.  
  67. .friendfeed.widget .bottom {
  68. background: #cddff6 url("../images/widget-bottom-bg.png?v=1") repeat-x;
  69. border-top: 1px solid #437ec7;
  70. padding: 3px 5px 3px 5px;
  71. }
  72.  
  73. .friendfeed.widget .bottom a {
  74. font-weight: bold;
  75. text-decoration: none;
  76. }
  77.  
  78. .friendfeed.widget .bottom a:visited {
  79. color: #1030cc;
  80. }
  81.  
  82. .friendfeed.widget .clear {
  83. clear: both;
  84. }
  85.  
  86. .friendfeed.widget img.icon {
  87. width: 16px;
  88. height: 16px;
  89. }
  90.  
  91. .friendfeed.widget .feed .cluster {
  92. margin-bottom: 1.75em;
  93. }
  94.  
  95. .friendfeed.widget .feed .cluster .icon {
  96. float: left;
  97. }
  98.  
  99. .friendfeed.widget .feed .cluster .body {
  100. margin-left: 23px;
  101. }
  102.  
  103. .friendfeed.widget .feed .entry {
  104. margin-bottom: 1em;
  105. }
  106.  
  107. .friendfeed.widget .feed .entry .info,
  108. .friendfeed.widget .feed .entry .likes,
  109. .friendfeed.widget .feed .entry .comment,
  110. .friendfeed.widget .feed .entry .expandcomment {
  111. margin-bottom: 6pt;
  112. }
  113.  
  114. .friendfeed.widget .feed .cluster .summary,
  115. .friendfeed.widget .feed .entry .title,
  116. .friendfeed.widget .feed .entry .media {
  117. margin-bottom: 4pt;
  118. }
  119.  
  120. .friendfeed.widget .feed .entry .likes,
  121. .friendfeed.widget .feed .entry .expandcomment {
  122. margin-left: 12px;
  123. padding-left: 19px;
  124. }
  125.  
  126. .friendfeed.widget .feed .entry .comment {
  127. overflow: hidden;
  128. white-space: nowrap;
  129. }
  130.  
  131. .friendfeed.widget .feed .entry .comment .content {
  132. margin-left: 31px;
  133. }
  134.  
  135. .friendfeed.widget .feed .entry .info .lock {
  136. width: 8px;
  137. height: 10px;
  138. vertical-align: middle;
  139. padding-right: 4px;
  140. padding-bottom: 3px;
  141. }
  142.  
  143. .friendfeed.widget .feed .entry .info a,
  144. .friendfeed.widget .feed .entry .info a:visited,
  145. .friendfeed.widget .feed .entry .likes a,
  146. .friendfeed.widget .feed .entry .likes a:visited,
  147. .friendfeed.widget .feed .entry .comment a,
  148. .friendfeed.widget .feed .entry .comment a:visited,
  149. .friendfeed.widget .feed .entry .expandcomment a,
  150. .friendfeed.widget .feed .entry .expandcomment a:visited {
  151. color: #7070cc;
  152. }
  153.  
  154. .friendfeed.widget .feed .entry .expandcomment {
  155. font-style: italic;
  156. }
  157.  
  158. .friendfeed.widget .feed .entry .likes {
  159. background: url("../images/smile.png?v=2") left top no-repeat;
  160. }
  161.  
  162. .friendfeed.widget .feed .entry .comment .quote {
  163. margin-left: 12px;
  164. }
  165.  
  166. .friendfeed.widget .feed .entry .comment .quote {
  167. background: url("../images/comment-lighter.png?v=2") 0px 2px no-repeat;
  168. }
  169.  
  170. .friendfeed.widget .feed .entry .comment.friend .quote {
  171. background-image: url("../images/comment-friend.png?v=2");
  172. }
  173.  
  174. .friendfeed.widget .feed .entry .comment .author {
  175. margin-top: 2px;
  176. }
  177.  
  178. .friendfeed.widget .feed .entry .media td {
  179. padding-right: 8px;
  180. }
  181.  
  182. .friendfeed.widget .feed .entry .media img {
  183. border: 1px solid #ccc;
  184. padding: 1px;
  185. }
  186.  
  187. .friendfeed.widget .feed .entry .media td.more img {
  188. border: 0;
  189. }
  190.  
  191. .friendfeed.widget .feed .entry .hiddencomments {
  192. display: none;
  193. }
  194.  
  195. .friendfeed.widget .feed .entry .likes span,
  196. .friendfeed.widget .feed .entry .comment .content,
  197. .friendfeed.widget .feed .entry .commentform,
  198. .friendfeed.widget .feed .entry .expandcomment,
  199. .friendfeed.widget .feed .entry .info,
  200. .friendfeed.widget .feed .entry .info span,
  201. .friendfeed.widget .feed .entry a.via,
  202. .friendfeed.widget .feed .entry a.via:visited {
  203. color: #737373;
  204. }
  205.  
  206. .friendfeed.widget .feed .entry a.via {
  207. text-decoration: none;
  208. }
  209.  
  210. .friendfeed.widget .feed .entry a.via:hover {
  211. text-decoration: underline;
  212. }
  213.  
  214. .friendfeed.widget .feed .cluster .summary a {
  215. color: #1030cc;
  216. text-decoration: underline;
  217. font-weight: normal;
  218. }
  219.  
  220. .friendfeed.widget .feed .cluster .summary a,
  221. .friendfeed.widget .feed .cluster .summary a:hover {
  222. border: 0;
  223. }
  224.  
  225. .friendfeed.widget span.searchbold {
  226. font-weight: bold;
  227. color: black;
  228. }

URL: http://friendfeed.com/embed/css

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.