Difference between revisions of "Team:UMaryland"

(Undo revision 169747 by Notof (talk))
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 23: Line 32:
 
width:100%;
 
width:100%;
 
min-width:800;
 
min-width:800;
−
height:100px;
+
height:188px;
 
min-height:100px;
 
min-height:100px;
 
position:absolute;
 
position:absolute;
Line 215: Line 224:
  
 
</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