User:Benjamin Miller

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
Line 49: Line 49:
</script>
</script>
   <style type="text/css">
   <style type="text/css">
-
#title {
 
-
  width:900px;
 
-
  height:50px;
 
-
  position: relative;
 
-
  top: 0px;
 
-
  left: 0px;
 
-
  font-family: helvetica, arial, sans-serif;
 
-
  font-size: 1.5em;
 
-
  color: #666666;}
 
-
.light {
+
  #title {
-
  color: #888888;}
+
    width:900px;
 +
    height:50px;
 +
    position: relative;
 +
    top: 0px;
 +
    left: 0px;}
-
#menu {
+
  #implogo {
-
  width:100px;
+
    width:190px;
-
  height:150px;
+
    height:50px;
-
  position: relative;
+
    position: absolute;
-
  top: 0px;
+
    top: 0px;
-
  left: 0px;}
+
    left: 20px;
 +
    background-image:url(http://openwetware.org/images/c/c9/Imperialigemimplogo.jpg);}
-
#menuback {
+
  #igemlogo {
-
  width:100px;
+
    width:84px;
-
  height:150px;
+
    height:50px;
-
  position: absolute;
+
    position:absolute;
-
  top: 0px;
+
    top:0px;
-
  left: 0px;
+
    left:260px;
-
  background-color: #ea8828}
+
    background-image:url(http://openwetware.org/images/9/9c/Imperialigemigemlogo.jpg);}
-
#headpic {
+
  #csynbilogo {
-
  width:800px;
+
    width:205px;
-
  height:150px;
+
    height:50px;
-
  position: absolute;
+
    position:absolute;
-
  top: 0px;
+
    top:0px;
-
  left: 100px;
+
    left:394px;
-
  background-image: url('http://openwetware.org/images/5/54/Imperialigemheadone.jpg'); }
+
    background-image:url(http://openwetware.org/images/a/ac/Imperialigemcsynbilogo.jpg);}
-
#headover {
+
  #menu {
-
   width: 800px;
+
    width:100px;
-
   height:50px;
+
    height:150px;
-
  position: absolute;
+
    position: relative;
-
  top: 100px;
+
    top: 20px;
-
  left: 0px;
+
    left: 0px;}
-
  background: url(http://openwetware.org/images/d/d8/Imperialigemheadoverone.png) 0px 0px no-repeat; }
+
 
 +
   #menuback {
 +
    width:100px;
 +
    height:150px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
    background-color: #495046}
 +
 
 +
  #headpic {
 +
    width:800px;
 +
    height:150px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 100px;
 +
    background-image: url('http://openwetware.org/images/5/54/Imperialigemheadone.jpg'); }
 +
 
 +
   #headover {
 +
    width: 800px;
 +
    height:50px;
 +
    position: absolute;
 +
    top: 100px;
 +
    left: 0px;
 +
    background: url(http://openwetware.org/images/d/d8/Imperialigemheadoverone.png) 0px 0px no-repeat; }
   #side1 {
   #side1 {
Line 97: Line 116:
     height: 100px;
     height: 100px;
     position: relative;
     position: relative;
-
     top: 50px;
+
     top: 70px;
     left: 650px;}
     left: 650px;}
Line 137: Line 156:
     top: 0px;
     top: 0px;
     left: 0px;}
     left: 0px;}
 +
 +
  a {
 +
    outline:none;}
   #headtit{
   #headtit{
Line 147: Line 169:
   .dark{
   .dark{
-
     color: #cccccc;}
+
     color: #dddddd;}
   .highlight{
   .highlight{
Line 163: Line 185:
   #menulist li a{
   #menulist li a{
-
     font-weight: 500;
+
     font-weight: 100;
     font-size: 1.2em;
     font-size: 1.2em;
     text-decoration: none;
     text-decoration: none;
Line 187: Line 209:
   #headover ul li a{
   #headover ul li a{
-
     font-weight: 500;
+
     font-weight: 100;
     font-size: 1.2em;
     font-size: 1.2em;
     text-decoration: none;
     text-decoration: none;
Line 197: Line 219:
  <body>
  <body>
   <div id='title'>
   <div id='title'>
-
   <p>Imperial College <span class='light'>London</span> &nbsp;&nbsp;&nbsp;&nbsp;iGEM <span class='light'>2010</span> &nbsp;&nbsp;&nbsp;&nbsp;C<span class='light'>Syn</span>BI</p>
+
   <div id='implogo'>
 +
  </div>
 +
  <div id='igemlogo'>
 +
  </div>
 +
  <div id='csynbilogo'>
 +
  </div>
   </div>
   </div>
   <div id='menu'>
   <div id='menu'>

Revision as of 11:34, 22 September 2010










Personal tools