Team:WITS-CSIR SA/style.css

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/*
+
body {
-
* Galleria Classic Theme
+
     font-family: tahoma, helvetica, arial, sans-serif;
-
* Copyright (c) 2010, Aino
+
     font-size: 10px;
-
* Licensed under the MIT license.
+
     text-align: center;
-
*/
+
     background: #d9d6cc url(images/page_bg.gif) top center repeat-x;
-
+
     color: #868686;
-
#galleria{height:500px;}
+
-
 
+
-
.galleria-container {
+
-
     position: relative;
+
-
    overflow: hidden;
+
-
    background: #000;
+
-
}
+
-
.galleria-container img {
+
-
    -moz-user-select: none;
+
-
    -webkit-user-select: none;
+
-
    -o-user-select: none;
+
-
}
+
-
.galleria-stage {
+
-
    position: absolute;
+
-
    top: 10px;
+
-
    bottom: 60px;
+
-
    left: 10px;
+
-
    right: 10px;
+
-
    overflow:hidden;
+
-
}
+
-
.galleria-thumbnails-container {
+
-
    height: 50px;
+
-
    bottom: 0;
+
-
    position: absolute;
+
-
    left: 10px;
+
-
    right: 10px;
+
-
    z-index: 2;
+
-
}
+
-
.galleria-carousel .galleria-thumbnails-list {
+
-
    margin-left: 30px;
+
-
    margin-right: 30px;
+
-
}
+
-
.galleria-thumbnails .galleria-image {
+
-
    height: 40px;
+
-
    width: 60px;
+
-
    background: #000;
+
-
    margin: 0 5px 0 0;
+
-
    border: 1px solid #000;;
+
-
    float: left;
+
-
    cursor: pointer;
+
-
}
+
-
.galleria-counter {
+
-
    position: absolute;
+
-
    bottom: 10px;
+
-
    left: 10px;
+
-
    text-align: right;
+
-
    color: #fff;
+
-
    font: normal 11px/1 arial,sans-serif;
+
-
     z-index: 2;
+
-
}
+
-
.galleria-loader {
+
-
    background: #000;
+
-
    width: 20px;
+
-
    height: 20px;
+
-
    position: absolute;
+
-
    top: 10px;
+
-
     right: 10px;
+
-
    z-index: 2;
+
-
    display: none;
+
-
     background: url(https://static.igem.org/mediawiki/2011/7/7f/Classic-loader.gif) no-repeat 2px 2px;
+
-
}
+
-
.galleria-info {
+
-
    width: 50%;
+
-
     top: 15px;
+
-
    left: 15px;
+
-
    z-index: 2;
+
-
    position: absolute;
+
-
}
+
-
.galleria-info-text {
+
-
    background-color: #000;
+
-
    padding: 12px;
+
-
    display: none;
+
-
    /* IE7 */ zoom:1;
+
-
}
+
-
.galleria-info-title {
+
-
    font: bold 12px/1.1 arial,sans-serif;
+
     margin: 0;
     margin: 0;
-
     color: #fff;
+
     padding: 10px;
-
margin-bottom: 7px;
+
}
}
-
.galleria-info-description {
+
 
-
    font: italic 12px/1.4 georgia,serif;
+
html, #wrapper, h1 {
     margin: 0;
     margin: 0;
-
     color: #bbb;
+
     padding: 0;
}
}
-
.galleria-info-close {
+
 
-
    width: 9px;
+
img { border: 0; }
-
    height: 9px;
+
 
-
    position: absolute;
+
#wrapper {
-
     top: 5px;
+
     margin: auto;
-
     right: 5px;
+
     text-align: left;
-
    background-position: -753px -11px;
+
     width: 458px;
-
     opacity: .5;
+
     position: relative;
-
     filter: alpha(opacity=50);
+
-
    cursor: pointer;
+
-
    display: none;
+
}
}
-
.galleria-info-close:hover{
+
 
-
     opacity:1;
+
h1, h2, h3 {
-
    filter: alpha(opacity=100);
+
     font-size: 10px;
}
}
-
.galleria-info-link {
+
 
-
     background-position: -669px -5px;
+
 
-
    opacity: .7;
+
h1 {
-
    filter: alpha(opacity=70);
+
     line-height: 1;
     position: absolute;
     position: absolute;
-
    width: 20px;
+
     top: 0;
-
    height: 20px;
+
-
    cursor: pointer;
+
-
    background-color: #000;
+
-
}
+
-
.galleria-info-link:hover {
+
-
    opacity: 1;
+
-
    filter: alpha(opacity=100);
+
-
}
+
-
.galleria-image-nav {
+
-
    position: absolute;
+
-
     top: 50%;
+
-
    margin-top: -62px;
+
-
    width: 100%;
+
-
    height: 62px;
+
     left: 0;
     left: 0;
}
}
-
.galleria-image-nav-left,
+
 
-
.galleria-image-nav-right {
+
h2 {
-
     opacity: .3;
+
     margin: 0 0 5px 0;
-
    filter: alpha(opacity=30);
+
     padding: 0;
-
    cursor: pointer;
+
-
    width: 62px;
+
-
    height: 124px;
+
-
    position: absolute;
+
-
    left: 10px;
+
-
    z-index: 2;
+
-
     background-position: 0 46px;
+
}
}
-
.galleria-image-nav-right {
+
 
-
     left: auto;
+
h3 {
-
    right: 10px;
+
     padding: 4px 0 0 0;
-
    background-position: -254px 46px;
+
-
    z-index: 2;
+
}
}
-
.galleria-image-nav-left:hover,
+
 
-
.galleria-image-nav-right:hover {
+
.block {
-
     opacity: 1;
+
     display: block;
-
    filter: alpha(opacity=100);
+
}
}
-
.galleria-thumb-nav-left,
+
 
-
.galleria-thumb-nav-right {
+
.clear {
-
     cursor: pointer;
+
     clear: both;
-
    display: none;
+
     height: 10px;
-
    background-position: -495px 5px;
+
-
    position: absolute;
+
-
    left: 0;
+
-
    top: 0;
+
-
     height: 40px;
+
-
    width: 23px;
+
-
    z-index: 3;
+
-
    opacity: .8;
+
-
    filter: alpha(opacity=80);
+
}
}
-
.galleria-thumb-nav-right {
+
 
-
     background-position: -578px 5px;
+
.left {
-
     border-right: none;
+
     float: left;
-
    right: 0;
+
     margin: 5px 20px 0px 0px;
-
    left: auto;
+
}
}
-
.galleria-thumbnails-container .disabled {
+
 
-
    opacity: .2;
+
.right {
-
    filter: alpha(opacity=20);
+
     float: right;
-
    cursor: default;
+
     margin: 0px 0px 0px 20px;
-
}
+
-
.galleria-thumb-nav-left:hover,
+
-
.galleria-thumb-nav-right:hover {
+
-
     opacity: 1;
+
-
    filter: alpha(opacity=100);
+
-
    background-color: #111;
+
-
}
+
-
.galleria-thumbnails-container .disabled:hover {
+
-
    opacity: 0.2;
+
-
    filter: alpha(opacity=20);
+
-
     background-color: transparent;
+
}
}
-
.galleria-carousel .galleria-thumb-nav-left,
+
.readmore {
-
.galleria-carousel .galleria-thumb-nav-right {
+
     text-align: right;
-
     display: block;
+
-
}
+
-
.galleria-thumb-nav-left,
+
-
.galleria-thumb-nav-right,
+
-
.galleria-info-link,
+
-
.galleria-info-close,
+
-
.galleria-image-nav-left,
+
-
.galleria-image-nav-right {
+
-
    background-image: url(https://static.igem.org/mediawiki/2011/9/9d/Classic-map.png);
+
-
    background-repeat: no-repeat;
+
}
}
-
/*
+
/* page structure */
-
Mosaic - Sliding Boxes and Captions jQuery Plugin
+
-
Version 1.0.1
+
-
www.buildinternet.com/project/mosaic
+
-
+
-
By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
+
-
Released under MIT License / GPL License
+
-
*/
+
-
*
+
#wrapper {
-
{
+
    background: url(images/body_t.png) 24px 0px no-repeat;
-
  margin: 0;
+
    height: 40px;
-
  padding: 0;
+
-
  border: none;
+
-
  outline: none;
+
}
}
-
.mosaic-overlay .details
+
h1 {
-
{
+
    position: absolute;
-
  padding: 0.5em;
+
    top: 16px;
 +
    left: 43px;
 +
    margin: 0;
 +
    padding: 0;
 +
    width: 135px;
 +
    z-index: 10;
}
}
-
.mosaic-content
+
#nav {
-
{
+
    position: absolute;
-
  color: white !important;
+
    top: 31px;
-
  text-decoration: none !important;
+
    left: 0;
-
  border: none;
+
    width: 31px;
 +
    margin: 0;
 +
    padding: 0;
 +
    z-index: 5;
}
}
-
/*General Mosaic Styles*/
+
#nav li {
-
.mosaic-block
+
    float: left;
-
{
+
    width: 31px;
-
  float: left;
+
    padding: 0;
-
  position: relative;
+
    margin: 0;
-
  overflow: hidden;
+
    list-style: none;
-
  width: 400px;
+
-
  height: 250px;
+
-
  margin: 10px;
+
-
  background: #111 url(https://static.igem.org/mediawiki/2011/c/c4/Progress.gif) no-repeat center center;
+
-
  border: 1px solid #fff;
+
-
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
+
}
}
-
.mosaic-backdrop
+
#nav img {
-
{
+
    display: block;
-
  display: none;
+
-
  position: absolute;
+
-
  top: 0;
+
-
  height: 100%;
+
-
  width: 100%;
+
-
  background: #111;
+
}
}
-
.mosaic-overlay
+
#body {
-
{
+
    background: url(images/body_bg.png) repeat-y;
-
  display: none;
+
    position: absolute;
-
  z-index: 5;
+
    top: 39px;
-
  position: absolute;
+
    left: 10px;
-
  width: 100%;
+
    width: 448px;
-
  height: 100%;
+
    margin: 0;
-
  background: #111;
+
    padding: 10px 0 0 0;
 +
    z-index: 2;
}
}
-
/*** Custom Animation Styles (You can remove/add any styles below) ***/
+
#body .inner {
-
.circle .mosaic-overlay
+
    width: 300px;
-
{
+
    margin: 10px 20px 0px 20px;
-
  background: url(https://static.igem.org/mediawiki/2011/7/70/Hover-magnify.png) no-repeat center center;
+
-
  opacity: 0;
+
-
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
+
-
  filter: alpha(opacity=00);
+
-
  display: none;
+
}
}
-
.fade .mosaic-overlay
+
#body .inner #content {
-
{
+
    width: 200px;
-
  opacity: 0;
+
    margin-left: 10px;
-
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
+
    margin-top: 1em;
-
  filter: alpha(opacity=00);
+
-
  background: url(https://static.igem.org/mediawiki/2011/d/da/Bg-black.png);
+
}
}
-
.bar .mosaic-overlay
+
#body .inner #content p {
-
{
+
    margin: 1em 0;
-
  bottom: -100px;
+
    padding: 0;
-
  height: 100px;
+
-
  background: url(https://static.igem.org/mediawiki/2011/d/da/Bg-black.png);
+
}
}
-
.bar2 .mosaic-overlay
+
#body .inner #content div {
-
{
+
    padding: 17px;
-
  bottom: -50px;
+
    border-top: 1px solid #d4d6cf;
-
  height: 100px;
+
    border-bottom: 1px solid #d4d6cf;
-
  opacity: 0.8;
+
-
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+
-
  filter: alpha(opacity=80);
+
}
}
-
.bar2 .mosaic-overlay:hover
+
#body .inner h2 {
-
{
+
    font-size: 12px;
-
  opacity: 1;
+
-
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
  filter: alpha(opacity=100);
+
}
}
-
.bar3 .mosaic-overlay
+
#page_title {
-
{
+
    float: left;
-
  top: -100px;
+
    margin: 3px 0 -50px 15px;
-
  height: 100px;
+
    padding: 20px 0 50px 0;
-
  background: url(https://static.igem.org/mediawiki/2011/d/da/Bg-black.pngg);
+
    width: 57px;
 +
    border-right: 1px solid #d4d6cf;
}
}
-
/*** End Animation Styles ***/
 
-
 
+
* html #page_title {
-
/*
+
    margin-left: 7px;
-
* jQuery Nivo Slider v2.5.1
+
-
* http://nivo.dev7studios.com
+
-
*
+
-
* Copyright 2011, Gilbert Pellegrom
+
-
* Free to use and abuse under the MIT license.
+
-
* http://www.opensource.org/licenses/mit-license.php
+
-
*
+
-
* March 2010
+
-
*/
+
-
 
+
-
 
+
-
/* The Nivo Slider styles */
+
-
.nivoSlider
+
-
{
+
-
  position: relative;
+
-
}
+
-
.nivoSlider img
+
-
{
+
-
  position: absolute;
+
-
  top: 0px;
+
-
  left: 0px;
+
-
}
+
-
/* If an image is wrapped in a link */
+
-
.nivoSlider a.nivo-imageLink
+
-
{
+
-
  position: absolute;
+
-
  top: 0px;
+
-
  left: 0px;
+
-
  width: 100%;
+
-
  height: 100%;
+
-
  border: 0;
+
-
  padding: 0;
+
-
  margin: 0;
+
-
  z-index: 6;
+
-
  display: none;
+
-
}
+
-
/* The slices and boxes in the Slider */
+
-
.nivo-slice
+
-
{
+
-
  display: block;
+
-
  position: absolute;
+
-
  z-index: 5;
+
-
  height: 100%;
+
-
}
+
-
.nivo-box
+
-
{
+
-
  display: block;
+
-
  position: absolute;
+
-
  z-index: 5;
+
-
}
+
-
/* Caption styles */
+
-
.nivo-caption
+
-
{
+
-
  position: absolute;
+
-
  left: 0px;
+
-
  bottom: 0px;
+
-
  background: #000;
+
-
  color: #fff;
+
-
  opacity: 0.8; /* Overridden by captionOpacity setting */
+
-
  width: 100%;
+
-
  z-index: 8;
+
-
}
+
-
.nivo-caption p
+
-
{
+
-
  padding: 5px;
+
-
  margin: 0;
+
-
}
+
-
.nivo-caption a
+
-
{
+
-
  display: inline !important;
+
-
}
+
-
.nivo-html-caption
+
-
{
+
-
  display: none;
+
-
}
+
-
/* Direction nav styles (e.g. Next & Prev) */
+
-
.nivo-directionNav a
+
-
{
+
-
  position: absolute;
+
-
  top: 45%;
+
-
  z-index: 9;
+
-
  cursor: pointer;
+
-
}
+
-
.nivo-prevNav
+
-
{
+
-
  left: 0px;
+
-
}
+
-
.nivo-nextNav
+
-
{
+
-
  right: 0px;
+
-
}
+
-
/* Control nav styles (e.g. 1,2,3...) */
+
-
.nivo-controlNav a
+
-
{
+
-
  position: relative;
+
-
  z-index: 9;
+
-
  cursor: pointer;
+
-
}
+
-
.nivo-controlNav a.active
+
-
{
+
-
  font-weight: bold;
+
}
}
-
/*============================*/
+
#news {
-
/*=== Custom Slider Styles ===*/
+
    float: left;
-
/*============================*/
+
    width: 129px;
-
#slider-wrapper
+
    margin: 10px 0 0px 6px;
-
{
+
    background: url(images/box_bg.gif) repeat-y;
-
  background: url(images/slider.png) no-repeat;
+
-
  width: 998px;
+
-
  height: 392px;
+
-
  margin: 0 auto;
+
-
  padding-top: 74px;
+
-
  margin-top: 50px;
+
}
}
-
#slider
+
#news div {
-
{
+
    background: url(images/box_t.gif) no-repeat;
-
  position: relative;
+
-
  width: 618px;
+
-
  height: 370; /*    margin-left:190px;*/
+
-
  background: url('https://static.igem.org/mediawiki/2011/4/42/Loading.gif') no-repeat 50% 50%;
+
-
}
+
-
#slider img
+
-
{
+
-
  position: absolute;
+
-
  top: 0px;
+
-
  left: 0px;
+
-
  display: none;
+
-
}
+
-
#slider a
+
-
{
+
-
  border: 0;
+
-
  display: block;
+
}
}
-
.nivo-controlNav
+
#news div div {
-
{
+
    padding: 12px 12px 7px 12px;
-
  position: absolute;
+
    background: url(images/box_b.gif) bottom left no-repeat;
-
  left: 260px;
+
-
  bottom: -42px;
+
-
}
+
-
.nivo-controlNav a
+
-
{
+
-
  display: block;
+
-
  width: 22px;
+
-
  height: 22px;
+
-
  background: url('https://static.igem.org/mediawiki/2011/c/c3/Bullets.png') no-repeat;
+
-
  text-indent: -9999px;
+
-
  border: 0;
+
-
  margin-right: 3px;
+
-
  float: left;
+
-
}
+
-
.nivo-controlNav a.active
+
-
{
+
-
  background-position: 0 -22px;
+
}
}
-
.nivo-directionNav a
+
#news p {
-
{
+
    margin: 0;
-
  display: block;
+
    padding: 0 0 3px 0;
-
  width: 30px;
+
-
  height: 30px;
+
-
  background: url('https://static.igem.org/mediawiki/2011/f/f0/Arrows.png') no-repeat;
+
-
  text-indent: -9999px;
+
-
  border: 0;
+
-
}
+
-
a.nivo-nextNav
+
-
{
+
-
  background-position: -30px 0;
+
-
  right: 15px;
+
-
}
+
-
a.nivo-prevNav
+
-
{
+
-
  left: 15px;
+
}
}
-
.nivo-caption
+
#news .readmore {
-
{
+
    padding-top: 4px;
-
  text-shadow: none;
+
-
  font-family: Helvetica, Arial, sans-serif;
+
-
}
+
-
.nivo-caption a
+
-
{
+
-
  color: #efe9d1;
+
-
  text-decoration: underline;
+
}
}
-
/* BEGIN: Menu */
+
#paper {
-
div.menubar
+
    position: absolute;
-
{
+
    top: 39px;
-
  background: #222;
+
    left: 243px;
-
  background: url(https://static.igem.org/mediawiki/2011/1/1b/Topnav_bg.gif) repeat-x;
+
    width: 196px;
-
  position: relative;
+
    z-index: 9;
-
  top: -21px;
+
    background: url(images/paper_bg.gif) repeat-y;
-
  left: -6px;
+
-
  width: 976px !important;
+
}
}
-
ul.topnav
+
#paper .inner {
-
{
+
    background: url(images/paper_b.gif) bottom no-repeat;
-
  list-style: none;
+
    padding: 8px 30px 18px 30px;
-
  padding: 0 20px;
+
-
  margin: 0;
+
-
  float: left;
+
-
  background: #222;
+
-
  background: url(https://static.igem.org/mediawiki/2011/1/1b/Topnav_bg.gif) repeat-x;
+
}
}
-
ul.topnav li
 
-
{
 
-
  float: left;
 
-
  margin: 0;
 
-
  padding: 0 15px 0 0;
 
-
  position: relative; /*--Declare X and Y axis base--*/
 
-
}
 
-
ul.topnav li a
 
-
{
 
-
  padding: 10px 5px;
 
-
  color: #fff;
 
-
  display: block;
 
-
  text-decoration: none;
 
-
  float: left;
 
-
}
 
-
ul.topnav li a:hover
 
-
{
 
-
  background: url(https://static.igem.org/mediawiki/2011/f/f5/Topnav_hover.gif) no-repeat center top;
 
-
}
 
-
ul.topnav li span
 
-
{
 
-
  /*--Drop down trigger styles--*/
 
-
  width: 17px;
 
-
  height: 35px;
 
-
  float: left;
 
-
  background: url(https://static.igem.org/mediawiki/2011/4/45/Subnav_btn.gif) no-repeat center top;
 
-
  position: relative;
 
-
  top: 4px;
 
-
}
 
-
ul.topnav li span.subhover
 
-
{
 
-
  background-position: center bottom;
 
-
  cursor: pointer;
 
-
}
 
-
/*--Hover effect for trigger--*/
 
-
ul.topnav li ul.subnav
 
-
{
 
-
  list-style: none;
 
-
  position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
 
-
  left: 0;
 
-
  top: 35px;
 
-
  background: #333;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  display: none;
 
-
  float: left;
 
-
  width: 170px;
 
-
  -moz-border-radius-bottomleft: 5px;
 
-
  -moz-border-radius-bottomright: 5px;
 
-
  -webkit-border-bottom-left-radius: 5px;
 
-
  -webkit-border-bottom-right-radius: 5px;
 
-
  border: 1px solid #111;
 
-
}
 
-
ul.topnav li ul.subnav li
 
-
{
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  border-top: 1px solid #252525; /*--Create bevel effect--*/
 
-
  border-bottom: 1px solid #444; /*--Create bevel effect--*/
 
-
  clear: both;
 
-
  width: 170px;
 
-
  z-index: 100;
 
-
}
 
-
html ul.topnav li ul.subnav li a
 
-
{
 
-
  float: left;
 
-
  width: 145px;
 
-
  background: #333 url(https://static.igem.org/mediawiki/2011/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;
 
-
  padding-left: 20px;
 
-
}
 
-
html ul.topnav li ul.subnav li a:hover
 
-
{
 
-
  /*--Hover effect for subnav links--*/
 
-
  background: #222 url(https://static.igem.org/mediawiki/2011/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;
 
-
}
 
-
/* END:  Menu */
 
-
 
-
/* BEGIN: Site */
 
-
body
+
#paper .readmore {
-
{
+
    text-align: left;
-
  font-family: Tahoma, Verdana, Sans-Serif, Arial, Helvetica; /* font-size: 0.75em; */
+
    margin-bottom: 0;
-
  border-style: none !important;
+
    padding-bottom: 0;
}
}
-
.gradient
+
#paper p {
-
{
+
    margin: 1em 0;
-
  background: #A6C9E2; /* for non-css3 browsers */
+
    padding: 0;
-
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6C9E2', endColorstr='#245FB3'); /* for IE */
+
-
  background: -webkit-gradient(linear, left top, left bottom, from(#A6C9E2), to(#245FB3)); /* for webkit browsers */
+
-
  background: -moz-linear-gradient(top,  #A6C9E2,  #245FB3); /* for firefox 3.6+ */
+
-
  background-attachment: fixed;
+
}
}
-
.padding
+
#footer {
-
{
+
    text-align: right;
-
  padding: 1em;
+
margin-top: 2px;
}
}
-
p
+
.footerie {
-
{
+
    display: none;
-
  margin: 0.5em;
+
}
}
-
div.contentBox
+
.clear {
-
{
+
   margin-top: -20px;
-
  padding: 0.5em;
+
-
   margin: 0.5em;
+
-
  width: 30%;
+
-
  float: left;
+
-
  border: 1px solid #c00;
+
-
  border-radius: 6px;
+
-
  -webkit-border-radius: 6px;
+
-
  -moz-border-radius: 6px;
+
}
}
-
h1.logo
+
a {
-
{
+
    color: #575e58;
-
  margin-left:10px;
+
    font-weight: bold;
-
  font-family: Rockwell, Georgia, "Times New Roman", Times, serif;
+
-
  font-size: 50px;
+
-
  color: #99C92F;
+
-
  text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
+
-
  border-bottom: none !important;
+
}
}
-
h2{
+
a:hover {
-
  font-size: 13pt;
+
    color: #b31d00;
-
  color: #99C92F;
+
-
  text-transform:uppercase
+
-
  border-bottom: 1px solid #99C92F !important;
+
}
}
-
 
-
/* END:  Site */
 

Revision as of 17:34, 10 July 2011

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;

}

Retrieved from "http://2011.igem.org/Team:WITS-CSIR_SA/style.css"