All pastes #1967354 Raw Edit

Testing CSS

public css v1 · immutable
#1967354 ·published 2010-10-19 22:38 UTC
rendered paste body
/* Page Containers------------------------------------------------ */body {  min-height: 100%;}div#container {  position: absolute;  top: 0px;  left: 0px;  min-height: 100%;  width: auto;  min-width: 100%;  background: #3d3d3d;}div#content {  position: relative;  top: 5em;  height: 550px;  width: 900px;  margin: auto;  padding: 5px;  background: #3d3d3d;  color: #0000ff;}div#buffer {  padding-left: 3em;  padding-right: 3em;  width: auto;  height: auto;}/* End Page Containers------------------------------------------------ *//* Header Items------------------------------------------------ */div#header {  position: fixed;  top: 0px;  left:0px;  z-index: 500;  width: 100%;  height: 5em;  background: #2c2c2c;}  #header h1 {    font-family: arial, sans-serif;    font-size: 1.5em;    font-weight: 900;    letter-spacing: 0.75em;    text-transform: uppercase;    text-align: left;  }  #header em {    font-size: .55em;    font-weight: 300;    font-style: normal;    color: #C0E6FA;    display: block;    text-transform: lowercase;    letter-spacing: 3px;  }  #header a {    position: fixed;    padding-left: 1em;    margin: 0px;    top: 0px;    left: 0px;    width: 100%;    height: 48px;    display: block;    text-decoration: none;    color: #cacaff;    background: #2c2c2c;  }  #header a:hover {    color: #e0e0ff;  }  #header a:hover em {    color: #E0F4FF;  }div#top-nav {  display: block;  position: fixed;  height: 1.5em;  width: auto;  padding-left: 2em;  margin: 0em;  top: 3.5em;  left: 0em;  z-index: 500;  background: #2c2c2c;}  div#top-nav > ul {    margin: 0px;    padding: 0px;    list-style: inside;  }  div#top-nav > ul li {    display: inline;    list-style: none;  }  div#top-nav a {    display: inline-block;    text-decoration: none;    line-height: 1.5em;    margin: 0px;    padding-left: 3px;    padding-right: 3px;    height: 100%;    background: #505050;    color: #C0E6FA;    -webkit-border-top-left-radius: 5px;    -webkit-border-top-right-radius: 5px;    -moz-border-radius-topleft: 5px;    -moz-border-radius-topright: 5px;    border-top-left-radius: 5px;    border-top-right-radius: 5px;  }  div#top-nav a:hover {    background: #5d5d5d;    color: #E0F4FF;  }/* End Header Items------------------------------------------------ *//* Sidebar Items------------------------------------------------ */div.sidebar {  position: fixed;  top: 5em;  z-index: 500;  height: 100%;  width: 2em;  background: #2c2c2c;}  #left {    left: 0px;  }  #right {    right: 0px;  }/* End Sidebar Items------------------------------------------------ *//* Landing Page Items------------------------------------------------ */div.box {  position: absolute;  height: 227px;  width: 380px;  background: #f1f1f1;  margin: 15px;  padding: 10px;  border-style: solid;  border-width: 1px;  border-radius: 15px;  box-shadow: 5px 5px 15px #0D0A52;  -moz-border-radius: 15px;  -moz-box-shadow: 5px 5px 15px #0D0A52;  -webkit-border-radius: 15px;  -webkit-box-shadow: 5px 5px 15px #0D0A52;}div#a {  top: 0px;  left: 0px;}div#b {  top: 0px;  right: 0px;}div#c {  bottom: 0px;  left: 0px;}div#d {  bottom: 0px;  right: 0px;}/* End Landing Page Items------------------------------------------------ */div#footer {  position: relative;  margin-top: 6em;  margin-left: -1em;  margin-right: -1em;  padding: 1em;  width: auto;}