CSS:Glider (enhanced)

body { background-color: white; font: small verdana; } body:before { content: "stylesheet by too_much green_tea"; display: block; text-align: right; margin-right: 2%; margin-top:5px; color: gray; font: bold x-small verdana; } body:after { content: " "; display: block; margin-top: 22em; } a { font-weight: bold; text-decoration: none; } a:link { color: steelblue; } a:visited { color: lightsteelblue; } a:hover { color: cornflowerblue; } a:active { color: tomato; }
 * 1) rss-header { background-color: #dee7ec; border: 1px solid #8cacbb; width: 96%; min-width: 14em; min-height: 160px; margin: 10px 2%; }
 * 2) rss-title { font-size: large; padding: 1em 1em 0px; margin: 0px; }
 * 3) rss-copyright { font-weight: x-small; color: gray; padding: 0px 2em; margin: 0px; }
 * 4) rss-desc { font-size: small; padding: 2ex 2em; margin: 0px; }
 * 5) rss-image { max-width: 144px; max-height: 144px; margin: 6px; float: right; }

div.item { width: 90%; padding: 0px; margin: 0px 2% 0px auto; position: relative; } h2.item-title { font: small verdana; padding: 2px; margin: 0px; position: relative; } span.item-ordinal { padding: 0.8ex 0px 0.8px 1em; position: absolute; left: -6%; z-index: 1; } h2.item-title a { background-color: #dee7ec; border: 1px solid #8cacbb; width: 98%; display: block; padding: 0.8ex 0px 0.8ex 8%; position: relative; right: 6%; } h2.item-title a:link:after { content: "[NEW]"; color: salmon; display: inline; margin-left: 1em; } div.item-desc img { margin: 4px; } div.item-desc, div.item-enclosure, div.item-duration, div.item-pubDate, div.item-technorati { display: none; } div.item:hover div.item-desc { border: 1px solid #8cacbb; display: block; height: 10em; padding: 1em; margin: 1em; overflow: -moz-scrollbars-vertical; } div.item:hover div.item-enclosure { color: gray; display: block; padding: 0px 1em 0px; margin: 0px; } div.item:hover div.item-duration { color: gray; display: block; padding: 0px 1em 0px; margin: 0px; } div.item:hover div.item-pubDate { color: gray; display: block; position: absolute; bottom: 1em; } div.item:hover div.item-technorati { direction:rtl; display: block; padding: 1em 0px; position: relative; right: 2%; } span.labels { font: bold small verdana; padding: 0px 0px 0px 10px; }