Team:Dundee/common.css

From 2011.igem.org

(Difference between revisions)
(Created page with "h1 { color: red; }")
 
Line 1: Line 1:
-
h1 {
+
* {
-
  color: red;
+
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
body {
 +
background: #fff;
 +
font-size: 62.5%;
 +
font-family:'Droid Sans', arial, sans-serif;
 +
color: #44444;
 +
}
 +
 
 +
#header {
 +
width: 100%;
 +
height: 190px;
 +
align: center;
 +
background: #6f4048;
 +
background-image:url(../images/igemHeader.jpg)
 +
}
 +
 
 +
/* Nav bar */
 +
#nav {
 +
width: 1000px;
 +
margin: 0 auto;
 +
font-family: 'Droid Sans', arial, serif;
 +
font-size: 1.6em;
 +
}
 +
 
 +
#nav ul li {
 +
float: left;
 +
list-style-type: none;
 +
min-width: 100px;
 +
height: 60px;
 +
}
 +
 
 +
#nav li a {
 +
color: grey;
 +
text-decoration: none;
 +
display: block;
 +
padding: 30px 30px;
 +
}
 +
 
 +
#nav li a:hover {
 +
color: white;
 +
}
 +
 
 +
#nav .current {
 +
height: 56px;
 +
color: white;
 +
}
 +
 
 +
#nav .current a {
 +
color: white;
 +
}
 +
 
 +
/* Title */
 +
#title {
 +
width: 900px;
 +
float:left;
 +
margin: 30px;
 +
margin-top: 20px;
 +
color: #895a6e;
 +
padding-bottom: 10px;
 +
border-bottom: 2px solid;
 +
border-bottom-color: #895a6e;
 +
 +
}
 +
 
 +
#title h1 {
 +
font-size: 3.8em;
 +
color: #4a3242;
 +
}
 +
 
 +
#title h2 {
 +
font-size: 1.6em;
 +
color: #895a6e;
 +
}
 +
 
 +
#title h3 {
 +
font-size: 1.2em;
 +
margin-top: 5px;
 +
}
 +
 
 +
#title a {
 +
text-decoration: none;
 +
color: white;
 +
padding: 0;
 +
}
 +
 
 +
#title a:hover {
 +
color: black;
 +
}
 +
 
 +
#title a img {
 +
width: 32px;
 +
height: 32px;
 +
}
 +
 
 +
#title a:first-of-type {
 +
margin-left: 5px;
 +
}
 +
 
 +
/* Project */
 +
#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;
 +
}
 +
 
 +
#projectLeft {
 +
float: left;
 +
width: 470px;
 +
height: 100px;
 +
margin-right: 10px;
 +
}
 +
 
 +
#project h1 {
 +
margin-left: 10px;
 +
margin-top: 10px;
 +
font-size: 2.2em;
 +
color:#896478;
 +
}
 +
 
 +
#project h2 {
 +
margin-left: 10px;
 +
margin-top: 0px;
 +
font-size: 1.5em;
 +
color:#896478;
 +
}
 +
 
 +
#project p {
 +
margin-left: 10px;
 +
margin-top: 5px;
 +
font-size: 1.4em;
 +
color:#4a3242;
 +
}
 +
 
 +
#project ol {
 +
margin-left: 50px;
 +
margin-top: 5px;
 +
font-size: 1.2em;
 +
color:#4a3242;
 +
}
 +
 
 +
#projectLeft p {
 +
margin-left: 10px;
 +
margin-top: 5px;
 +
font-size: 1.4em;
 +
color:#4a3242;
 +
}
 +
 
 +
#projectLeft ol {
 +
margin-left: 50px;
 +
margin-top: 5px;
 +
font-size: 1.2em;
 +
color:#4a3242;
 +
}
 +
 
 +
#projectRight {
 +
float: left;
 +
width: 400px;
 +
height: 100px;
 +
margin-left: 10px;
 +
}
 +
 
 +
#projectRight img {
 +
width: 380px;
 +
height: 250px;
 +
margin-top: 20px;
 +
margin-left: 25px;
 +
}
 +
 
 +
 
 +
#rightSidebar {
 +
float:right;
 +
width: 200px;
 +
margin-right:30px;
 +
margin-top:120px;
 +
}
 +
 
 +
#rightSidebar h1 {
 +
font-size:1.7em;
 +
color:#4a3242;
 +
margin-top:5px;
 +
margin-bottom:10px;
 +
}
 +
 
 +
 
 +
#rightSidebar ul li {
 +
margin-left:20px;
 +
margin-top:5px;
 +
margin-bottom:10px;
 +
color: #897896;
 +
font-size:1.4em;
 +
 
 +
}
 +
 
 +
#rightSidebar li a {
 +
color: #897896;
 +
text-decoration: none;
 +
}
 +
 
 +
#rightSidebar  a:hover {
 +
color: #4a3242;
 +
}
 +
 
 +
#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;
 +
}
 +
 
 +
#teamLeft {
 +
float: left;
 +
width: 600px;
 +
height: 100px;
 +
margin-right: 10px;
 +
}
 +
 
 +
#teamRight {
 +
float: left;
 +
width: 300px;
 +
height: 100px;
 +
margin-left: 10px;
 +
}
 +
 
 +
#teamRight img {
 +
width: 200px;
 +
height: 200px;
 +
margin-top: 5px;
 +
margin-left: 25px;
 +
}
 +
 
 +
 
 +
#team h1 {
 +
margin-left: 10px;
 +
margin-top: 10px;
 +
font-size: 2.2em;
 +
color:#896478;
 +
}
 +
 
 +
#team h2 {
 +
font-size: 1.6em;
 +
color: #895a6e;
 +
margin-left: 10px;
 +
}
 +
 
 +
 
 +
#teamLeft p {
 +
margin-left: 10px;
 +
margin-top: 5px;
 +
font-size: 1.2em;
 +
color:#4a3242;
}
}

Latest revision as of 21:05, 24 May 2011

  • {

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

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