CSS:Autumn

html * { -moz-box-sizing: border-box; } html { line-height: 1.3; background-color: white; }

body { margin: 0px; } 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; }
 * 1) rss-header { background-color: white; border: 1px solid #8cacbb; width: 96%; min-width: 14em; padding: 6px 8px; margin: 10px 2%; float: left; background-image: url('./Autumn.jpg'); background-repeat: repeat-y; background-attachment: fixed; }
 * 2) rss-title { font: large verdana; margin: 0px; padding: 0px; }
 * 3) rss-desc { font: small verdana; margin: 0px; padding: 7px 0px 0px 20px; }

a { text-decoration: none; color: steelblue; font-weight: bold; } a:visited { color: lightsteelblue; } a:hover { color: cornflowerblue; } a:active { color: tomato; }

div.item { position: relative; width: 90%; min-width: 14em; margin: 0px 2% 0px 0px; padding: 0px; float: right; } h2.item-title { margin: 2px; padding: 0px; } h2.item-title a { display:block; position: relative; left: -6.7%; width: 106.7%; background-color: white; border: 1px solid #8cacbb; font: bold small arial; padding: 5px 8px 5px 40px; background-image: url('./Autumn.jpg'); background-repeat: repeat-y; background-attachment: fixed; } h2.item-title a:link:after { content: " - NEW!"; color: salmon; font-size: small; font-family: verdana; } span.item-ordinal { position: absolute; left: -5.7%; top: 7px; font: small verdana; z-index: 1; } div.item-desc img { margin: 4px; } div.item-desc { display: none; } div.item:hover div.item-desc { display: block; border: 1px solid #8cacbb; min-height: 8em; font: small verdana; margin: 10px; padding: 1em; background-image: url('./Autumn.jpg'); background-repeat: repeat-y; background-attachment: fixed; } div.item-pubDate { display: none; } div.item:hover div.item-pubDate { display: block; position: absolute; left: 1em; bottom: 0.35em; color: gray; font: small verdana; margin: 0px; padding: 0px; width: 80%; } div.item-technorati { display: none; } div.item:hover div.item-technorati { display: inline; margin: 0px; padding: 6px 0px; float: right}

/* New additions */ div.item-enclosure { display: none; } div.item:hover div.item-enclosure { display: block; color: gray; font: small verdana; margin: 0px; padding: 0px 1em 0px; } div.item-enclosure span.labels, div.item-duration span.labels { font: bold small verdana; padding: 0px 0px 0px 10px; } div.item-duration { display: none; } div.item:hover div.item-duration { display: inline; color: gray; font: small verdana; margin: 0px; padding: 0px 1em 0px; }
 * 1) rss-copyright { display: inline; color: gray; font: x-small verdana; }
 * 2) rss-image { float: right; margin: 4px; }