Difference between revisions of "Team:UMaryland"

 
(90 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{Template_All_Teams}}
 
{{Template_All_Teams}}
{{Team:UMaryland/UMD15_CSSJS}}
+
<html>
 +
</div></div></div></div></div></div></div></div></div></div>
 +
</html>
 
{{Team:UMarylandClasses}}
 
{{Team:UMarylandClasses}}
 
+
{{Team:UMaryland/UMD15_CSSJS}}
 
<html>
 
<html>
</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
+
<!--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.-->
<head>
+
 
+
<!--Home page-->
+
  
 
<style type="text/css">
 
<style type="text/css">
  
 +
body {
 +
margin:0px;
 +
}
  
/* <!--_________________________TEMPORARY MENU_________________________________--> */
+
a {
 
+
color:inherit;
#cssmenu {
+
font-family:inherit;
  padding: 0;
+
text-decoration:none;
  margin: 0;
+
  border: 0;
+
  z-index:5;
+
  position:absolute;
+
  max-height: 80%;
+
  max-width: 15%;
+
  top:10%;
+
  left:88%;
+
  opacity:.9;
+
 
}
 
}
#cssmenu ul,
+
a:hover{
li {
+
color:inherit;
  list-style: none;
+
font-family:inherit;
  margin: 0;
+
text-decoration:none;
  padding: 0;
+
 
}
 
}
#cssmenu ul {
+
 
  position: relative;
+
#beacon {
  z-index: 597;
+
background-image: -webkit-linear-gradient(top, #05A305 0%, #4AF778 50%, #FFFFFF 100%);
  float: left;
+
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;
 
}
 
}
#cssmenu ul li {
+
 
  float: left;
+
#swagmenu {
  min-height: 1px;
+
background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #2BB1FF 100%);
  line-height: 1em;
+
color:#000000;
  vertical-align: middle;
+
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;
 +
 
 
}
 
}
#cssmenu ul li.hover,
+
 
#cssmenu ul li:hover {
+
#swagmenu ul {
  position: relative;
+
text-align: center;
  z-index: 599;
+
display: inline;
  cursor: default;
+
margin: 0px;
 +
list-style: none;
 +
csspadding: 10px;
 +
 
 
}
 
}
#cssmenu ul ul {
+
#swagmenu ul li {
  visibility: hidden;
+
display: inline-block;
  position: absolute;
+
margin-right: -4px;
  top: 100%;
+
position: relative;
  left: 0;
+
margin: 0px;
  z-index: 598;
+
padding: 10px ;
  width: 100%;
+
min-width:100px;
 
}
 
}
#cssmenu ul ul li {
+
 
  float: none;
+
#swagmenu ul li:hover {
 +
display: inline-block;
 +
background: #ffffff;
 +
border-left: 2px solid black;
 +
border-right: 2px solid black;
 +
border-radius:10px;
 
}
 
}
#cssmenu ul li:hover > ul {
+
 
  visibility: visible;
+
 
 +
#swagmenu ul li ul {
 +
padding: 0;
 +
position: absolute;
 +
left: 0;
 +
min-width:100px;
 +
display: none;
 +
opacity: 0;
 +
visibility: hidden;
 
}
 
}
#cssmenu ul ul {
+
#swagmenu ul li ul li {  
  top: 0;
+
display: block;
  left: 100%;
+
text-align: center;
 +
background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #2BB1FF 100%);
 +
border: 2px solid black;
 +
padding:10px;
 +
top:10px;
 +
min-width:100px;
 
}
 
}
#cssmenu ul li {
+
#swagmenu ul li ul li:hover {  
  float: none;
+
background-color: #ffffff;
 +
border-radius:0px;
 +
min-width:100px;
 
}
 
}
/* Custom Stuff */
+
#swagmenu ul li:hover ul {
#cssmenu span,
+
display: block;
#cssmenu a {
+
opacity: 1;
  display: inline-block;
+
visibility: visible;
  font-family: Arial, Helvetica, sans-serif;
+
  font-size: 12px;
+
  text-decoration: none;
+
 
}
 
}
#cssmenu {
+
 
  -moz-border-radius: 5px;
+
#swagmenu ul li a {
  -webkit-border-radius: 5px;
+
color: #000000;
  border-radius: 5px;
+
  -moz-background-clip: padding;
+
  -webkit-background-clip: padding-box;
+
  background-clip: padding-box;
+
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
+
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
+
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
+
  font-weight: 600;
+
  width: 200px;
+
 
}
 
}
#cssmenu:after,
+
#swagmenu ul li a:hover {
#cssmenu ul:after {
+
color: #000000;
  content: '';
+
  display: block;
+
  clear: both;
+
 
}
 
}
#cssmenu > ul > li:first-child {
+
#swagmenu ul li ul li a {
  -moz-border-radius: 5px 5px 0 0;
+
color: #000000;
  -webkit-border-radius: 5px 5px 0 0;
+
  border-radius: 5px 5px 0 0;
+
  -moz-background-clip: padding;
+
  -webkit-background-clip: padding-box;
+
  background-clip: padding-box;
+
 
}
 
}
#cssmenu > ul > li:last-child {
+
#swagmenu ul li ul li a:hover {
  -moz-border-radius: 0 0 5px 5px;
+
color: #000000;
  -webkit-border-radius: 0 0 5px 5px;
+
  border-radius: 0 0 5px 5px;
+
  -moz-background-clip: padding;
+
  -webkit-background-clip: padding-box;
+
  background-clip: padding-box;
+
 
}
 
}
#cssmenu > ul > li ul ul li:first-child {
+
 
  -moz-border-radius: 0 5px 0 0;
+
#swagmenu ul li ul li:nth-child(3) {
  -webkit-border-radius: 0 5px 0 0;
+
margin-right: 0px;
  border-radius: 0 5px 0 0;
+
  -moz-background-clip: padding;
+
  -webkit-background-clip: padding-box;
+
  background-clip: padding-box;
+
 
}
 
}
#cssmenu > ul > li ul ul li:last-child {
+
 
  -moz-border-radius: 0 0 5px 0;
+
#swagmenu ul li ul li:nth-child(4) {
  -webkit-border-radius: 0 0 5px 0;
+
margin-left: 0px;
  border-radius: 0 0 5px 0;
+
  -moz-background-clip: padding;
+
  -webkit-background-clip: padding-box;
+
  background-clip: padding-box;
+
 
}
 
}
#cssmenu ul,
+
#swagmenu ul li ul li:last-child {
#cssmenu li {
+
  border-radius: 0px 0px 20px 20px;
  width: 100%;
+
 
}
 
}
#cssmenu li {
+
 
  background: #c0bebf url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEXy7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7erx7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7eoO3g4TAAAAMnRSTlP8+fbz7+vn497Z1M/KxL+5s66oopuVj4mDfHZwamRdV1FMRkA7NTArJiEcGBQQDAkGA02z+X0AAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2NrZOzg6Obu4url7eHp5+/wAxikFLnlTZcYAAAAASUVORK5CYII=) repeat-x;
+
 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2edea), color-stop(1, #c0bebf));
+
#mainlink {
  background-image: -webkit-linear-gradient(top, #f2edea, #c0bebf);
+
background: url(https://static.igem.org/mediawiki/2015/6/69/Mainlink.png) 80% 0 no-repeat;
  background-image: -moz-linear-gradient(top, #f2edea, #c0bebf);
+
background-size: 100px 100px;
  background-image: -ms-linear-gradient(top, #f2edea, #c0bebf);
+
width:100px;
  background-image: -o-linear-gradient(top, #f2edea, #c0bebf);
+
height: 100px;
  background-image: linear-gradient(#f2edea, #c0bebf);
+
position: absolute;
}
+
z-index:14;
#cssmenu li:hover,
+
right:10px;
#cssmenu li.active {
+
top:60px;
  background: #606a76 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEVKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmL///9KVmL3Z0MtAAAAMnRSTlP8+fby7+vm4t3Y087Iw723sauln5mTjIaAeXNsZmBaVE5IQjw3MSwnIh0ZFBANCQYDAAm6nKYAAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2NrZOzg6Obu4url7eHp5+/wAxikFLnlTZcYAAAAASUVORK5CYII=) repeat-x;
+
  -moz-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
+
  -webkit-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
+
  box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
+
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a5662), color-stop(1, #606a76));
+
  background-image: -webkit-linear-gradient(top, #4a5662, #606a76);
+
  background-image: -moz-linear-gradient(top, #4a5662, #606a76);
+
  background-image: -ms-linear-gradient(top, #4a5662, #606a76);
+
  background-image: -o-linear-gradient(top, #4a5662, #606a76);
+
  background-image: linear-gradient(#4a5662, #606a76);
+
}
+
#cssmenu li:hover > a,
+
#cssmenu li.active > a {
+
  color: #FFF;
+
}
+
#cssmenu a {
+
  color: #666666;
+
  line-height: 160%;
+
  padding: 16px 8px 16px 28px;
+
  width: 164px;
+
}
+
#cssmenu ul ul {
+
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
+
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
+
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
+
  width: 200px;
+
}
+
#cssmenu ul ul li {
+
  background: #606a76;
+
  border-bottom: 1px solid #59636F;
+
  -moz-box-shadow: inset 0 1px 0 #66707c;
+
  -webkit-box-shadow: inset 0 1px 0 #66707c;
+
  box-shadow: inset 0 1px 0 #66707c;
+
}
+
#cssmenu ul ul li:hover {
+
  background: #4a5662;
+
}
+
#cssmenu ul ul li a {
+
  color: #FFF;
+
}
+
#cssmenu ul ul a,
+
#cssmenu ul ul a span {
+
  font-size: 12px;
+
 
}
 
}
  
/* <!--_________________________TEMPORARY MENU_________________________________--> */
+
</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;
 
position:relative;
 
z-index:0;
 
z-index:0;
top:-20px;
+
top:0px;
}
+
opacity:1;
 
+
#tmenubox {
+
 
overflow:hidden;
 
overflow:hidden;
max-width:200px;
 
left:-5%;
 
top:10%;
 
z-index:3;
 
 
}
 
}
  
Line 216: Line 228:
 
100% {-webkit-transform: rotateZ(0deg); -webkit-transform-origin: 50% 50% 0;}   
 
100% {-webkit-transform: rotateZ(0deg); -webkit-transform-origin: 50% 50% 0;}   
 
}
 
}
 
+
/*
 
#gear {     
 
#gear {     
left:-30%;
+
position: absolute;
top:10px;
+
z-index:1;
 +
left:-25%;
 +
top:0%;
 
-webkit-animation: spin 16s infinite linear;
 
-webkit-animation: spin 16s infinite linear;
 
max-height:100%;
 
max-height:100%;
 
max-width:56%;
 
max-width:56%;
opacity: .9;
+
opacity: .8;
position: absolute;
+
z-index:1;
+
 
}
 
}
 
+
*/
 
#gear1 {
 
#gear1 {
 
position:absolute;
 
position:absolute;
Line 236: Line 248:
 
height:80px;
 
height:80px;
 
-webkit-animation: spin 5s infinite linear;
 
-webkit-animation: spin 5s infinite linear;
 
 
}
 
}
  
Line 250: Line 261:
  
 
#biglogo{
 
#biglogo{
 +
backgound-color:ff0000;
 
}
 
}
  
 
#logobase {
 
#logobase {
 
position:absolute;
 
position:absolute;
z-index:7;
+
z-index:1;
 
width:55%;
 
width:55%;
 
height:50%;
 
height:50%;
Line 260: Line 272:
 
left:22%;
 
left:22%;
 
}
 
}
 
  
 
#gear3 {
 
#gear3 {
Line 289: Line 300:
 
left: 92.5%;  
 
left: 92.5%;  
 
}
 
}
 
 
  
 
body {
 
body {
Line 298: Line 307:
 
}
 
}
  
 
+
#pleaseusenotbadbrowser {
 +
margin:auto;
 +
position:absolute;
 +
bottom:10px;
 +
right:10px;
 +
z-index:11;
 +
padding:10px;
 +
}
 
</style>
 
</style>
</head>
 
  
 
<body>
 
<body>
  
<!--
 
 
<div id='bg'>
 
<div id='bg'>
<img src="https://upload.wikimedia.org/wikipedia/commons/c/cf/UMCP_Administration_building,_seen_from_end_of_reflecting_pool_at_morning,_August_21,_2006.jpg" style="height:100%; width:100%">
+
<img src="https://static.igem.org/mediawiki/2015/a/ac/Tree.png" style="height:100%; width:100%">
 
</div>
 
</div>
-->
+
<!--
 
+
<div id='tmenubox'>
+
 
+
<div id='cssmenu' style="height:100%; width:100%">
+
 
+
<ul><li class='active'><a href='#'><span><b>TEMPORARY MENU<b></span></a></li>
+
 
+
<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>Team</span></a></li>
+
 
+
<li class='has-sub'><a href="#"><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/Design"><span>Design</span></a></li>
+
<li><a href="https://2015.igem.org/Team:UMaryland/Hardware"><span>PCR</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="#"><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="#"><span>Documentation</a><ul>
+
<li><a href="https://2015.igem.org/Team:UMaryland/Notebook"><span>Notebook</span></a></li>
+
<li><a href="https://2015.igem.org/Team:UMaryland/journal"><span>Journal</span></a></li>
+
<li><a href="https://2015.igem.org/Team:UMaryland/Safety"><span>Safety</span></a></li>
+
<li><a href="https://2015.igem.org/Team:UMaryland/gallery"><span>Gallery</span></a></li></ul></span></a></li>
+
 
+
<li class='has-sub'><a href="#"><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>Collaborations</span></a></li></ul></span></a></li>
+
 
+
<li><a href="https://2015.igem.org/Team:UMaryland/Modeling"><span>Modeling</span></a></li>
+
 
+
<li><a href="https://2015.igem.org/Team:UMaryland/Attributions"><span>Attributions</span></a></li>
+
 
+
<li class='last'><a href='https://2015.igem.org/Main_Page'><span>iGEM Main</span></a></li></ul>
+
 
+
</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='biglogo'>
  
Line 377: Line 348:
  
 
</div>
 
</div>
 
  
 
<!--
 
<!--
<div id='iowitudo'>
+
<div id='pleaseusenotbadbrowser'>
<img src="https://static.igem.org/mediawiki/2015/4/42/Coolturtle.png" style="height:100%; width:100%">
+
<p style="font-size:24px;"><b>*Best viewed in Google Chrome</b></p>
 
</div>
 
</div>
 
-->
 
-->
  
<a href = "https://igem.org/Main_Page">
 
<div id='fancyigem'>
 
<img src="https://static.igem.org/mediawiki/2015/4/4f/Cooligem.png" style="height:100%; width:100%">
 
</div>
 
</a>
 
  
 
 
<style type="text/css">
 
#thankssponsors {
 
overflow:hidden;
 
position:absolute;
 
z-index:11;
 
opacity:.8;
 
top:85%;
 
border-top: solid white 5px;
 
width:110%;
 
height:15%;
 
background-color:#94FFFF;
 
 
}
 
 
#support {
 
left:42%;
 
top:80%;
 
position:fixed;
 
height: 8%;
 
width: 14%;
 
z-index:12;
 
opacity:.9;
 
border-radius: 25px;
 
border: 5px solid #000000;
 
overflow:hidden;
 
}
 
</style>
 
 
<div id=thankssponsors>
 
<img src="https://static.igem.org/mediawiki/2015/1/16/Sponsors.png" style="height:100%; width:80%;">
 
</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>
 
</body>
 
</html>
 
</html>

Latest revision as of 06:35, 19 November 2015