CSS:Summer Breeze

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

body { margin: 0px; font-family: verdana; } body:before { content: "stylesheet by too_much green_tea"; display: block; text-align: right; margin-right: 2%; margin-top: 5px; color: gray; font-size: x-small; font-weight: bold; }
 * 1) rss-header { float: left; background-color: #dee7ec; border: 1px solid #8cacbb; width: 96%; min-width: 14em; padding: 6px 8px; margin: 10px 2%; }
 * 2) rss-title { font-size: large; line-height: 1; margin: 0px; padding: 0px; }
 * 3) rss-desc { font-size: small; margin: 0px; padding: 7px 0px 0px 20px; }

span.item-ordinal { position: absolute; left: 1em; top: 0.35em; font-size: small; font-weight: normal; } div.item-desc { min-height: 4em; font-size: small; margin: 0px; padding: 8px 40px; } div.item-pubDate { position: absolute; left: 1em; bottom: 0.35em; color: gray; font-size: small; margin: 0px; padding: 6px 0px; width: 80%; } div.item-technorati { font-size: small; margin: 0px; padding: 8px 10px; width: 20%; float: right; text-align: right; } div.item-desc img { margin: 4px; }

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

div.item { -moz-border-radius: 11px 11px 11px 11px; position: relative; border: 2px inset slategray; background-color: whitesmoke; width: 96%; min-width: 14em; margin: 0px 0px 8px 2%; padding: 0px; float: left; } div.item:hover { border: 2px outset slategray; background-color: ivory; } div.item:active { border: 2px inset slategray; margin: 1px 0px 7px 2.2%; }

h2.item-title { margin: 0px; padding: 0px; } h2.item-title a { -moz-border-radius: 8px 8px 0px 0px; display: block; width: 100%; background-color: #dee7ec; font-size: small; font-weight: bold; font-family: arial; line-height: 1.1; margin: 0px; padding: 5px 5px 8px 40px; } h2.item-title a:link:after { content: " - NEW!"; color: salmon; font-size: small; font-family: verdana; } div.item:hover h2.item-title a { background-color: cornflowerblue; color: gold; } div.item:hover h2.item-title a:visited { color: darkkhaki; } div.item:hover h2.item-title a:active { color: darkkhaki; } div.item:hover h2.item-title a:link:after { color: lightsalmon; } div.item:hover span.item-ordinal { color: gold; }

/* New additions */ div.item-enclosure { color: gray; font-size: small; margin: 0px; padding: 8px 30px 0px; } div.item-enclosure span.labels, div.item-duration span.labels { font-weight: bold; padding: 0px 0px 0px 10px; } div.item-duration { display: inline; color: gray; font-size: small; margin: 0px; padding: 8px 30px 0px; }
 * 1) rss-copyright { display: inline; color: grey; font-size: x-small; }
 * 2) rss-image { float: right; margin: 4px; }