Style - sam essay firefox sage

Everything else

Moderators: justauser, MysteryFCM

samol
Posts: 1
Joined: Mon Jul 31, 2006 11:52 am

Style - sam essay firefox sage

Postby samol » Mon Jul 31, 2006 12:33 pm

Here's a style I put together after reading Michael Kizer's excellent post on creating Custom Styles. I used the background color from the Essay style and from Firefox Sage increased font sizes, used bold and changed some colors. I find this very easy on the eyes when reading a lot of feeds. The codes posted below if anyone is interested.

I'm new to GreatNews and loving it. GreatNews really is Great...cheers...sam


/* body level */
body
{
margin: 0px;
color: #222;
font-family: verdana;
background-color: #d2ddee;
}

a:link { text-decoration: none; color: #436976; font-weight: bold; }
a:visited { text-decoration: none; color: #537986; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }

img
{
border: 0px;
}

/* pager */
div.gn_pager
{
clear: both;
font-size: 13px;
font-weight: bold;
text-align: right;
margin: 10px;
padding: 10px;
}
span.gn_pagenumber
{
padding-right: 2px;
padding-left: 2px;
color: white;
background-color: gray;
}
a.gn_pagerlink
{
}

/* channel level */
div.gn_channeltitle
{
clear: both;
background-color: #dee7ec;
border: 1px solid #8cacbb;
margin: 5px;
padding: 2px;
width: 98%
}

div.gn_channeltitletext
{
font-size: normal;
font-weight: bold;
padding: 2px;
}

div.gn_channeldesc
{
font-size: smaller;
font-weight: normal;
margin: 10px;
}

div.gn_channelimage
{
display: none;
}

/* story level */
div.gn_story, div.gn_stories
{
border: 1px solid #8cacbb;
display: inline;
vertical-align: top;
margin: 0.5%;
vertical-align: top;
padding: 4px;
}

div.gn_story
{
width: 99%;
overflow: visible;
}

div.gn_stories
{
width: 47%;
float: left;
overflow: hidden;
}

div.gn_storytitle
{
clear: both;
font-size: x-small;
font-weight: bold;
line-height: 1.1;
background-color: FFE4B5;
margin: 0px;
padding: 5px 5px 8px 8px;
}

div.gn_storydetails,td
{
font-weight: bold;
height: 100px;
clear: both;
font-size: x-small;
margin: 0px;
padding: 8px 10px;
}

div.gn_storyfooter
{
clear: both;
margin: 0px;
padding: 8px 10px;
font-size: x-small;
}

span.gn_publishtime, a.noLabel, a.withLabel, span.noLabel, span.withLabel
{
text-align: left;
font-size: smaller;
}

div.comment
{
margin-top: 15px;
font-size: 11px;
font-family: Verdana, Arial, sans-serif;
}

div.comment p
{
margin: 1px;
}

span.commentTime
{
color: white;
border-bottom: 1px solid;
background-color: gray;
margin: 1px 10px 1px 1px;
}

User avatar
Jack
Site Admin
Posts: 3472
Joined: Fri Feb 18, 2005 12:05 am

Postby Jack » Mon Jul 31, 2006 8:05 pm

Thanks Samol. I like it!

For anyone wants to try it out, you can download Samol's style file here:

http://www.curiostudio.com/misc/Samol.css

Save to GreatNews\Media directory.


Return to “General”

Who is online

Users browsing this forum: No registered users and 3 guests