Beyond Tecknology Sage Style

Today I just opened up my Sage to view my rss feeds and I noticed that the Hicks skin was a bit boring and didn't look all that awesome, that's why I just made my own modifications to make this look better.
Now although this isn't probably the best skin/style ever for one of the best Firefox extensions, it's close enough. I got the idea from the 'spotlight' theme in NetNewsWire. And the header image is also something similar to that, which I also took from a screenshot in Jon Hicks's post (I hope this is allowed). So it's got the looks and the usability.
And since I'm a very good guy I decided to post the source code and the image up, so that others can also enjoy the modified hicks style!

How to Install:

1. Copy the code below and paste it in a text editor (like notepad or text edit) , or right click and click on save frame as then... save it as a .css file (for example 'style.css')
   

html *{-moz-box-sizing:border-box;}html{background:#FFF;line-height:1.3;margin:0;}body{margin:0;color:#333333;font:12px/1.5em verdana,arial,sans-serif,helvetica;}a:link{text-decoration:none;color:#000;font-weight:none;border-bottom:1px dotted #666666;}a:visited{text-decoration:none;color:#537986;}a:hover{border-bottom:1px dotted #5895FF;}a:active{text-decoration:none;}p.item-desc a:link{color:#029;}#rss-header{background:#5898FF url(header.png) repeat-x left bottom;padding:10px 2%;;margin:0 0 10px 0;text-transform:capitalize;}#rss-title{margin:0;}#rss-link{font-size:18px;color:#fff;font-weight:bold;margin:0;}#rss-header h1 a{text-decoration:none;border-bottom:none;}#rss-header h1 a:hover{text-decoration:none;border-bottom:none;}#rss-desc{margin:2px 0 0 0;color:#fff;font-weight:none;padding:0;}#rss-desc a{color:#DFFFFF;}.odd{background-color:#F0F0F0;}div.item{margin:0 0 8px 0;padding:0;}h2.item-title{margin:0;}h2.item-title a{display:block;background-color:#EDF3FE;font-size:14px;font-weight:none;margin:0 0 4px 0;padding:3px 2%;}h2.item-title a:visited{display:block;color:#C2D7FC;background-color:#EDF3FE;font-size:14px;font-weight:none;margin:0 0 4px 0;padding:3px 2%;}h2.item-title a:hover{background-color:#4B7DF2;color:#fff;text-decoration:none;}span.item-ordinal{display:none;}div.item-desc{margin:0;padding:0 2% 10px 2%;width:80%;}div.item-desc img{display:block;}div.item-pubDate{display:none;font-size:x-small;padding:8px 10px;width:30%;float:right;text-align:right;}div.item-technorati{font-size:x-small;margin:0;padding:8px 10px;width:20%;float:right;text-align:right;display:none;}img{max-width:100%;height:auto;}

1. Right click on the image below, and then save it as sageheader.png in the same folder as the css file.
   
   
2. Change the settings in sage. Click Options > Settings... > Check 'Use custom CSS' > Click Browse and browse to the css file.
3. Enjoy your new style while using the ever wonderful sage!
   

---

Got a question, tip or comment? Send them to beyondteck+question@gmail.com and we'll try to answer it in a blog post!