CSS:Husk

From Sage Community Wiki

/* 
   * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   Sage Style Name: Husk
   Author: Adrian Herritt
   Website: http://adrianherritt.com
   Created: 12/13/08
   Description: I use Sage for over 200 feeds that I read daily,
   and after a year of happily using it, I thought it would be nice
   to finally implement a stripped down, easy to read style that
   suits my tastes. You can download the images and fonts needed
   for everything to work proper here:
   http://adrianherritt.com/husk-for-sage.zip

                               Enjoy;
   
   Just unzip that download, install the included fonts, and place
   the folder named "husk" anywhere you like. Then set Sage's
   custom style to the husk.css in that folder. Images will work
   and you are off and running. Customize as you like;
   * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

/* UNIVERSAL */
* {padding:0;margin:0;}
html {background: #FFF url(images/bg.jpg);}	
body {margin: 0 auto 50px auto;padding:0;color: #333;font-family: Georgia, Times, serif;}

/* LINKS */
a:link {text-decoration: none;color:#000;}
a:visited {text-decoration: none;color:#000;}
a:hover {text-decoration: none;color:#000;}
a:active {text-decoration: none;color:#000;}
#rss-header a {color: #000;}
h2.item-title a {text-decoration: none;color:#000;}
h2.item-title a:hover {text-decoration:none;color:#000;background-color:#FFFFCC;}
div.item-desc a { text-decoration: none;background:url(images/enlaces.png) repeat-x center bottom;}
div.item-desc a:hover { text-decoration: none;background:#FFFFCC url(images/enlaces.png) repeat-x center bottom;}

/* IMAGES */
img  {border: 4px solid #D4D3E8;margin: 5px 15px;height:auto;}

/* TITLES */
h2.item-title {font: 24px Georgia, Times, serif; font-weight: normal;margin:40px 0 0 0; padding: 0;clear: both; color: #999;background: url(images/sep.gif) no-repeat center bottom;text-align:center;height: 70px;}
div.item-desc h1 {font: 22px Georgia, Times, serif;font-weight: normal;padding:20px 0 10px 0;}
div.item-desc h2 {font: 20px Georgia, Times, serif;font-weight: normal;padding:20px 0 10px 0;}
div.item-desc h3 {font: 17px Georgia, Times, serif;font-weight: normal;padding:20px 0 10px 0;}
div.item-desc h4, div.item-desc h5, div.item-desc h6 {font: 15px Georgia, Times, serif;font-weight: bold;padding:20px 0 10px 0;}

/* HEADER */
#rss-header {width: 800px;margin: 10px auto 20px auto;color: #fff;}
#rss-title {font-family: Dampfplatz, Helvetica, Trebuchet, Arial, sans-serif;font-size: 75px;text-align:center;}
#rss-desc {font-size: 18px;padding:5px 0 5px 0;margin: 0 auto;border-top:1px dashed #666;border-bottom:1px dashed #666;text-align:center;font-style:italic;line-height:24px;color: #333;}

/* PAGE */
p {margin:8px 0 0 0;}
ul {list-style: disc url(images/bullet.gif) inside;padding:10px 0;}
ol {list-style-position: inside;padding:10px 0;}
pre {padding:15px 0 15px 25px;margin:10px 0;font-size:14px;border:1px dotted #999;overflow:auto;}
blockquote {font-size:24px;margin:20px;padding:10px;line-height:30px;font-style:italic;}
acronym {cursor:help;}
.item-desc:first-letter {color:#000;font-size:28px;padding-right:3px;}
div.item {margin:5px auto;width: 800px;position:relative;}
div.item-desc {font-size: 14px;margin: 0; padding:0;line-height: 24px;}
.item-pubdate {font-family: Lucida Grande,Geneva,Helvetica,sans-serif;width:300px;color: #666;font-size: 12px;text-transform:uppercase;line-height: 1.1em;padding:0;margin-left:-150px;position: absolute;text-align: center !important;top: 35px;left:50%;}

/* REMOVED ITEMS */
span.item-ordinal {display:none;}
div.item-author {display:none;}
div.item-technorati {display:none;}
hr {display:none;}
.feedflare {display:none;}
#terminator {display:none;}