Team:Dundee/style.css

From 2011.igem.org

Revision as of 14:17, 22 June 2011 by Rachmontague (Talk | contribs)

3@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; }

body { background: #fff; font-size: 82.5%; font-family:'Droid Sans', arial, sans-serif; color: #44444; 

       width: 100%;

}


a:link, a:visited { color:#21759b; text-decoration:none; }

a:hover, a:active { color:#d54e21; text-decoration:underline; }

h1, h2, h3, h4, h5, h6 { margin-bottom:18px; text-transform:uppercase; 

       border-bottom:0;

}

h1 { font-size:36px; line-height:27px; }

h2 { font-size:32px; line-height:24px; }

h3 { font-size:27px; line-height:20px; }

h4 { font-size:24px; }

h5 { font-size:20px; }

h6 { font-size:18px; }

p { margin-bottom:18px; }

table { width:100%; border-collapse:collapse; text-align:center; margin-bottom:16px; }

table th, table td { padding:6px 0; }

table th { background:#EEE; font-weight:bold; }

  1. header {

height:100px;

}


  1. footer {

position:relative; width:940px; margin:0 auto; }

  1. pages {

position:relative; height:30px; padding:10px 0 10px 0; margin-bottom:5px; background:#1C100F; -moz-box-shadow:0px 0px 20px #999; -webkit-box-shadow:0px 0px 20px #999; box-shadow:0 0 20px #999; } /* Services Nav bar */

  1. navi {

width: 960px; margin: 0 auto; font-size: 1.2em; font-family:'Droid Sans', arial, sans-serif; }

  1. navi ul{

list-syle-type:none; list-style-image:none; }

  1. navi ul li {

float: left; list-style-type: none; min-width: 120px; height: 40px; }

  1. navi li a { 
   color:#FFFFFF;

text-decoration: none; display: block; padding: 0px 10px; 

      	list-style-type: none;

}

  1. navi li a:hover {

text-decoration:underline; }

  1. navi .current {

height: 56px; 

   text-decoration:underline;

}

  1. navi .current a {

color: #FFFFFF; }

  1. project {

width: 1100px; height: 650px; float: left; margin-top: 5px; -moz-border-radius-bottomleft: 20px 20px; -moz-border-radius-topright: 20px 20px; }

.endfooter{ clear:both; width:100%; height: 80px; margin-bottom:20px; text-align:center; padding:85px 0px 0px 0px; background-image:url(images/border1.png); }

  1. largeImage {

width: 1100px; height: 200px; float: left; margin-top: 5px; }

  1. largeImage img {

width: 960px; height: 200px; margin-top: 120px; margin: 5px; }

.text1 { 

  position: relative;

}

.text1 h2 { 

  position: absolute;
  margin-left:840px;
  top: 130px;

}

.text1 h2 span { 

  color: white;
  letter-spacing: -1px;
  background: rgb(0, 0, 0); /* fallback color */
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;

}

.text2 { 

  position: relative;

}

.text2 h2 { 

  position: absolute;
  margin-left:775px;
  top: 130px;

}

.text2 h2 span { 

  color: white;
  letter-spacing: -1px;
  background: rgb(0, 0, 0); /* fallback color */
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;

}

.text3 { 

  position: relative;

}

.text3 h2 { 

  position: absolute;
  margin-left:830px;
  top: 130px;

}

.text3 h2 span { 

  color: white;
  letter-spacing: -1px;
  background: rgb(0, 0, 0); /* fallback color */
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;

}

.text4 { 

  position: relative;

}

.text4 h2 { 

  position: absolute;
  margin-left:810px;
  top: 130px;

}

.text4 h2 span { 

  color: white;
  letter-spacing: -1px;
  background: rgb(0, 0, 0); /* fallback color */
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;

}

.text5 { 

  position: relative;

}

.text5 h2 { 

  position: absolute;
  margin-left:755px;
  top: 130px;

}

.text5 h2 span { 

  color: white;
  letter-spacing: -1px;
  background: rgb(0, 0, 0); /* fallback color */
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;

}


  1. largeContent {

float:left; width: 680px; margin: 5px; margin-top:50px; border-right:1px solid #1C100F; padding:0px 10px 10px 0px; }

  1. largeContent h1 {

font-size:1.7em; color:#4a3242; margin-left:5px; }

  1. largeContent p {

font-size:1em; color:#4a3242; margin:5px; }

  1. largeContent img {

width: 300px; height: 200px; margin-top: 120px; margin: 5px; }

  1. project {

width: 960px; height: 650px; float: left; margin-top: 5px; -moz-border-radius-bottomleft: 20px 20px; -moz-border-radius-topright: 20px 20px; }

  1. rightContent {

float:left; width: 200px; height:630px; margin: 5px; margin-top:50px; padding:0px 10px 10px 0px; font-family:'Droid Sans', arial, sans-serif; }

  1. rightContent h1 {

font-size:1.7em; color:#4a3242; margin-left:5px; }

  1. rightContent p {

font-size:1em; color:#4a3242; margin:5px; }

  1. title h1 {

font-size: 3.8em; color: #4a3242; }

  1. title h2 {

font-size: 1.6em; color: #895a6e; }

  1. title a {

text-decoration: none; color: white; padding: 0; }

  1. title a:hover {

color: black; }

  1. title a img {

width: 32px; height: 32px; }

  1. title a:first-of-type {

margin-left: 5px; }

  1. lasttweet {

margin-left:5px; margin-top:5px; margin-bottom:10px; color: #4a3242; font-size:1em; }

  1. lasttweet img{ 
width:40px ;
height:29px;
}


  1. tweetDate {

margin-left:5px; margin-top:5px; margin-bottom:10px; color: #4a3242; font-size:1.0em; font-style:italic; }

  1. rightContent ul li {

margin-left:0px; margin-top:5px; margin-bottom:10px; color: #4a3242; font-size:1.0em; font-family:'Droid Sans', arial, sans-serif;

}

  1. rightContent li a {

color: #4a3242; text-decoration: none; }

  1. rightContent a:hover {

color: #4a3242; text-decoration:underline; }

  1. team {

width: 650px; height: 250px; float: left; margin: 5px; margin-top: 5px; background: white; color: black; -moz-border-radius-bottomleft: 10px 10px; -moz-border-radius-topright: 10px 10px; }

  1. teamLeft {

float: left; width: 670px; height: 100px; margin-right: 10px; }

  1. teamLeft h1 {

margin-top: 10px; font-size: 2.2em; color:#896478; }

  1. teamleft h2 {

font-size: 1.0em; color: #895a6e; }


  1. teamLeft p {

margin-top: 5px; font-size: 1.2em; color:#4a3242; text-align:justify; }


  1. teamLeft img {

width:200px; height:200px }

  1. team span img{

position:absolute; }


  1. catLinks { 
     border: none;

}

  1. content{

border-left:0; border-right:0; border-top:0; border-bottom:0; }

  1. top-section{

border:none; margin-top:5px; margin-bottom:0px; height:5px; }


  1. menubar a {

color:grey; background-color:white; }

  1. menubar a: hover {

text-decoration: underline; }

  1. menubar : hover {

background-color:white; }

Retrieved from "http://2011.igem.org/Team:Dundee/style.css"