New Style

Discussions related to custom GreatNews styles

Moderators: justauser, MysteryFCM

thedark2
Posts: 2
Joined: Thu Apr 19, 2007 10:01 pm
Contact:

New Style

Postby thedark2 » Thu Apr 19, 2007 10:21 pm

I was looking for something that was a little bigger and stood out. I borrowed from the Firefox Sage 2 style and went from there. Hopefully someone else will find it useful. I have titled it "Large".



/* body level */
body
{
margin: 0px;
color: #000000;
font-family: Lucinda Grande;
}

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

img
{
border: 0px;
max-width: 90%;
}

/* pager */
div.gn_pager
{
clear: both;
font-size: 10px;
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: #6666FF;
border: 5px solid #000000;
margin: 8px;
padding: 4px;
width: 97%
}

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

div.gn_channeldesc
{
font-size: 100%;
font-weight: bold;
margin: 10px;
}

div.gn_channelimage
{
display: all;
}

/* story level */
div.gn_story, div.gn_stories
{
border: 5px solid #000000;
vertical-align: top;
margin: 5px;
vertical-align: top;
padding: 0px;
}

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

div.gn_stories
{
width: 47%;
float: right;
overflow: visible;
display: inline;
}

div.gn_storytitle
{
font-size: 150%;
font-weight: bold;
line-height: 1.1;
background-color: #66FFCC;
margin: 0px;
padding: 5px 5px 8px 8px;
}

div.gn_storydetails,td
{
clear: both;
font-size: 120%;
margin: 0px;
padding: 8px 10px;
}

div.gn_storydetails img {
border: 0px solid rgb(153, 153, 153);
padding: 1px;
height: auto;
float: right;
margin-left: 0.6em;
}

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

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

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 » Fri Apr 20, 2007 6:47 am

Thank you thedark2!. This large font style can be very useful for some people. I uploaded your style file here:

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

vback
Posts: 12
Joined: Thu Mar 02, 2006 11:36 pm

Postby vback » Fri Apr 20, 2007 10:49 pm

Thank you.
I like this bigger font style so much. For readers like me using a compact notebook, a larger font seems a must for reading.

vback
Posts: 12
Joined: Thu Mar 02, 2006 11:36 pm

Postby vback » Sat Apr 21, 2007 8:03 pm

one suggestion. Can it be in one column rather than 2-column fomat? This saves some time to sroll up and down.


Return to “GreatNews Styles”

Who is online

Users browsing this forum: No registered users and 1 guest