CSS:SummerStorm

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

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

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

a { text-decoration: none; color: darkblue; font-weight: bold; } a:visited { color: cornflowerblue; } 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: slategrey; width: 96%; min-width: 14em; margin: 0px 0px 8px 2%; padding: 0px; float: left; } div.item:hover { border: 2px outset slategray; } 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: #slategray; color: gold; font-size: x-small; font-weight: bold; line-height: 1.1; margin: 0px; padding: 5px 5px 8px 36px; } h2.item-title a:link:after { content: " NEW!"; color: tomato; } div.item:hover h2.item-title a { background-color: slategray; 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: tomato; } div.item:hover span.item-ordinal { color: gold; }