Logo

Anoneh's CSS

Posted under » CSS on updated 08 June 2009

Body Font is

font:13px Verdana, Arial, Helvetica, sans-serif; color: #333333

What makes this site slightly easier to read is this

line-height: 15px;

I hate the default bullets so I followed what BBC did.

line-height: 1.3em;
background:transparent url(/img/v3/arrow.gif) no-repeat 8px 8px;
padding:4px 0pt 4px 18px;

When you rollover a link, there is a colour background.

a:hover{background: #E5F7FD;}

The rollover colour is not the default boring blue.

a:visited {color: #005A8C;}

The dotted line at the side is easy to do.

.twoColElsLtHdr #container {
	border-left:dotted;
    border-right:dotted;	
}

The search button is modelled from twitter. Unfortunately, my version doesn't work well with IE.

The the new width standard is 960

.twoColElsLtHdr #container {
	width: 960px; 
}

The blue colour scheme is following Skype's. I choose blue because it is soothing.

If you like how the coding you see above is formatted with numbers and all, honestly I have no idea how it is done. It's all generated from here.