Team:Dundee/global.css

From 2011.igem.org

Revision as of 14:59, 27 May 2011 by Dzgibson (Talk | contribs)

/* Author : Rachel Montague Date: May 2011

  • /
  • {

margin: 0; padding: 0; }

body { background: #fff;

       width: 100%;

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(Dundee-iGemHeader.jpg) }

h1, h2, h3, h4, h5, h6 {

       border-bottom: 0;
       margin: 0;
       padding: 0;

}

  1. content {
      border-left: 0;
      border-right: 0;
      width: 100%;
      padding: 0;
      margin: 0;

}

  1. catLinks {
     border: none;

}

ul {

     padding: 0;
     margin: 0;
     list-style-type: none;
     list-style-image: none;

}

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

  1. lasttweet {

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

  1. tweetDate {

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