|
|
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>
| |