User:Macowell/podcast mainpage.css

From 2007.igem.org

Note: After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh); Konqueror: click Reload or press F5; Opera: clear the cache in Tools → Preferences; Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.

.podcast{
	position: relative;
	float: right;
	height: 110px;
	background-color: #f1f1f1;
	font: 12px/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	width: 142px;
	margin: 6px;
}
.podcast h3{
	position: absolute;
	width: 130px;
	margin: 0px 4px;
	padding: 0 0px 0 4px;
	font: bold 1em "Lucida Grande", Lucida, Verdana, sans-serif;
	z-index: 2;
	color: #191919;
	top: 4px;
	background-image: url(https://static.igem.org/mediawiki/2007/2/2f/Podcast-title-bg.png);
}
.podcast a:link, .podcast a:visited{
	text-decoration: none;
	color: #333;
}
.podcast a:hover {
	color: #8181c5;
}

.podcast .screenshot {
	float: left;
	position: relative;
	clear: none;
	display: block;
	margin: 0px 0px 0px 0px;
}
.podcast .screenshot img {
	background: #ffffff;
	border: 1px solid #c7cbce;
	padding: 4px;
	margin: 0;
}
.podcast .screenshot span {
	position: absolute;
	bottom:0px;
	right: 1px;
	padding: 4px 20px 4px 26px;
	background: url(https://static.igem.org/mediawiki/2007/0/09/Podcast-download-bg.gif) no-repeat;
	font-size: 0.8em;
	line-height: 1;
}
.podcast .screenshot span a{
	padding: 0 0 0 0.5em;
	color: #333;
}
.podcast .description {
	display: block;
	position: relative;
	float: left;
	width: 220px;
	margin-left: 3px;
	padding-left: 1.2em;
}
.podcast .description a{
	border-bottom: 1px dotted #aaaaff;
}
.podcast .description a:hover{
	border-bottom: 1px dotted #aaaaff;
}
.screenshot img:hover {
	border: 1px solid #aaaaff;
}