Difference between revisions of "Team:UMaryland"

Line 1: Line 1:
{{Template_All_Teams}}
 
 
<html>
 
<html>
</div></div></div></div></div></div></div></div></div></div>
 
</html>
 
{{Team:UMarylandClasses}}
 
{{Team:UMaryland/UMD15_CSSJS}}
 
 
<html>
 
 
<!--Attention! If you are not part of the website team, you are NOT allowed to touch anything above this line without the express permission of Best Kohai.-->
 
  
 
<style type="text/css">
 
<style type="text/css">
Line 32: Line 23:
 
width:100%;
 
width:100%;
 
min-width:800;
 
min-width:800;
height:188px;
+
height:100px;
 
min-height:100px;
 
min-height:100px;
 
position:absolute;
 
position:absolute;
Line 224: Line 215:
  
 
</div>
 
</div>
 
<!--Home page-->
 
 
<title>UMaryland iGEM 2015</title>
 
 
<style type="text/css">
 
 
#bg {
 
position:relative;
 
z-index:0;
 
top:-20px;
 
opacity:.7;
 
}
 
 
@-webkit-keyframes spin
 
 
0%  {-webkit-transform: rotateZ(0deg); -webkit-transform-origin: 50% 50% 0;} 
 
100% {-webkit-transform: rotateZ(360deg); -webkit-transform-origin: 50% 50% 0;} 
 
}
 
 
@-webkit-keyframes spintheotherway
 
 
0%  {-webkit-transform: rotateZ(360deg); -webkit-transform-origin: 50% 50% 0;} 
 
100% {-webkit-transform: rotateZ(0deg); -webkit-transform-origin: 50% 50% 0;} 
 
}
 
 
#gear {   
 
position: absolute;
 
z-index:1;
 
left:5%
 
top:10px;
 
-webkit-animation: spin 16s infinite linear;
 
max-height:100%;
 
max-width:56%;
 
opacity: .8;
 
}
 
 
#gear1 {
 
position:absolute;
 
z-index:7;
 
top:18.8%;
 
left:40%;
 
width:80px;
 
height:80px;
 
-webkit-animation: spin 5s infinite linear;
 
}
 
 
#gear2 {
 
position:absolute;
 
z-index:6;
 
top:26.5%;
 
left:44.5%;
 
width:60px;
 
height:60px;
 
-webkit-animation: spintheotherway 5s infinite linear;
 
}
 
 
#biglogo{
 
backgound-color:ff0000;
 
}
 
 
#logobase {
 
position:absolute;
 
z-index:1;
 
width:55%;
 
height:50%;
 
top:15%;
 
left:22%;
 
}
 
 
#gear3 {
 
position:absolute;
 
z-index:9;
 
top:45.75%;
 
left:47.125%;
 
width:70px;
 
height:70px;
 
-webkit-animation: spin 8s infinite linear;
 
}
 
 
#iowitudo {
 
left:82%;
 
top:70%;
 
position:fixed;
 
height: 28%;
 
width: 16%;
 
z-index:12;
 
}
 
 
#fancyigem {
 
height: 10%;
 
width: 5%;
 
z-index:12;
 
position: fixed;
 
top: 88%;
 
left: 92.5%;
 
}
 
 
body {
 
overflow:hidden;
 
height:100%;
 
width:100%;
 
}
 
 
</style>
 
 
<body>
 
 
<div id='bg'>
 
<img src="http://i.imgur.com/bHMVnPQ.jpg" style="height:100%; width:100%">
 
</div>
 
 
<div id='gear'>
 
<img src="https://static.igem.org/mediawiki/2015/d/d2/Gear2.png" style="height:100%; width:100%">
 
</div>
 
 
<div id='biglogo'>
 
 
<div id='logobase'>
 
<img src="https://static.igem.org/mediawiki/2015/4/47/Logobase.png" style="height:100%; width:100%">
 
</div>
 
 
<div id='gear1'>
 
<img src="https://static.igem.org/mediawiki/2015/8/80/Logogear1.png" style="height:100%; width:100%">
 
</div>
 
 
 
<div id='gear2'>
 
<img src="https://static.igem.org/mediawiki/2015/5/5f/Logogear2.png" style="height:100%; width:100%">
 
</div>
 
 
 
<div id='gear3'>
 
<img src="https://static.igem.org/mediawiki/2015/e/e5/Logogear3.png" style="height:100%; width:100%">
 
</div>
 
 
</div>
 
 
<style type="text/css">
 
#thankssponsors {
 
overflow:hidden;
 
position:absolute;
 
z-index:11;
 
opacity:.8;
 
bottom:0px;
 
border-top: solid white 5px;
 
width:110%;
 
height:160px;
 
background-color:#94FFFF;
 
}
 
#support {
 
left:42%;
 
bottom:135px;
 
position:fixed;
 
height: 60px;
 
width: 200px;
 
z-index:12;
 
opacity:.9;
 
border-radius: 25px;
 
border: 5px solid #000000;
 
overflow:hidden;
 
}
 
 
#neb {
 
background: url(https://static.igem.org/mediawiki/2012/d/d6/Austin_Texas_NEB_logo.jpeg) 50% 0 no-repeat;
 
background-size: 301px 117px;
 
width: 301px;
 
height: 117px;
 
position: absolute;
 
left: 0px;
 
top:0px;
 
}
 
#idt {
 
background: url(https://static.igem.org/mediawiki/2012/2/22/IDT-Logo.jpg) 50% 0 no-repeat;
 
background-size: 267px 120px;
 
width: 267px;
 
height: 120px;
 
position: absolute;
 
left: 305px;
 
top:0px;
 
}
 
#qiagen {
 
background: url(https://pbs.twimg.com/profile_images/260070480/Logo_Twitter.jpg) 100% 0 no-repeat;
 
background-size: 150px 150px;
 
width: 150px;
 
height: 150px;
 
position: absolute;
 
left: 575px;
 
top:0px;
 
}
 
#agilent {
 
background: url(http://www.iycr2014.org/__data/assets/image/0006/82176/Agilent_logo.jpg) 50% 0 no-repeat;
 
background-size: 318px 62px;
 
width: 318px;
 
height: 62px;
 
position: absolute;
 
left: 730px;
 
top:0px;
 
}
 
#ils {
 
background: url(https://static.igem.org/mediawiki/2015/c/c7/Ils.png) 50% 0 no-repeat;
 
background-size: 323px 141px;
 
width: 323px;
 
height: 141px;
 
position: absolute;
 
left: 1100px;
 
top:0px;
 
}
 
#cmns {
 
background: url(https://cmns.umd.edu/sites/default/files/uploads/images/logos/cmns_logo_main.png) 50% 0 no-repeat;
 
background-size: 363px 50px;
 
width: 363px;
 
height: 50px;
 
position: absolute;
 
left: 730px;
 
top:70px;
 
}
 
#bioe {
 
background: url(http://www.keystone.umd.edu/wrapper/clark-grey-72-png24.png) 50% 0 no-repeat;
 
background-size: 300px 50px;
 
width: 300px;
 
height: 50px;
 
position: absolute;
 
left: 730px;
 
top:115px;
 
}
 
 
</style>
 
 
<div id=thankssponsors>
 
 
<a href="#">
 
<div id='neb'>
 
</div></a>
 
<a href="#">
 
<div id='idt'>
 
</div></a>
 
<a href="#">
 
<div id='qiagen'>
 
</div></a>
 
<a href="#">
 
<div id='agilent'>
 
</div></a>
 
<a href="#">
 
<div id='ils'>
 
</div></a>
 
<a href="#">
 
<div id='cmns'>
 
</div></a>
 
<a href="#">
 
<div id='bioe'>
 
</div></a>
 
 
</div>
 
 
<div id='support'>
 
<a href="http://advancement.umd.edu/giving/fund.php?name=igem-genetic-engineering-biology-gift-fund">
 
<img src="https://static.igem.org/mediawiki/2015/a/ab/Support.png" style="height:100%; width:100%"></a>
 
</div>
 
 
</div>
 
 
 
</body>
 
</html>
 

Revision as of 00:46, 6 September 2015