Difference between revisions of "Team:UMaryland"

 
(307 intermediate revisions by 7 users not shown)
Line 1: Line 1:
 
{{Template_All_Teams}}
 
{{Template_All_Teams}}
 
 
<html>
 
<html>
 
 
</div></div></div></div></div></div></div></div></div></div>
 
</div></div></div></div></div></div></div></div></div></div>
 
+
</html>
<!--Sexy home page-->
+
{{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">
  
#all {
+
body {
margin: 0;
+
margin:0px;
background-image: url("https://static.igem.org/mediawiki/2015/5/54/Campus.png");
+
background-color: #000000
+
overflow:hidden;
+
 
}
 
}
  
#bg {
+
a {
z-index:0;
+
color:inherit;
position: absolute;
+
font-family:inherit;
margin:0px;
+
text-decoration:none;
padding:0px;
+
}
 +
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;
  
@-webkit-keyframes spin
 
 
0%  {-webkit-transform: rotateZ(0deg); -webkit-transform-origin: 0% 50% 0;} 
 
100% {-webkit-transform: rotateZ(360deg); -webkit-transform-origin: % 50% 0;} 
 
 
}
 
}
  
 +
#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;
 +
}
  
#gear {  
+
#swagmenu ul li:hover {
margin-left:auto;
+
display: inline-block;
margin-right:auto;
+
background: #ffffff;
top:0px;
+
border-left: 2px solid black;
height:100%;
+
border-right: 2px solid black;
width:100%;
+
border-radius:10px;
  -awebkit-animation: spin 8s infinite linear;
+
height:1000px;
+
width:1000px;
+
opacity: .8;
+
position: relative;
+
z-index:1;
+
 
}
 
}
  
#eye {
+
 
left:600px;
+
#swagmenu ul li ul {
top:305px;
+
padding: 0;
position:absolute;
+
position: absolute;
height: 40%;
+
left: 0;
width: 40%;
+
min-width:100px;
z-index:3;
+
display: none;
opacity:.8;
+
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;
 
}
 
}
  
#title {
+
#swagmenu ul li a {
left:900px;
+
color: #000000;
top:50px;
+
}
position:absolute;
+
#swagmenu ul li a:hover {
z-index:2;
+
color: #000000;
opacity:.9;
+
}
 +
#swagmenu ul li ul li a {
 +
color: #000000;
 +
}
 +
#swagmenu ul li ul li a:hover {
 +
color: #000000;
 
}
 
}
  
#title2 {
+
#swagmenu ul li ul li:nth-child(3) {
left:1300px;
+
margin-right: 0px;
top:375px;
+
position:absolute;
+
z-index:2;
+
opacity:.9;
+
 
}
 
}
  
#title3 {
+
#swagmenu ul li ul li:nth-child(4) {
left:1500px;
+
margin-left: 0px;
top:700px;
+
}
position:absolute;
+
#swagmenu ul li ul li:last-child {
z-index:2;
+
  border-radius: 0px 0px 20px 20px;
opacity:.9;
+
 
}
 
}
  
#iowitudo {
+
 
left:1700px;
+
#mainlink {
top:850px;
+
background: url(https://static.igem.org/mediawiki/2015/6/69/Mainlink.png) 80% 0 no-repeat;
position:absolute;
+
background-size: 100px 100px;
z-index:2;
+
width:100px;
 +
height: 100px;
 +
position: absolute;
 +
z-index:14;
 +
right:10px;
 +
top:60px;
 
}
 
}
  
/*
+
</style>
  
#skin {
+
<div id='topkek'>
position:absolute;
+
 
z-index:4;
+
<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 {
 +
position:relative;
 +
z-index:0;
 +
top:0px;
 +
opacity:1;
 +
overflow:hidden;
 
}
 
}
  
#slot1 {
+
@-webkit-keyframes spin
position:absolute;
+
{
z-index:3;
+
0%  {-webkit-transform: rotateZ(0deg); -webkit-transform-origin: 50% 50% 0;} 
 +
100% {-webkit-transform: rotateZ(360deg); -webkit-transform-origin: 50% 50% 0;
 
}
 
}
#slot2 {
+
 
position:absolute;
+
@-webkit-keyframes spintheotherway
z-index:3;
+
{
 +
0%  {-webkit-transform: rotateZ(360deg); -webkit-transform-origin: 50% 50% 0;} 
 +
100% {-webkit-transform: rotateZ(0deg); -webkit-transform-origin: 50% 50% 0;
 
}
 
}
#slot3 {
+
/*
left:200px;
+
#gear {  
position:absolute;
+
position: absolute;
z-index:3;
+
z-index:1;
 +
left:-25%;
 +
top:0%;
 +
-webkit-animation: spin 16s infinite linear;
 +
max-height:100%;
 +
max-width:56%;
 +
opacity: .8;
 
}
 
}
#slot4 {
+
*/
 +
#gear1 {
 
position:absolute;
 
position:absolute;
z-index:3;
+
z-index:7;
 +
top:18.8%;
 +
left:40%;
 +
width:80px;
 +
height:80px;
 +
-webkit-animation: spin 5s infinite linear;
 
}
 
}
#slot5 {
+
 
 +
#gear2 {
 
position:absolute;
 
position:absolute;
z-index:3;
+
z-index:6;
 +
top:26.5%;
 +
left:44.5%;
 +
width:60px;
 +
height:60px;
 +
-webkit-animation: spintheotherway 5s infinite linear;
 
}
 
}
#slot6 {
+
 
position:absolute;
+
#biglogo{
z-index:3;
+
backgound-color:ff0000;
 
}
 
}
#slot7 {
+
 
 +
#logobase {
 
position:absolute;
 
position:absolute;
z-index:3;
+
z-index:1;
 +
width:55%;
 +
height:50%;
 +
top:15%;
 +
left:22%;
 
}
 
}
#slot8 {
+
 
 +
#gear3 {
 
position:absolute;
 
position:absolute;
z-index:3;
+
z-index:9;
 +
top:45.75%;
 +
left:47.125%;
 +
width:70px;
 +
height:70px;
 +
-webkit-animation: spin 8s infinite linear;
 
}
 
}
*/
 
  
#enter {
+
#iowitudo {
left:740px;
+
left:82%;
top:730px;
+
top:70%;
position:absolute;
+
position:fixed;
z-index:4;
+
height: 28%;
height:120px;
+
width: 16%;
opacity:.9;
+
z-index:12;
width:420px;
+
padding:0px;
+
border: 10px outset black;
+
font-family: "Arial Black", Gadget, sans-serif;
+
font-size:50;
+
overflow:hidden;
+
 
}
 
}
  
 +
#fancyigem {
 +
height: 10%;
 +
width: 5%;
 +
z-index:12;
 +
position: fixed;
 +
top: 88%;
 +
left: 92.5%;
 +
}
  
 +
body {
 +
overflow:hidden;
 +
height:100%;
 +
width:100%;
 +
}
  
 +
#pleaseusenotbadbrowser {
 +
margin:auto;
 +
position:absolute;
 +
bottom:10px;
 +
right:10px;
 +
z-index:11;
 +
padding:10px;
 +
}
 
</style>
 
</style>
  
<div id='all'>
+
<body>
  
<!--
+
<div id='bg'>
 
+
<img src="https://static.igem.org/mediawiki/2015/a/ac/Tree.png" style="height:100%; width:100%">
<div id='skin'>
+
<img src="https://static.igem.org/mediawiki/2015/2/27/Skin.png" style="height:100%; width:100%">
+
 
</div>
 
</div>
<div id='slot1'>
+
<!--
<img src="
+
<div id='gear'>
https://static.igem.org/mediawiki/2015/8/84/Slot1.png
+
<img src="https://static.igem.org/mediawiki/2015/d/d2/Gear2.png" style="height:100%; width:100%">
" style="height:100%; width:100%">
+
</div>
+
<div id='slot1'>
+
<img src="
+
https://static.igem.org/mediawiki/2015/d/df/Slot2.png
+
" style="height:100%; width:100%">
+
</div>
+
<div id='slot1'>
+
<img src="
+
https://static.igem.org/mediawiki/2015/a/a1/Slot3.png
+
" style="height:100%; width:100%">
+
</div>
+
<div id='slot1'>
+
<img src="
+
https://static.igem.org/mediawiki/2015/e/ef/Slot4.png
+
" style="height:100%; width:100%">
+
</div>
+
<div id='slot1'>
+
<img src="
+
https://static.igem.org/mediawiki/2015/a/a4/Slot5.png
+
" style="height:100%; width:100%">
+
</div>
+
<div id='slot1'>
+
<img src="
+
https://static.igem.org/mediawiki/2015/6/67/Slot6.png
+
" style="height:100%; width:100%">
+
</div>
+
<div id='slot1'>
+
<img src="
+
https://static.igem.org/mediawiki/2015/0/02/Slot7.png
+
" style="height:100%; width:100%">
+
</div>
+
<div id='slot1'>
+
<img src="
+
https://static.igem.org/mediawiki/2015/1/1b/Slot8.png
+
" style="height:100%; width:100%">
+
 
</div>
 
</div>
 
-->
 
-->
 +
<div id='biglogo'>
  
 
+
<div id='logobase'>
<div id='gear'>
+
<img src="https://static.igem.org/mediawiki/2015/4/47/Logobase.png" style="height:100%; width:100%">
<img src="https://static.igem.org/mediawiki/2015/0/06/Gear.png" style="height:100%; width:100%">
+
 
</div>
 
</div>
  
<div id='eye'>
+
<div id='gear1'>
<img src="https://static.igem.org/mediawiki/2015/c/c3/Eye.png" style="height:100%; width:100%">
+
<img src="https://static.igem.org/mediawiki/2015/8/80/Logogear1.png" style="height:100%; width:100%">
 
</div>
 
</div>
  
<div id='enter'>
 
<a href="https://2015.igem.org/Team:UMaryland/about">
 
<img src="https://static.igem.org/mediawiki/2015/a/a5/Enter.png"></a>
 
</div>
 
  
<div id='title'>
+
<div id='gear2'>
<img src="https://static.igem.org/mediawiki/2015/9/93/Maryland.png" style="height:30%; width:95%">
+
<img src="https://static.igem.org/mediawiki/2015/5/5f/Logogear2.png" style="height:100%; width:100%">
 
</div>
 
</div>
  
<div id='title2'>
 
<img src="https://static.igem.org/mediawiki/2015/a/aa/Gem.png" style="height:30%; width:95%">
 
</div>
 
  
<div id='title3'>
+
<div id='gear3'>
<img src="https://static.igem.org/mediawiki/2015/3/3f/2015.png" style="height:15%; width:80%">
+
<img src="https://static.igem.org/mediawiki/2015/e/e5/Logogear3.png" style="height:100%; width:100%">
 
</div>
 
</div>
  
<div id='title3'>
 
<img src="https://static.igem.org/mediawiki/2015/3/3f/2015.png" style="height:15%; width:80%">
 
 
</div>
 
</div>
  
<div id='iowitudo'>
+
<!--
<img src="https://static.igem.org/mediawiki/2015/f/f7/Testudo.png" style="height:15%; width:70%">
+
<div id='pleaseusenotbadbrowser'>
 +
<p style="font-size:24px;"><b>*Best viewed in Google Chrome</b></p>
 
</div>
 
</div>
 +
-->
  
  
  
  
 
+
</body>
 
+
 
+
</div>
+
</div>
+
 
</html>
 
</html>

Latest revision as of 06:35, 19 November 2015