CSS:WinXP Blue

From Sage Community Wiki

html {
  background:
    #334922
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAACcCAMAAABx08rRAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfVCBIAASy6hU07AAAAB3RJTUUH1QgSAB055C4X%2FQAAAAlwSFlzAAAOwwAADsMBx2%2BoZAAAAwBQTFRFM0kiNEoiNUsiNkwiN04iN08iOFAiOVEiOlIiO1MiPFQiPFUiPVYiPlciP1giQFkiQVoiQVsiQlwiQ10iRF4iRF8iRWEiRmIiR2IiSWUhSGQiSWYhSmchS2ghTGkhTWohTmshTmwhT20hUG4hUW8hUnAhU3EhU3IhVHMhVXUhVnUhVnYhV3ghWHkhWXohWnshW3whW30hXH4hXX8hPnXtQHfuQnjuQ3nuRXruRnvuR3zuSX7uS3%2FuXoAgX4EgcpofYIIgYIMgYYQgYoUgY4YgZIggZYkgZosgZ4wgaI0gaY4gaY8gapAga5EgbJIgbZMgbpQgbpUgb5YgcJcgcZggcpkgTIDuToHuT4LuUIPuUoTvU4XvVYbvV4jvWInvWYrvW4vvXIzvXo3vX4%2FvYZDvYpHvZJLvZZPwZ5TwaJXwapbwa5fwbZnwbprwb5vwcZzwc53wdJ7wdqDwd6HweKLxeqPxfKTxfaXxfqbxgKfxgajxg6nxhKvxhqzxh63xia7xiq%2FxjLDyjbLyj7PykLTykrXyk7bylLfylrjymLnymbrym7zynL3ynb7yn7%2FzoMDzosHzpMPzpcTzpsXzqMbzqcfzq8jzrMnzrsrzr8vzsMzzAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA2yxMjQAAATVJREFUeNpNxtdCCAAAQNFbSqI9tIekUiFpk6ZKoaVhU1ZbAyWUdlQSJb7W29V5OpSIUlEmykWFqBRV4qq4JnpFn%2BgX98R98UA8FI%2FEY%2FFEPBXPxIAYFM%2FFC%2FFSvBKvxZAYFiNiVIyJcTEh3ohJMSWmxYx4K96J92JWzIkPYl58FJ%2FEZ7EgFsUXsSSWxYpYFWtiXWyITfFVfBNbYlvsiO9iV%2FwQe%2BKn%2BCX2xYH4LQ7FH%2FFX1IgecVd0iy7RKTpEu7gjbotbok20ipuiRTSLJnFDR9soGkS9qBO14rqoFldEsbgsisQlcVFcEIWiQOSL8yJP5IoccU5ki7MiS5wRmSJDpIs0kSpSRJJIFokiQZwW8SJOxIoYES2iRKSIEOEiTJwSJ0WoOCFCxHERLILEMREoAsR%2F%2FwAiMtT4oVbDWgAAAABJRU5ErkJggg%3D%3D)
    top left
    repeat-x
    fixed;
}

body {
  margin: 0 0 1em 0;
  font-family: Verdana, Arial, San-Serif;
}

body:after {
  color: white;
  margin-left: 2em;
  font-size: x-small;
  content: "sage-WinXP-blue.css \a9\ 2005 by LouCypher, mozilla.wikicities.com";
}

p.item-desc a:link { color: #029; }

#rss-header {
  margin: 0;
  background-color: transparent;
  padding: 0;
  height: 78px;
}

#rss-title {
  margin: 0; float: left;
  padding: 1.5em 0 0 .5em;
  font-size: x-large;
}

#rss-link:link,
#rss-link:visited,
#rss-link:hover {
  color: black;
  text-decoration: none;
}

#rss-desc {
  margin-top: -4em;
  padding-right: .5em;
  float: right;
}

div.item {
  background-color: #ECE9D8;
  color: black;
  border-width: 3px;
  border-style: solid;
  border-color: #166AEE #001DA0 #001DA0 #166AEE;
  -moz-border-radius: 8px 8px 0 0;
  margin: 1em 5em;
  padding: 0px;
}

h2.item-title {
  background:
    #0054E3
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAZBAMAAAALVfk2AAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfVCBEXAw3PBiX8AAAAB3RJTUUH1QgSACUyZGNyjgAAAAlwSFlzAAAOdAAADnQBaySz1gAAADBQTFRFAFTjAFXlAFXqAFjmAFjuAFzpAFvyAFr1A2XxAGD5AWT5Amr%2BA3L%2FK5D%2FP5f%2FAAAAhnGqIQAAAEZJREFUeNpjePfuAcPduxcYzpw5wNDR0cAQGhrAYGxswIAMBAUFMLCSkgIYu7g4MKSlJTCUlxcwzJw5gWHVqgUMu3dvQMYAFs8cIRYFs8oAAAAASUVORK5CYII%3D)
    top center
    repeat-x;
  color: #fff;
  font-size: small;
  font-weight: bold;
  line-height: 1.1;
  margin: 0px;
  padding: 5px 5px 8px 8px;
}

h2.item-title a {
  color: #fff;
  text-decoration: none;
}


h2.item-title a:hover {
  text-decoration: underline;
}

span.item-ordinal {
  padding-right: 0.2em;
}

div.item-desc {
  font-size: small;
  padding: 1em;
}

div.item-desc a {
  color: #316AC5;
  font-weight: bold;
  text-decoration: underline;
}

div.item-desc a:hover {
  background-color: #316AC5;
  color: white;
  text-decoration: none;
}


div.item-pubDate {
  margin: 0 2px 3px 2px;
  border: 1px inset white;
  font-size: x-small;
  padding: 2px;
}

div.item-technorati {
  background:
    transparent
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfVCBIAMjazjNFxAAAAB3RJTUUH1QgSADMyePvHWQAAAAlwSFlzAAALEgAACxIB0t1%2B%2FAAAAwBQTFRFAAAAAABdAABlAABvAAB0AAB3AAB5DihVFC1bFS9eKUdzNkRoREFiBi6PHj2MIzyMKEWaNlelN1ikNlimTleOTGSKQWOUS2uWXGqGXmmFW2%2BPXGqITXirZW%2BJZXWTbXaQcn6XT3DAZIevZImta4qtYoG0XI3db5%2FOY5Xpe6bfh5evgpOzmqW6nae6h6rKlK%2FNlbLPlLbXk7jYmbbSm73ao67CoLLFp7bJorjLr7XFrr%2FPrb3RqsHWt8LPvcfQqMrnr8rkpsj5tMriuNXtsdb0s9b1t9f1t9b4s9z%2Fv%2BT9w8vYyc7XyNTfwNfswdjux9voydnmyd7y1d7oxOX3w%2Bf%2FxeP8xuX%2Fx%2Bn%2Fyef%2FyuX%2Fzuf%2Fyer%2Fy%2B3%2FzOv%2Fz%2Bj%2Fz%2Br%2Fz%2B7%2FxPf%2F2ubv3OPq1ef40On%2F0ev%2F0e%2F%2F0uz%2F1uv%2F1e3%2F1uz%2F2e7%2F3O7%2F3u%2F%2F1%2FD%2F0fj%2F2fL%2F3PD%2F3fD%2F3%2FT%2F5eXk4ufs7%2B3t5uvx4O%2F94%2FT%2F5vL%2F4v%2F%2F5fr%2F7%2FP27%2FT36fX96PX%2F7Pb%2F6%2Fj%2F6%2Fr%2F7%2Fr%2F7f%2F%2F7%2F3%2F7v7%2F9fTy8%2Fv%2F8P%2F%2F8f%2F%2F8%2F%2F%2F9Pj7%2BP%2F%2F%2Bf%2F%2F%2Bv%2F%2F%2FP%2F%2F%2Fv%2F%2F%2F%2F%2F%2FAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjhTqzAAAAAF0Uk5TAEDm2GYAAADhSURBVHjaY2AAguS6KVOm9HkxQEFF55Qp3jyWU6ZMDgLzy8qB0iKMAkByijVIoHTKxK4pEx07pjS2TpmixcDgUz%2BhaUKAto5pf1VuyyQnBQa7hubq9iQ%2BJv7JxZk5tYEKDLaVVXlFU2xYhfuzUjMKfSUYrFJKsrN79VkEe%2BIi49McpBnM%2FPMzotoMmIW6I8KiQ1XkGSz8%2FdITalTZeINjQtxMOIDWmvs7x7oraqhphrgYcsmCHKKra2zvGV7gaqTMKQl1vJyovYeHEjs3jA8E4nqJYkhckIi6DKoAg6QUhAYAO%2Fo74KP6xmAAAAAASUVORK5CYII%3D)
    top left
    no-repeat;
  width: 19px;
  float: right;
  margin-top: -19px;
  margin-right: 2px;
}

div.item-technorati img {
  visibility: hidden;
}