Team:Manchester/Hometest
From 2013.igem.org
(Difference between revisions)
Abramov denn (Talk | contribs) |
|||
(106 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<head> | <head> | ||
<title> Home </title> | <title> Home </title> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | function doSomething() { | ||
+ | |||
+ | var targetAnchor = document.getElementById('myAnchor1'); | ||
+ | targetAnchor.className = '' ; | ||
+ | |||
+ | var targetAnchor = document.getElementById('myAnchor2'); | ||
+ | targetAnchor.className = '' ; | ||
+ | |||
+ | var targetAnchor = document.getElementById('myAnchor3'); | ||
+ | targetAnchor.className = '' ; | ||
+ | |||
+ | var targetAnchor = document.getElementById('myAnchor4'); | ||
+ | targetAnchor.className = '' ; | ||
+ | |||
+ | var targetAnchor = document.getElementById('myAnchor5'); | ||
+ | targetAnchor.className = '' ; | ||
+ | |||
+ | var targetAnchor = document.getElementById('myAnchor6'); | ||
+ | targetAnchor.className = '' ; | ||
+ | |||
+ | var targetAnchor = document.getElementById('myAnchor7'); | ||
+ | targetAnchor.className = '' ; | ||
+ | |||
+ | var targetAnchor = document.getElementById('myAnchor8'); | ||
+ | targetAnchor.className = '' ; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
* | * | ||
{ | { | ||
Line 14: | Line 46: | ||
#content, body | #content, body | ||
{ | { | ||
- | background: # | + | background-color: #F2F2F2; |
} | } | ||
#slider | #slider | ||
{ | { | ||
- | width: | + | width:1300px; |
height:300px; | height:300px; | ||
- | margin: | + | margin-left:-160px; |
overflow:hidden; | overflow:hidden; | ||
- | + | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | |
- | + | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | |
+ | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
} | } | ||
#slider ul | #slider ul | ||
{ | { | ||
- | width: | + | width:1300px; |
list-style:none; | list-style:none; | ||
+ | margin:0; | ||
} | } | ||
Line 38: | Line 72: | ||
display:block; | display:block; | ||
float:left; | float:left; | ||
- | width: | + | width:130px; |
+ | transition: all 0.4s; | ||
+ | -webkit-transition:all 0.4s; | ||
+ | } | ||
+ | #slider ul li.startopen | ||
+ | { | ||
+ | position:relative; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | width:600px; | ||
+ | transition: all 0.4s; | ||
+ | -webkit-transition:all 0.4s; | ||
+ | } | ||
+ | #slider ul li.startclosed | ||
+ | { | ||
+ | position:relative; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | width:100px; | ||
transition: all 0.4s; | transition: all 0.4s; | ||
+ | -webkit-transition:all 0.4s; | ||
} | } | ||
#slider ul:hover li | #slider ul:hover li | ||
{ | { | ||
- | width: | + | width:100px; |
} | } | ||
Line 52: | Line 105: | ||
{ | { | ||
width:600px; | width:600px; | ||
+ | } | ||
+ | |||
+ | /*#slider ul li:nth-child(1):hover #title | ||
+ | { | ||
+ | background: rgba(0,0,0,0.5); | ||
+ | width:95px; | ||
+ | height:300px; | ||
+ | position:absolute; | ||
+ | left:0; | ||
+ | top:0; | ||
+ | }*/ | ||
+ | |||
+ | #slider ul li:hover #title | ||
+ | { | ||
+ | background: rgba(0,0,0,0.5); | ||
+ | width:110px; | ||
+ | height:300px; | ||
+ | position:absolute; | ||
+ | left:0; | ||
+ | top:0; | ||
} | } | ||
Line 63: | Line 136: | ||
{ | { | ||
background: rgba(0,0,0,0.5); | background: rgba(0,0,0,0.5); | ||
- | width: | + | width:130px; |
+ | height:300px; | ||
position:absolute; | position:absolute; | ||
left:0; | left:0; | ||
- | + | top:0; | |
+ | } | ||
+ | |||
+ | #slider ul li:last-child #title | ||
+ | { | ||
+ | background:none; | ||
} | } | ||
Line 75: | Line 154: | ||
color:white; | color:white; | ||
text-decoration:none; | text-decoration:none; | ||
+ | font-family:Trebuchet MS; | ||
+ | font-weight:bold; | ||
font-size:16px; | font-size:16px; | ||
- | padding: | + | padding:0; |
+ | margin:10px; | ||
+ | } | ||
+ | |||
+ | #slider ul li:last-child #title | ||
+ | { | ||
+ | background: rgba(0,0,0,0.5); | ||
+ | width:390px; | ||
+ | height:300px; | ||
+ | position:absolute; | ||
+ | left:0; | ||
+ | top:0; | ||
+ | } | ||
+ | |||
+ | #slider ul li:last-child:hover #title | ||
+ | { | ||
+ | background: rgba(0,0,0,0.5); | ||
+ | width:110px; | ||
+ | height:300px; | ||
+ | position:absolute; | ||
+ | left:0; | ||
+ | top:0; | ||
} | } | ||
Line 83: | Line 185: | ||
width:1000px; | width:1000px; | ||
height:100px; | height:100px; | ||
- | |||
padding:0; | padding:0; | ||
+ | margin-left:0; | ||
+ | margin-bottom:20px; | ||
} | } | ||
- | . | + | .igem |
{ | { | ||
float:left; | float:left; | ||
Line 97: | Line 200: | ||
} | } | ||
- | . | + | .our |
{ | { | ||
float:left; | float:left; | ||
- | margin-left: | + | margin-left:720px; |
- | + | ||
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
Line 108: | Line 210: | ||
} | } | ||
- | . | + | .heading1 |
{ | { | ||
- | + | clear:both; | |
- | margin-left: | + | margin-left:-150px; |
+ | width:1300px; | ||
+ | height:80px; | ||
- | |||
- | |||
- | |||
} | } | ||
- | . | + | .heading1 .upper |
+ | { | ||
+ | font-style:italic; | ||
+ | width:200px; | ||
+ | height:20px; | ||
+ | margin-left:520px; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
- | + | .heading1 .bottom | |
- | + | { | |
- | + | height:30px; | |
- | + | } | |
- | + | .heading1 .upper, .heading1 .bottom, .heading2 .upper, .heading2 .bottom | |
+ | { | ||
+ | font-size:40px; | ||
+ | font-weight:bold; | ||
+ | font-family:Georgia; | ||
+ | text-align:center; | ||
+ | color:#660099; | ||
+ | text-shadow: 0 1px 0 #ccc, | ||
+ | 0 2px 0 #c9c9c9, | ||
+ | 0 3px 0 #bbb, | ||
+ | 0 4px 0 #b9b9b9, | ||
+ | 0 5px 0 #aaa, | ||
+ | 0 6px 1px rgba(0,0,0,.1), | ||
+ | 0 0 5px rgba(0,0,0,.1), | ||
+ | 0 1px 3px rgba(0,0,0,.3), | ||
+ | 0 3px 5px rgba(0,0,0,.2), | ||
+ | 0 5px 10px rgba(0,0,0,.25), | ||
+ | 0 10px 10px rgba(0,0,0,.2), | ||
+ | 0 20px 20px rgba(0,0,0,.15); | ||
+ | } | ||
- | + | .heading2 .upper | |
+ | { | ||
+ | margin:0 0 5px 250px; | ||
+ | width:800px; | ||
+ | height:30px; | ||
+ | } | ||
- | + | .heading2 .bottom | |
+ | { | ||
+ | margin:0 0 10px 450px; | ||
+ | width:400px; | ||
+ | height:30px; | ||
- | + | } | |
- | + | .heading2 | |
+ | { | ||
+ | clear:both; | ||
+ | margin:20px 0 20px -150px; | ||
+ | width:1300px; | ||
+ | height:100px; | ||
+ | } | ||
- | + | .footer2 | |
+ | { | ||
+ | clear:both; | ||
+ | width:950px; | ||
+ | height:100px; | ||
+ | margin-left:0; | ||
+ | margin-top:50px; | ||
+ | padding:0; | ||
+ | } | ||
- | + | .footer2 .mib | |
+ | { | ||
+ | float:left; | ||
+ | margin:0; | ||
- | + | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | |
+ | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | } | ||
- | + | .footer2 .uni | |
+ | { | ||
+ | float:right; | ||
+ | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | } | ||
- | + | .checklist | |
+ | { | ||
+ | width:710px; | ||
+ | height:100px; | ||
+ | margin-left:130px; | ||
- | + | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | |
+ | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | } | ||
- | + | .note | |
+ | { | ||
+ | clear:both; | ||
+ | width:100%; | ||
+ | height:50px; | ||
+ | font-family:Trebuchet MS; | ||
+ | font-size: 16px; | ||
+ | text-align:center; | ||
+ | color:#660099; | ||
+ | } | ||
- | + | .contact | |
+ | { | ||
+ | clear:left; | ||
+ | margin-left:-180px; | ||
+ | margin-top:30px; | ||
+ | width:1300px; | ||
+ | height:100px; | ||
+ | } | ||
- | + | .gmail | |
+ | { | ||
+ | float:left; | ||
+ | margin:30px 0 20px 260px; | ||
+ | z-index:100; | ||
+ | } | ||
- | + | .fb | |
+ | { | ||
+ | float:left; | ||
+ | margin:20px 0 20px 100px; | ||
- | + | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | |
+ | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | } | ||
- | |||
- | + | .myButton { | |
+ | z-index:100; | ||
+ | -moz-box-shadow:inset 0px 1px 0px 0px #e184f3; | ||
+ | -webkit-box-shadow:inset 0px 1px 0px 0px #e184f3; | ||
+ | box-shadow:inset 0px 1px 0px 0px #e184f3; | ||
+ | |||
+ | background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd)); | ||
+ | background:-moz-linear-gradient(top, #c123de 5%, #a20dbd 100%); | ||
+ | background:-webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%); | ||
+ | background:-o-linear-gradient(top, #c123de 5%, #a20dbd 100%); | ||
+ | background:-ms-linear-gradient(top, #c123de 5%, #a20dbd 100%); | ||
+ | background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%); | ||
+ | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd',GradientType=0); | ||
+ | |||
+ | background-color:#c123de; | ||
+ | |||
+ | -moz-border-radius:6px; | ||
+ | -webkit-border-radius:6px; | ||
+ | border-radius:6px; | ||
+ | |||
+ | border:1px solid #a511c0; | ||
+ | |||
+ | display:inline-block; | ||
+ | color:#ffffff; | ||
+ | font-family:arial; | ||
+ | font-size:15px; | ||
+ | font-weight:bold; | ||
+ | padding:6px 24px; | ||
+ | text-decoration:none; | ||
+ | |||
+ | text-shadow:0px 1px 0px #9b14b3; | ||
+ | |||
+ | } | ||
+ | .myButton:hover { | ||
+ | |||
+ | background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de)); | ||
+ | background:-moz-linear-gradient(top, #a20dbd 5%, #c123de 100%); | ||
+ | background:-webkit-linear-gradient(top, #a20dbd 5%, #c123de 100%); | ||
+ | background:-o-linear-gradient(top, #a20dbd 5%, #c123de 100%); | ||
+ | background:-ms-linear-gradient(top, #a20dbd 5%, #c123de 100%); | ||
+ | background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%); | ||
+ | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de',GradientType=0); | ||
+ | |||
+ | background-color:#a20dbd; | ||
+ | } | ||
+ | .myButton:active { | ||
+ | position:relative; | ||
+ | top:1px; | ||
+ | } | ||
- | |||
- | + | .twitter | |
+ | { | ||
+ | float:left; | ||
+ | margin:40px 0 20px 90px; | ||
+ | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | } | ||
- | |||
- | + | </style> | |
+ | </head> | ||
+ | <body> | ||
- | + | <div id="fb-root"></div> | |
- | + | <script>(function(d, s, id) { | |
- | + | var js, fjs = d.getElementsByTagName(s)[0]; | |
- | + | if (d.getElementById(id)) return; | |
- | + | js = d.createElement(s); js.id = id; | |
- | + | js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; | |
- | + | fjs.parentNode.insertBefore(js, fjs); | |
+ | }(document, 'script', 'facebook-jssdk'));</script> | ||
- | + | <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> | |
- | + | <div class="footer"> | |
+ | <div class="igem"> | ||
+ | <a href="https://2013.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2013/a/a2/Igemwhite1.png" /></a> | ||
+ | </div> | ||
- | + | <div class="our"> | |
- | + | <a><img src="https://static.igem.org/mediawiki/2013/8/87/LOGO1.jpg" /></a> | |
- | + | </div> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <div class="heading1"> | |
+ | <div class="upper"> | ||
+ | E.C(oil)i | ||
+ | </div> | ||
- | + | <div class="bottom"> | |
- | + | THE LEAN, GREEN, FAT PRODUCING SYNBIO MACHINE | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div class=" | + | |
- | + | ||
- | + | ||
</div> | </div> | ||
<div id="slider"> | <div id="slider"> | ||
<ul> | <ul> | ||
- | <li> | + | <li id="myAnchor1" class="startopen"> |
- | + | <div id="title"> <a href="https://2013.igem.org/Team:Manchester/OurTeamtest" onmouseover="doSomething();" onmouseout="doSomething();">Our Team</a></div> | |
- | + | <a href="https://2013.igem.org/Team:Manchester/OurTeamtest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/a/a6/Team1.jpg"/> </a> | |
- | </li> | + | </li> |
- | <li> | + | <li id="myAnchor2" class="startclosed"> |
- | <div id="title"> <a href=" | + | <div id="title"> <a href="https://2013.igem.org/Team:Manchester/Projecttest" onmouseover="doSomething();" onmouseout="doSomething();">Project</a></div> |
- | <a href=" | + | <a href="https://2013.igem.org/Team:Manchester/Projecttest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/6/6d/Project1.jpg"/></a> |
</li> | </li> | ||
- | <li> | + | <li id="myAnchor3" class="startclosed"> |
- | <div id="title"> <a href=" | + | <div id="title"> <a href="https://2013.igem.org/Team:Manchester/contributiontest" onmouseover="doSomething();" onmouseout="doSomething();">Parts Contributions</a></div> |
- | <a href=" | + | <a href="https://2013.igem.org/Team:Manchester/contributiontest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/2/2f/Contributions.jpg"/> </a> |
+ | </li> | ||
+ | |||
+ | <li id="myAnchor4" class="startclosed"> | ||
+ | <div id="title"> <a href="https://2013.igem.org/Team:Manchester/medaltest" onmouseover="doSomething();" onmouseout="doSomething();">Judging</a></div> | ||
+ | <a href="https://2013.igem.org/Team:Manchester/medaltest" onmouseover="doSomething();" onmouseout="doSomething();""> <img src="https://static.igem.org/mediawiki/2013/d/d0/Judging.jpg"/></a> | ||
</li> | </li> | ||
- | + | ||
- | + | <li id="myAnchor5" class="startclosed"> | |
- | <div id="title"> <a href=" | + | <div id="title"> <a href="https://2013.igem.org/Team:Manchester/Attributionstest" onmouseover="doSomething();" onmouseout="doSomething();">Attributions</a></div> |
- | <a href=" | + | <a href="https://2013.igem.org/Team:Manchester/Attributionstest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/b/bb/Attributions1.jpg"/></a> |
</li> | </li> | ||
- | + | ||
- | <li> | + | <li id="myAnchor6" class="startclosed"> |
- | <div id="title"> <a href=" | + | <div id="title"> <a href="https://2013.igem.org/Team:Manchester/Modellingtest" onmouseover="doSomething();" onmouseout="doSomething();">Modelling</a></div> |
- | <a href=" | + | <a href="https://2013.igem.org/Team:Manchester/Modellingtest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/6/6b/Modelling.png"/></a> |
</li> | </li> | ||
- | + | ||
- | + | <li id="myAnchor7" class="startclosed"> | |
- | + | <div id="title"> <a href="https://2013.igem.org/Team:Manchester/HumanPracticetest" onmouseover="doSomething();" onmouseout="doSomething();">Human Practices</a></div> | |
- | + | <a href="https://2013.igem.org/Team:Manchester/HumanPracticetest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/c/ce/Humanpractice.jpg"/></a> | |
</li> | </li> | ||
- | + | ||
- | <li | + | <li id="myAnchor8" class="startclosed"> |
- | + | <div id="title"> <a href="https://2013.igem.org/Team:Manchester/sponsorstest" id="last" onmouseover="doSomething();" onmouseout="doSomething();">Sponsorship</a></div> | |
- | + | <a href="https://2013.igem.org/Team:Manchester/sponsorstest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/0/00/Sponsors.jpg"/></a> | |
- | + | ||
- | + | ||
- | + | ||
- | <div id="title"> <a href | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <a href | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
- | < | + | <br> |
- | <div class=" | + | <br> |
- | < | + | |
- | < | + | <div class="checklist" > |
+ | <div class="medal"> | ||
+ | <a href="https://2013.igem.org/Team:Manchester/medaltest"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/2/28/MedalMan3.jpg"/> | ||
+ | </a> | ||
+ | </div> | ||
</div> | </div> | ||
- | <div class=" | + | <div class="footer2"> |
- | + | <div class="mib"> | |
- | + | <a href="#"> <img src="https://static.igem.org/mediawiki/2013/0/0c/MIBLogo.jpg" width="300" height="100" /></a> | |
</div> | </div> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<div class="uni"> | <div class="uni"> | ||
- | <a><img src="https://static.igem.org/mediawiki/2013/ | + | <a><img src="https://static.igem.org/mediawiki/2013/f/fd/Uni1.jpg" /></a> |
- | + | </div> | |
- | <div> | + | </div> |
+ | |||
+ | |||
+ | <!--<div class="contact"> | ||
+ | <div class="gmail"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="fb"> | ||
+ | <div class="fb-like-box" data-href="https://www.facebook.com/ManchesteriGEM" data-width="400" data-show-faces="false" data-stream="false" data-show-border="true" data-header="true"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="twitter"> | ||
+ | <a href="https://twitter.com/@ManchesteriGEM" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @twitter</a> | ||
+ | </div> | ||
+ | </div>--> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 22:15, 27 August 2013
E.C(oil)i
THE LEAN, GREEN, FAT PRODUCING SYNBIO MACHINE