Difference between revisions of "Team:UMaryland"
(188 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
{{Template_All_Teams}} | {{Template_All_Teams}} | ||
+ | <html> | ||
+ | </div></div></div></div></div></div></div></div></div></div> | ||
+ | </html> | ||
+ | {{Team:UMarylandClasses}} | ||
{{Team:UMaryland/UMD15_CSSJS}} | {{Team:UMaryland/UMD15_CSSJS}} | ||
− | |||
<html> | <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"> | ||
body { | body { | ||
− | + | margin:0px; | |
} | } | ||
− | + | a { | |
− | + | color:inherit; | |
− | + | font-family:inherit; | |
− | + | text-decoration:none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | a:hover{ | |
− | + | color:inherit; | |
− | + | font-family:inherit; | |
− | + | text-decoration:none; | |
− | + | ||
} | } | ||
− | # | + | |
− | + | #beacon { | |
− | + | background-image: -webkit-linear-gradient(top, #05A305 0%, #4AF778 50%, #FFFFFF 100%); | |
− | + | padding:10px; | |
+ | overflow:visible; | ||
+ | position: relative; | ||
+ | margin:auto; | ||
+ | z-index:4; | ||
+ | top:-50px; | ||
+ | border-radius: 0px 0px 50px 50px; | ||
+ | border-left: 4px solid black; | ||
+ | border-right: 4px solid black; | ||
+ | border-bottom: 10px solid black; | ||
+ | max-height:220px; | ||
+ | max-width:324px; | ||
+ | overflow:hidden; | ||
+ | opacity:1; | ||
} | } | ||
− | # | + | |
− | + | #swagmenu { | |
− | + | background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #2BB1FF 100%); | |
− | + | color:#000000; | |
− | + | position:relative; | |
+ | z-index:10; | ||
+ | border-bottom: 8px solid black; | ||
+ | top:0px; | ||
+ | width:100%; | ||
+ | margin:auto; | ||
+ | height:40px; | ||
+ | min-width:800; | ||
+ | display:inline-block; | ||
+ | font-size: 16px; | ||
+ | text-align: center; | ||
+ | font-family: "Arial Black", Gadget, sans-serif; | ||
+ | |||
} | } | ||
− | + | ||
− | # | + | #swagmenu ul { |
− | + | text-align: center; | |
− | + | display: inline; | |
− | + | margin: 0px; | |
+ | list-style: none; | ||
+ | csspadding: 10px; | ||
+ | |||
} | } | ||
− | # | + | #swagmenu ul li { |
− | + | display: inline-block; | |
− | + | margin-right: -4px; | |
− | + | position: relative; | |
− | + | margin: 0px; | |
− | + | padding: 10px ; | |
− | + | min-width:100px; | |
} | } | ||
− | # | + | |
− | + | #swagmenu ul li:hover { | |
+ | display: inline-block; | ||
+ | background: #ffffff; | ||
+ | border-left: 2px solid black; | ||
+ | border-right: 2px solid black; | ||
+ | border-radius:10px; | ||
} | } | ||
− | # | + | |
− | + | ||
+ | #swagmenu ul li ul { | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | min-width:100px; | ||
+ | display: none; | ||
+ | opacity: 0; | ||
+ | visibility: hidden; | ||
} | } | ||
− | # | + | #swagmenu ul li ul li { |
− | + | display: block; | |
− | + | text-align: center; | |
+ | background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #2BB1FF 100%); | ||
+ | border: 2px solid black; | ||
+ | padding:10px; | ||
+ | top:10px; | ||
+ | min-width:100px; | ||
} | } | ||
− | # | + | #swagmenu ul li ul li:hover { |
− | + | background-color: #ffffff; | |
+ | border-radius:0px; | ||
+ | min-width:100px; | ||
} | } | ||
− | + | #swagmenu ul li:hover ul { | |
− | # | + | display: block; |
− | + | opacity: 1; | |
− | + | visibility: visible; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | |
− | + | #swagmenu ul li a { | |
− | + | color: #000000; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | #swagmenu ul li a:hover { |
− | + | color: #000000; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | #swagmenu ul li ul li a { |
− | + | color: #000000; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | #swagmenu ul li ul li a:hover { |
− | + | color: #000000; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | |
− | + | #swagmenu ul li ul li:nth-child(3) { | |
− | + | margin-right: 0px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | |
− | + | #swagmenu ul li ul li:nth-child(4) { | |
− | + | margin-left: 0px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | #swagmenu ul li ul li:last-child { |
− | + | border-radius: 0px 0px 20px 20px; | |
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | + | #mainlink { | |
+ | background: url(https://static.igem.org/mediawiki/2015/6/69/Mainlink.png) 80% 0 no-repeat; | ||
+ | background-size: 100px 100px; | ||
+ | width:100px; | ||
+ | height: 100px; | ||
+ | position: absolute; | ||
+ | z-index:14; | ||
+ | right:10px; | ||
+ | top:60px; | ||
+ | } | ||
− | + | </style> | |
− | + | <div id='topkek'> | |
− | + | <div id='swagmenu'> | |
− | + | <ul> | |
− | + | <li class='has-sub'><a href="https://2015.igem.org/Team:UMaryland/about"><span>Information</a><ul> | |
+ | <li><a href="https://2015.igem.org/Team:UMaryland/about"><span>About</span></a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UMaryland/Team"><span>Our Team</span></a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UMaryland/Attributions"><span>Acknowled-gements</span></a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UMaryland/fundraising"><span>Fundraising</span></a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UMaryland/After"><span>2015 Jamboree</span></a></li></ul></span></a></li> | ||
− | + | <li class='has-sub'><a href="https://2015.igem.org/Team:UMaryland/Description"><span>Project</a><ul> | |
− | + | <li><a href="https://2015.igem.org/Team:UMaryland/Description"><span>Description</span></a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:UMaryland/HokSok"><span>Hok/Sok</span></a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:UMaryland/Design"><span>PCR Design</span></a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:UMaryland/Results"><span>Results</span></a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:UMaryland/sideprojects"><span>Side Projects</span></a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:UMaryland/Interlab"><span>Interlab Study | |
− | + | </span></a></li></ul></span></a></li> | |
− | + | ||
− | + | ||
− | + | <li class='has-sub'><a href="https://2015.igem.org/Team:UMaryland/Part_Collection"><span>Parts</a><ul> | |
+ | <li><a href="https://2015.igem.org/Team:UMaryland/Part_Collection"><span>All Parts</span></a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UMaryland/Basic_Part"><span>Basic Parts</span></a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UMaryland/Composite_Part"><span>Composite Parts</span></a></li></ul></span></a></li> | ||
− | + | <li class='has-sub'><a href="https://2015.igem.org/Team:UMaryland/Practices"><span>Outreach</a><ul> | |
+ | <li><a href="https://2015.igem.org/Team:UMaryland/Practices"><span>Human Practices</span></a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UMaryland/Collaborations"><span>Regional Meetup</span></a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UMaryland/Survey"><span>Survey</span></a></li></ul></span></a></li> | ||
− | + | <li class='has-sub'><a href="https://2015.igem.org/Team:UMaryland/Notebook"><span>Notebook</a><ul> | |
+ | <li><a href="https://2015.igem.org/Team:UMaryland/Notebook"><span>Journal</span></a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UMaryland/protocols"><span>Protocols</span></a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UMaryland/Safety"><span>Safety</span></a></li> | ||
+ | </ul></span></a></li> | ||
− | + | <li class='has-sub'><a href="https://2015.igem.org/Main_Page"><span> | |
+ | iGEM Main | ||
+ | </a><ul> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <a href="https://2015.igem.org/Main_Page"> | |
− | + | <div id='mainlink'> | |
− | + | </div></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | / | + | </div> |
− | + | <!--Home page--> | |
− | + | ||
− | + | <title>UMaryland iGEM 2015</title> | |
− | + | ||
− | + | <style type="text/css"> | |
− | + | ||
− | + | ||
#bg { | #bg { | ||
+ | position:relative; | ||
z-index:0; | z-index:0; | ||
− | + | top:0px; | |
− | + | opacity:1; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
overflow:hidden; | overflow:hidden; | ||
− | |||
} | } | ||
Line 249: | Line 223: | ||
} | } | ||
− | #gear { | + | @-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:-25%; | ||
+ | top:0%; | ||
+ | -webkit-animation: spin 16s infinite linear; | ||
max-height:100%; | max-height:100%; | ||
− | max-width:56%; | + | max-width:56%; |
− | + | opacity: .8; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | */ | |
− | # | + | #gear1 { |
position:absolute; | position:absolute; | ||
− | + | z-index:7; | |
− | + | top:18.8%; | |
− | left: | + | left:40%; |
− | + | width:80px; | |
− | + | height:80px; | |
+ | -webkit-animation: spin 5s infinite linear; | ||
} | } | ||
− | + | #gear2 { | |
− | + | ||
− | + | ||
position:absolute; | 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; | position:absolute; | ||
− | + | z-index:1; | |
− | + | width:55%; | |
− | + | height:50%; | |
− | + | top:15%; | |
+ | left:22%; | ||
} | } | ||
− | # | + | #gear3 { |
− | + | ||
− | + | ||
position:absolute; | position:absolute; | ||
− | + | z-index:9; | |
− | + | top:45.75%; | |
− | + | left:47.125%; | |
− | + | width:70px; | |
− | + | height:70px; | |
− | + | -webkit-animation: spin 8s infinite linear; | |
+ | } | ||
#iowitudo { | #iowitudo { | ||
− | left: | + | left:82%; |
− | top: | + | top:70%; |
position:fixed; | position:fixed; | ||
− | + | height: 28%; | |
− | + | width: 16%; | |
− | z-index: | + | z-index:12; |
} | } | ||
− | # | + | #fancyigem { |
− | + | height: 10%; | |
− | + | width: 5%; | |
− | + | z-index:12; | |
− | + | position: fixed; | |
− | + | top: 88%; | |
− | z-index: | + | left: 92.5%; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | body { | |
− | + | overflow:hidden; | |
− | + | height:100%; | |
− | + | width:100%; | |
− | + | ||
} | } | ||
− | # | + | #pleaseusenotbadbrowser { |
+ | margin:auto; | ||
position:absolute; | position:absolute; | ||
− | + | bottom:10px; | |
− | + | right:10px; | |
− | + | z-index:11; | |
− | + | padding:10px; | |
− | z-index: | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | padding | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
</style> | </style> | ||
− | |||
<body> | <body> | ||
− | + | <div id='bg'> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/a/ac/Tree.png" style="height:100%; width:100%"> | |
− | + | ||
− | + | ||
− | <div id= 'bg'> | + | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | <!-- | |
− | + | ||
− | <!-- | + | |
− | + | ||
<div id='gear'> | <div id='gear'> | ||
<img src="https://static.igem.org/mediawiki/2015/d/d2/Gear2.png" style="height:100%; width:100%"> | <img src="https://static.igem.org/mediawiki/2015/d/d2/Gear2.png" style="height:100%; width:100%"> | ||
</div> | </div> | ||
+ | --> | ||
+ | <div id='biglogo'> | ||
− | <div id=' | + | <div id='logobase'> |
− | <img src="https://static.igem.org/mediawiki/2015/ | + | <img src="https://static.igem.org/mediawiki/2015/4/47/Logobase.png" style="height:100%; width:100%"> |
</div> | </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/ | + | <img src="https://static.igem.org/mediawiki/2015/5/5f/Logogear2.png" style="height:100%; width:100%"> |
</div> | </div> | ||
− | |||
− | |||
− | |||
− | <div id=' | + | <div id='gear3'> |
− | <img src="https://static.igem.org/mediawiki/2015/ | + | <img src="https://static.igem.org/mediawiki/2015/e/e5/Logogear3.png" style="height:100%; width:100%"> |
</div> | </div> | ||
− | |||
− | |||
</div> | </div> | ||
− | <div id=' | + | <!-- |
− | < | + | <div id='pleaseusenotbadbrowser'> |
+ | <p style="font-size:24px;"><b>*Best viewed in Google Chrome</b></p> | ||
</div> | </div> | ||
--> | --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 06:35, 19 November 2015