topical media & game development

talk show tell print

sample-collect-hush-js-sketch-files-styles.css / css



  /*
  Design by Metamorphosis Design
  http://www.metamorphozis.com
  Released for free under a Creative Commons Attribution 2.5 License
  */
  
  * {
          margin: 0;
          padding: 0;
  }
  
  body {
          margin: 0 0px;
          background: #000000 url(images/back_all.gif) repeat-x top;
  }
  
  body, th, td, input, textarea {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #666666;
  }
  
  #contmain
  {
  /*
  margin: 0 auto;
  width: 665px;
  */
  width: 1000px;
  margin: 0;
  background: black;
  }
  
  h1, h2, h3 {
          color: #246030;
  }
  
  h1 {
          font-size: 3em;
  }
  
  h2 {
          text-transform: uppercase;
          font-size: 1.1em;
          font-weight: bold;
          color: #246030;
  }
  
  h3 {
          font-size: 1em;
  }
  
  ul, ol {
          margin-left: 3em;
  }
  
  a {
          text-decoration: underline;
          color: #246030;
  }
  
  a:hover {
          border: none;
          text-decoration: none;
  }
  
  h1 a, h2 a, h3 a {
          border: none;
          text-decoration: none;
          color: #246030;
  }
  
  h1 a:hover, h2 a:hover, h3 a:hover {
          background: none;
          color: #246030;
  }
  
  #main
  {
  /*
  width: 665px;
  margin: 0 auto;
  */
  width: 980px;
  margin: 0;
  border-left: 10px solid silver;
  border-right: 10px solid silver;
  background: black;
  }
  
  /* Header */
  
  #header {
    /*
          width: 665px;
          margin: 0 auto;
          height: 502px;
          background: black;
    */
    width: 100px;
    margin: 0;
    height: 750px;
          background: black;
  }
  
  #title {
          float: left;
          width: 980px;
          background: black;
  
          display: block;
          float: left;
          height: 40px;
          text-decoration: none;
          font-size: 18px;
          padding-top: 21px;
          font-weight: bold;
          color: #000000;
    text-align: center;
  }
  
  #menu {
          float: left;
          height: 65px;
          width: 600px;
          padding-left: 65px;
          background: black;
  }
  
  #menu ul {
          margin: 0;
          padding: 0;
          list-style: none;
          line-height: normal;
  }
  
  #menu li {
          float: left;
  }
  
  #menu a {
          display: block;
          float: left;
          height: 40px;
          width: 100px;
          text-decoration: none;
          font-size: 14px;
          padding-top: 25px;
          font-weight: bold;
          color: #000000;
      text-align: center;
  
  }
  
  #menu a:hover {
          color: #ffffff;
          background: black;
  }
  
  /* Logo */
  
  #logo {
          width: 665px;
          height: 437px;
          margin: 0 auto;
          background: black;
          text-align: lefr;
  }
  
  #logo h1 {
          padding-top: 180px;
          padding-left: 20px;
          color: #246030;
          font-size: 18px;
  }
  
  #logo h2 {
          font-style: italic;
          font-size: 10px;
          padding-left: 20px;
  }
  
  #logo a {
          color: #ffffff;
  }
  
  /* Page */
  
  #page {
    /*margin-left:10px;*/
          width: 980px;
          background: black;
          border-top: none;
  }
  
  /* Content */
  
  #content {
          float: left;
          width: 980px;
          padding-left: 10px;
          padding-top: 20px;
          padding-bottom: 20px;
  }
  
  #content H4 
  {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #246030;
  }
  
  #content p
  {
  line-height: 20px;
  }
  
  #content .boxes {
    float:left;
    margin:0;
    padding:0;
  }
  
  #content .box-l
  {
    border: 1px solid #246030;
    width: 460px;
    width: 570px;
    margin-bottom: 0px;
    margin: 0px;
  }
  
  #content .box2-l
  {
    border: 1px solid #ffffff;
    background: black;
    width: 438px;
    width: 548px;
    padding: 10px;
  }
  
  .box2-l th {
    width: 120px;
    text-align: right;
    vertical-align: top;
    padding-right:5px;
  }
  
  #content .box-r
  {
    border: 1px solid #246030;
    width: 460px;
    width: 352px;
    margin-bottom: 0px;
    margin: 0px;
  }
  
  #content .box2-r
  {
    border: 1px solid #ffffff;
    background: black;
    width: 438px;
    width: 330px;
    padding: 0px;
  }
  
  .date {
          text-align: right;
          color: #918E48;
          font-size: 11px;
  }
  
  .date a {
          color: #918E48;
  }
  
  dl {
    /*
    margin-top: 5px;
    margin-left: 10px;
    */
    margin: 5px 10px;
    padding: 10px 15px;
    border: 1px solid #246030;
  }
  
  dt {
    line-height: 1.5em;
    font-weight: bold;
    width: 100px;
    float: left;
    clear: both;
  }
  
  dd {
    display: block;
    line-height: 1.5em;
  }
  
  /* Sidebars */
  
  .sidebar {
          float: left;
  }
  
  .sidebar ul {
          margin: 0;
          padding: 0;
          list-style: none;
  }
  
  #sidebar2 {
    width: 218px;
    position: absolute;
    top: 5px;
    left: 800px; /* 817:(1000 + 50 - 218) - 15*/
    background-color: black;
  }
  
  #sidebar2 li h2 {
          background: black;
          height: 30px;
          color: #FFFFFF;
          padding-left: 20px;
          padding-top: 14px;
  }
  
  #sidebar2 li ul {
          line-height: normal;
          margin-left: 20px;
          margin-bottom: 20px;
          padding-top: 20px;
  }
  
  #sidebar2 li li {
          padding: 5px;
  
          background: black;
          font-size: .8em;
  }
  
  #sidebar2 li a {
          border: none;
          padding-left: 10px;
  }
  
  #sidebar2 li a:hover {
          border: none;
          padding-left: 10px;
  }
  
  #sidebar2 table {
    border:1px solid gray; 
    margin:5px 10px; 
    padding:5px; 
    width:198px;
  }
  #sidebar2 table td.label {
    font-weight:bold;
    width:100px;
  }
  #sidebar2 table td.value {
  }
  
  #bottom
  {
  }
  
  /* Footer */
  #footer
  {
  padding-top: 20px;
  border-top: 5px solid #246030;
  height: 50px;
  /*width: 1000px;*/
  width: 980px;
  background: black;
  }
  
  #footer p {
          text-align: center;
          font-size: 9px;
          color: #ffffff;
          margin: 0px;
          padding: 0px;
  }
  #footer a
  {
  color: #FFFFFF
  }
  
  #timer {
    position:absolute; 
    top:12px; 
    left:990px; 
    width:30px; 
    height:30px; black;
  }
  
  #sidebar2 button {
    width: 205px;
    margin: 5px 0 0 5px;
  }
  
  div.title-back {
    padding-bottom: 5px;
  }
  
  div.box2 th {
    width:120px;
    text-align:right;
    vertical-align:top;
    /*
    padding-right:5px;
    */
  }
  


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.