Team:Dundee/common.css

From 2011.igem.org

Revision as of 21:05, 24 May 2011 by Rachmontague (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
  • {

margin: 0; padding: 0; }

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

  1. header {

width: 100%; height: 190px; align: center; background: #6f4048; background-image:url(../images/igemHeader.jpg) }

/* Nav bar */

  1. nav {

width: 1000px; margin: 0 auto; font-family: 'Droid Sans', arial, serif; font-size: 1.6em; }

  1. nav ul li {

float: left; list-style-type: none; min-width: 100px; height: 60px; }

  1. nav li a {

color: grey; text-decoration: none; display: block; padding: 30px 30px; }

  1. nav li a:hover {

color: white; }

  1. nav .current {

height: 56px; color: white; }

  1. nav .current a {

color: white; }

/* Title */

  1. title {

width: 900px; float:left; margin: 30px; margin-top: 20px; color: #895a6e; padding-bottom: 10px; border-bottom: 2px solid; border-bottom-color: #895a6e;

}

  1. title h1 {

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

  1. title h2 {

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

  1. title h3 {

font-size: 1.2em; margin-top: 5px; }

  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; }

/* Project */

  1. project {

width: 900px; height: 300px; float: left; margin: 30px; margin-top: 5px; background: white; color: black; -moz-border-radius-bottomleft: 20px 20px; -moz-border-radius-topright: 20px 20px; }

  1. projectLeft {

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

  1. project h1 {

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

  1. project h2 {

margin-left: 10px; margin-top: 0px; font-size: 1.5em; color:#896478; }

  1. project p {

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

  1. project ol {

margin-left: 50px; margin-top: 5px; font-size: 1.2em; color:#4a3242; }

  1. projectLeft p {

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

  1. projectLeft ol {

margin-left: 50px; margin-top: 5px; font-size: 1.2em; color:#4a3242; }

  1. projectRight {

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

  1. projectRight img {

width: 380px; height: 250px; margin-top: 20px; margin-left: 25px; }


  1. rightSidebar {

float:right; width: 200px; margin-right:30px; margin-top:120px; }

  1. rightSidebar h1 {

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


  1. rightSidebar ul li {

margin-left:20px; margin-top:5px; margin-bottom:10px; color: #897896; font-size:1.4em;

}

  1. rightSidebar li a {

color: #897896; text-decoration: none; }

  1. rightSidebar a:hover {

color: #4a3242; }

  1. team {

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

  1. teamLeft {

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

  1. teamRight {

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

  1. teamRight img {

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


  1. team h1 {

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

  1. team h2 {

font-size: 1.6em; color: #895a6e; margin-left: 10px; }


  1. teamLeft p {

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