Team:TU Delft
From 2010.igem.org
(Difference between revisions)
Line 35: | Line 35: | ||
} | } | ||
- | # | + | #header { |
width: 965px; | width: 965px; | ||
- | height: | + | height: 222px; |
- | background- | + | /*background-color: #001d1d*/ |
- | + | background-color: orange; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | background-color: | + | |
- | + | ||
color: #8bce9e; | color: #8bce9e; | ||
font-family: Verdana, Sans-Serif; | font-family: Verdana, Sans-Serif; | ||
Line 55: | Line 45: | ||
text-align: justify; | text-align: justify; | ||
margin: 0 auto; | margin: 0 auto; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | + | #banner { | |
- | + | width: 965px; | |
- | + | height: 222px; | |
- | + | background-image: url("https://static.igem.org/mediawiki/2010/9/96/Banner1.jpg"); | |
- | + | ||
- | + | ||
} | } | ||
- | .menuItemLink:visited { | + | #menu { |
- | + | width: 965px; | |
- | + | height: 24px; | |
+ | text-align: center; | ||
+ | margin-top:-32px; | ||
+ | padding-left:5px; | ||
+ | } | ||
+ | |||
+ | .menuItem { | ||
+ | width: auto; | ||
+ | height: 20px; | ||
+ | padding: 2px 11px; | ||
+ | border-right: 1px solid #032725; | ||
+ | float: left; | ||
+ | background-color: #8bce9e; | ||
+ | color: #032725; | ||
+ | text-align: center; | ||
+ | font-family: Verdana, Sans-Serif; | ||
+ | font-size: 16px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .menuItemLink { | ||
+ | color: #032725; | ||
+ | font-family: Verdana, Sans-Serif; | ||
+ | font-size: 16px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .menuItemLink:hover { | ||
+ | color: #8bce9e; | ||
+ | } | ||
+ | |||
+ | .menuItemLink:visited { | ||
+ | color: #032725; | ||
+ | } | ||
+ | |||
+ | .submenu { | ||
+ | width: 200px; | ||
+ | height: auto; | ||
+ | position: absolute; | ||
+ | top: 31px; | ||
+ | left: 0px; | ||
+ | margin: -7px 0px 0px -1px; | ||
+ | background-color: #8bce9e; | ||
+ | border: 1px solid #032725; | ||
+ | display: none; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .submenuItem { | ||
+ | width: 196px; | ||
+ | height: 20px; | ||
+ | background-color: #032725; | ||
+ | border: 1px Solid #032725; | ||
+ | font-weight: normal; | ||
+ | margin: 1px 2px 1px 1px; | ||
+ | } | ||
+ | |||
+ | .submenuItem:hover { | ||
+ | background-color: #8bce9e; | ||
+ | color: #032725; | ||
+ | } | ||
+ | |||
+ | .submenuItemLink { | ||
+ | text-align:left; | ||
+ | font-weight: normal; | ||
+ | text-decoration: none; | ||
+ | color: #8bce9e; | ||
+ | margin: 1px 2px 1px 2px; | ||
+ | } | ||
+ | |||
+ | .submenuItemLink:visited { | ||
+ | color: #8bce9e; | ||
+ | } | ||
+ | |||
+ | .submenuItemLink:hover { | ||
+ | color: #032725; | ||
+ | } | ||
- | + | #mainContent { | |
+ | width: 965px; | ||
+ | height: 880px; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2010/e/e9/Body.png"); | ||
color: #8bce9e; | color: #8bce9e; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
font-family: Verdana, Sans-Serif; | font-family: Verdana, Sans-Serif; | ||
font-size: 12px; | font-size: 12px; | ||
text-align: justify; | text-align: justify; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .SmallPic { | ||
+ | height: 120px; | ||
+ | width: 180px; | ||
+ | margin: 5px 6px 2px 5px; | ||
+ | float: left; | ||
+ | border: 1px solid #001d1d; | ||
+ | link: url("https://2010.igem.org/Team:TU_Delft/Gallery"); | ||
} | } | ||
- | # | + | #small_1 {background-image: url("https://static.igem.org/mediawiki/2010/4/48/Small_1.png");} |
- | + | #small_2 {background-image: url("https://static.igem.org/mediawiki/2010/b/bd/Small_2.png");} | |
- | + | #small_3 {background-image: url("https://static.igem.org/mediawiki/2010/a/ae/Small_3.png");} | |
- | background-image:url("https://static.igem.org/mediawiki/2010/ | + | #small_4 {background-image: url("https://static.igem.org/mediawiki/2010/7/7b/Small_4.png");} |
- | + | #small_5 {background-image: url("https://static.igem.org/mediawiki/2010/5/59/Small_5.png");} | |
- | + | #small_6 {background-image: url("https://static.igem.org/mediawiki/2010/c/c9/Small_6.png");} | |
- | + | #small_7 {background-image: url("https://static.igem.org/mediawiki/2010/8/86/Small_7.png");} | |
- | + | ||
- | + | #HomeCenter { | |
- | + | width: 747px; | |
- | + | height: auto; | |
- | + | background-color: #001d1d; | |
- | + | margin: 10px 5px 0px 1px; | |
- | # | + | float: left; |
- | + | color: white; | |
- | + | font-family: Verdana, Sans-Serif; | |
- | + | font-size: 12px; | |
- | + | text-align: justify; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #HomeCenterBox1 { |
- | + | Width: 731px; | |
- | + | height: 170px; | |
- | + | margin: 0px 0px 2px 4px; | |
- | + | padding: 5px; | |
- | + | background-color: #0d3a3f; | |
- | + | border: 1px solid #001d1d; | |
- | # | + | } |
- | + | ||
- | + | #HomeCenterBox2 { | |
- | + | Width: 731px; | |
- | + | height: 170px; | |
- | + | margin: 0px 0px 2px 4px; | |
- | + | padding: 5px; | |
- | + | background-color: #001d1d; | |
- | # | + | border: 1px solid #0d3a3f; |
- | + | } | |
- | + | ||
- | + | #CenterbodyText1 { | |
- | + | width: 465px; | |
- | + | height: auto; | |
- | + | padding-right: 4px; | |
- | + | margin: 0px 5px 0px 4px; | |
- | # | + | font-family: Verdana, Sans-Serif; |
- | + | font-size: 12px; | |
- | + | text-align: justify; | |
- | + | float: left; | |
- | + | color: white; | |
- | + | text-decoration: none; | |
- | + | } | |
- | + | ||
- | + | #CenterbodyText2 { | |
- | + | width: 470px; | |
- | + | height: auto; | |
- | + | margin: 0px 0px 0px 4px; | |
- | # | + | font-family: Verdana, Sans-Serif; |
- | + | font-size: 12px; | |
- | + | text-align: justify; | |
- | + | float: left; | |
- | + | color: white; | |
- | + | text-decoration: none; | |
- | + | } | |
- | + | ||
- | + | #GroupphotoSmall { | |
- | # | + | width: 245px; |
- | + | height: 166px; | |
- | + | float: left; | |
- | + | padding-left: 5px; | |
- | + | margin-top: 1px; | |
- | + | background-image: url("https://static.igem.org/mediawiki/2010/b/b4/Groupphoto_small.jpg"); | |
- | + | border: 1px solid #001d1d; | |
- | + | color: #8bce9e; | |
- | + | } | |
- | # | + | |
- | + | #ProjectPic { | |
- | + | width: 240px; | |
- | + | height: 150px; | |
- | + | color: white; | |
- | + | font-size: 12px; | |
- | + | font-weight: bold; | |
- | + | float: left; | |
- | + | padding: 5px; | |
- | + | border: 1px solid #0d3a3f; | |
- | + | background-image: url("https://static.igem.org/mediawiki/2010/2/2c/ProjectPic.jpg"); | |
+ | margin: 4px 0px 4px 4px; | ||
+ | } | ||
+ | |||
+ | #newslogo { | ||
+ | width: 245px; | ||
+ | height: 160px; | ||
+ | float: left; | ||
+ | padding-right: 0px; | ||
+ | margin-top: 1px; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2010/0/07/News.png"); | ||
+ | border: 1px solid #001d1d; | ||
+ | color: #8bce9e; | ||
+ | } | ||
+ | |||
+ | #iJAM { | ||
+ | width: 230px; | ||
+ | height: 150px; | ||
+ | color: white; | ||
+ | font-size: 12px; | ||
+ | font-weight: bold; | ||
+ | float: left; | ||
+ | padding: 5px; | ||
+ | margin: 4px 0px 4px 4px; | ||
+ | border: 1px solid #0d3a3f; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2010/7/73/IJAM.png"); | ||
+ | } | ||
+ | |||
+ | #HomeRight { | ||
+ | width: 195px; | ||
+ | height: 723px; | ||
+ | background-color: #2c5983; | ||
+ | margin: 10px 5px 0px 0px; | ||
+ | padding: 5px; | ||
+ | float: left; | ||
+ | color: #e0fea0; | ||
+ | font-family: Verdana, Sans-Serif; | ||
+ | font-size: 12px; | ||
+ | text-align: justify; | ||
} | } | ||
- | # | + | #Countdown { |
- | + | width: 189px; | |
- | + | height: auto; | |
- | + | background-color: #001d1d; | |
- | + | border: 1px solid #8bce9e; | |
- | + | color: white; | |
- | + | text-align: center; | |
- | + | padding: 2px; | |
- | + | } | |
- | + | ||
- | + | #Upcoming { | |
+ | width: 195px; | ||
+ | height: auto; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #Sponsors { | ||
+ | width: 200px; | ||
+ | height: auto; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #Sponsor1 { | ||
+ | width: 180px; | ||
+ | height: 131px; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2010/c/c1/SuitSupply.png"); | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | #Sponsor2 { | ||
+ | width: 200px; | ||
+ | height: 65px; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2010/b/b5/DSM.png"); | ||
+ | background-color: white; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | #Sponsor3 { | ||
+ | width: 120px; | ||
+ | height: 80px; | ||
+ | margin: 0 auto; | ||
+ | background-image: url("images/NGI_logo.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
- | # | + | #content { |
- | + | padding:0px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
a { | a { | ||
Line 413: | Line 338: | ||
margin-bottom: 3px; | margin-bottom: 3px; | ||
} | } | ||
+ | |||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 427: | Line 353: | ||
</head> | </head> | ||
<body> | <body> | ||
- | <div id=" | + | |
- | + | <div id="header"> | |
- | <div id="banner"> | + | <div id="banner"> |
- | </div | + | </div> |
- | + | ||
<div id="menu"> | <div id="menu"> | ||
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)"> | <div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)"> | ||
Line 458: | Line 383: | ||
</div> | </div> | ||
<div class="submenuItem"> | <div class="submenuItem"> | ||
- | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team/ | + | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team/Advisors">Advisors/Supporters</a> |
</div> | </div> | ||
<div class="submenuItem"> | <div class="submenuItem"> | ||
Line 554: | Line 479: | ||
</div> | </div> | ||
</div> | </div> | ||
- | <a href="https://2010.igem.org/Team:TU_Delft/Gallery"> | + | <!-- End of header --> |
- | + | </div> | |
- | + | ||
- | + | <div id="mainContent"> | |
- | + | <a href="https://2010.igem.org/Team:TU_Delft/Gallery"> | |
- | + | <div class="SmallPic" id="small_1"></div> | |
- | </a> | + | <div class="SmallPic" id="small_2"></div> |
+ | <div class="SmallPic" id="small_3"></div> | ||
+ | <div class="SmallPic" id="small_4"></div> | ||
+ | <div class="SmallPic" id="small_5"></div> | ||
+ | </a> | ||
+ | |||
<div id="HomeCenter"> | <div id="HomeCenter"> | ||
<a id="HomeCenterbodyText1" href="https://2010.igem.org/Team:TU_Delft/Team"> | <a id="HomeCenterbodyText1" href="https://2010.igem.org/Team:TU_Delft/Team"> | ||
<div id="HomeCenterBox1"> | <div id="HomeCenterBox1"> | ||
<div id="CenterbodyText1"> | <div id="CenterbodyText1"> | ||
- | <br><h3 | + | <br><h3>The Team</h3> |
Yes! We've got our team together! | Yes! We've got our team together! | ||
9 undergraduate students of the Delft Technical University have cleared their schedules | 9 undergraduate students of the Delft Technical University have cleared their schedules | ||
Line 581: | Line 511: | ||
</div> | </div> | ||
<div id="CenterbodyText2"> | <div id="CenterbodyText2"> | ||
- | <br><h3 | + | <br><h3>The Project</h3> |
This year the TU Delft team will take a more worldly approach by making an attempt on improving the environment by creating biobricks that will facilitate hydrocarbon degradation in aqueous environments. More information on our project will follow soon! | This year the TU Delft team will take a more worldly approach by making an attempt on improving the environment by creating biobricks that will facilitate hydrocarbon degradation in aqueous environments. More information on our project will follow soon! | ||
</div> | </div> | ||
Line 589: | Line 519: | ||
<div id="HomeCenterBox1"> | <div id="HomeCenterBox1"> | ||
<div id="CenterbodyText1"> | <div id="CenterbodyText1"> | ||
- | <br><h3 | + | <br><h3>In the news</h3> |
insert text | insert text | ||
</div> | </div> | ||
Line 601: | Line 531: | ||
</div> | </div> | ||
<div id="CenterbodyText2"> | <div id="CenterbodyText2"> | ||
- | <br><h3 | + | <br><h3>Fun Stuff</h3> |
- | <h4 | + | <h4>iJAM</h4> |
Next to Synthetic Biology our team also has another common interest: Music! We actually had our first jamming session last week | Next to Synthetic Biology our team also has another common interest: Music! We actually had our first jamming session last week | ||
</div> | </div> | ||
Line 613: | Line 543: | ||
</div> | </div> | ||
<div id="Upcoming"> | <div id="Upcoming"> | ||
- | <br><h3 | + | <br><h3>Upcoming Events</h3> |
- | <h4 | + | <h4>May 19th</h4> |
Our next meeting: We will be presenting action plans for each subpart of our project<br> | Our next meeting: We will be presenting action plans for each subpart of our project<br> | ||
- | <h4 | + | <h4>May 20th</h4> |
Important day! We will present our action plans for a number of professors and other department members, hoping they'll have some good input concerning our project. | Important day! We will present our action plans for a number of professors and other department members, hoping they'll have some good input concerning our project. | ||
<br><br> | <br><br> | ||
Line 630: | Line 560: | ||
<a href="http://www.dsm.nl/"> | <a href="http://www.dsm.nl/"> | ||
<div id="Sponsor2"> | <div id="Sponsor2"> | ||
+ | </div> | ||
+ | </a> | ||
+ | <br> | ||
+ | <a href="http://www.genomics.nl//"> | ||
+ | <div id="Sponsor3"> | ||
</div> | </div> | ||
</a> | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
- | </div> | + | <!-- End of main content --> |
- | + | </div> | |
</body> | </body> | ||
</html> | </html> |
Revision as of 11:01, 16 May 2010