Team:WITS-CSIR SA/style.css

From 2011.igem.org

Revision as of 17:34, 10 July 2011 by Bradmarxmoosepi (Talk | contribs)

body {

   font-family: tahoma, helvetica, arial, sans-serif;
   font-size: 10px;
   text-align: center;
   background: #d9d6cc url(images/page_bg.gif) top center repeat-x;
   color: #868686;
   margin: 0;
   padding: 10px;

}

html, #wrapper, h1 {

   margin: 0;
   padding: 0;

}

img { border: 0; }

  1. wrapper {
   margin: auto;
   text-align: left;
   width: 458px;
   position: relative;

}

h1, h2, h3 {

   font-size: 10px;

}


h1 {

   line-height: 1;
   position: absolute;
   top: 0;
   left: 0;

}

h2 {

   margin: 0 0 5px 0;
   padding: 0;

}

h3 {

   padding: 4px 0 0 0;

}

.block {

   display: block;

}

.clear {

   clear: both;
   height: 10px;

}

.left {

   float: left;
   margin: 5px 20px 0px 0px;

}

.right {

   float: right;
   margin: 0px 0px 0px 20px;

}

.readmore {

   text-align: right;

}

/* page structure */

  1. wrapper {
   background: url(images/body_t.png) 24px 0px no-repeat;
   height: 40px;

}

h1 {

   position: absolute;
   top: 16px;
   left: 43px;
   margin: 0;
   padding: 0;
   width: 135px;
   z-index: 10;

}

  1. nav {
   position: absolute;
   top: 31px;
   left: 0;
   width: 31px;
   margin: 0;
   padding: 0;
   z-index: 5;

}

  1. nav li {
   float: left;
   width: 31px;
   padding: 0;
   margin: 0;
   list-style: none;

}

  1. nav img {
   display: block;

}

  1. body {
   background: url(images/body_bg.png) repeat-y;
   position: absolute;
   top: 39px;
   left: 10px;
   width: 448px;
   margin: 0;
   padding: 10px 0 0 0;
   z-index: 2;

}

  1. body .inner {
   width: 300px;
   margin: 10px 20px 0px 20px;

}

  1. body .inner #content {
   width: 200px;
   margin-left: 10px;
   margin-top: 1em;

}

  1. body .inner #content p {
   margin: 1em 0;
   padding: 0;

}

  1. body .inner #content div {
   padding: 17px;
   border-top: 1px solid #d4d6cf;
   border-bottom: 1px solid #d4d6cf;

}

  1. body .inner h2 {
   font-size: 12px;

}

  1. page_title {
   float: left;
   margin: 3px 0 -50px 15px;
   padding: 20px 0 50px 0;
   width: 57px;
   border-right: 1px solid #d4d6cf;

}

  • html #page_title {
   margin-left: 7px;

}

  1. news {
   float: left;
   width: 129px;
   margin: 10px 0 0px 6px;
   background: url(images/box_bg.gif) repeat-y;

}

  1. news div {
   background: url(images/box_t.gif) no-repeat;

}

  1. news div div {
   padding: 12px 12px 7px 12px;
   background: url(images/box_b.gif) bottom left no-repeat;

}

  1. news p {
   margin: 0;
   padding: 0 0 3px 0;

}

  1. news .readmore {
   padding-top: 4px;

}

  1. paper {
   position: absolute;
   top: 39px;
   left: 243px;
   width: 196px;
   z-index: 9;
   background: url(images/paper_bg.gif) repeat-y;

}

  1. paper .inner {
   background: url(images/paper_b.gif) bottom no-repeat;
   padding: 8px 30px 18px 30px;

}

  1. paper .readmore {
   text-align: left;
   margin-bottom: 0;
   padding-bottom: 0;

}

  1. paper p {
   margin: 1em 0;
   padding: 0;

}

  1. footer {
   text-align: right;

margin-top: 2px; }

.footerie {

   display: none;

}

.clear {

 margin-top: -20px;

}

a {

   color: #575e58;
   font-weight: bold;

}

a:hover {

   color: #b31d00;

}