CSS:CoH Style

From Sage Community Wiki

html * 
{
	-moz-box-sizing: border-box;
}

html
{	line-height: 1.3;
	/* this color is based off header image */
	background-color: #283C72;
}

body
{
	margin: 0px;
	color: #FFF;
	font-family: verdana;
}

map
/* Possible ad blocking */
{
	visibility: hidden;
}

area
/* Possible ad blocking */
{
	visibility: hidden;
}

A:link, A:active, A:visited {
	font-weight: bold;
	color: #98E758;
	text-decoration: none;
}

A:Hover {
	text-decoration: underline;
}

A:link img, A:active img, A:visited img, A:hover img
/* style for image links */
{
	border: 0px;
	padding: 0px;
	height: auto;
	max-width: 90%;
}

p.item-desc a:link
{
	color: #000;
}

#rss-header 
{
	/* this can be changed to one of the other image versions */
	background-image: url(./images/coh_header_blu.jpg);
	height: 186px;
	width: 925px;
	padding: 6px 8px;
	margin: 10px 2%;
}

#rss-copyright
{
	color: #fff;
	font-size: xx-small;
	margin: 10px 2%;
	font-style: italic;
}

#rss-desc 
{
	color: #fff;
	font-size: small;
	margin: 10px 2%;
}

div.feedflare
/* Ad blocking */
{
	visibility: hidden;
}

div.item
{
	color: #fff;
	background-color: #120646;
	-moz-border-radius: 16px;
	border: 2px solid #9496CB;
	min-width: 14em;
	margin: 0px 2% 8px 2%;
	padding: 0px 6px 0px 6px;
	float: left;
	background-image: url(./images/coh_news_bar.jpg);
	background-repeat:no-repeat;
	background-position: 4px 12px;
}

img
{
	padding: 0px;
	height: auto;
	max-width: 90%;
}

h2.item-title a
{
	color: #fff;
	text-decoration: none;
}

h2.item-title a:hover
{
	text-decoration: underline;
}

h2.item-title:hover
/* show remaining lines when hovering */
{
	white-space: normal;
	overflow: visible;
}

h2.item-title
{
	color: #fff;
	font-size:13px;
	font-weight:bold;
	padding-left:34px;
	padding-top:8px;
	line-height: 1.5;
	width:98%;
	/* show only first line (when title wraps) */
	height:29px;	
	overflow: hidden;
	white-space: no-wrap;
}

span.item-ordinal
/* item numbers hidden; adding them might throw off titles */
{
	position: absolute;
	visibility: hidden;
}

div.item-desc
{
	color: #fff;
	min-height: 6em;
	font-size: x-small;
	margin: 0px;
	padding: 8px 10px;
}

div.item-pubDate
{
	font-size: x-small;
	margin: 0px;
	padding: 8px 10px;
	width: 80%;
	float: left;
}

div.item-technorati
{
	/* image always has white background; looks grainy otherwise */
	background-color: #FFF;
	font-size: x-small;
	margin: 2px 10px 0px 0px;
	float: right;
	text-align: right;
}