Difference between revisions of "Team:UMaryland"

 
(43 intermediate revisions by 3 users not shown)
Line 5: Line 5:
 
{{Team:UMarylandClasses}}
 
{{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.-->
 
<!--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.-->
  
Line 27: Line 25:
 
}
 
}
  
#topkek {
+
#beacon {
all: none;
+
background-image: -webkit-linear-gradient(top, #05A305 0%, #4AF778 50%, #FFFFFF 100%);
 +
padding:10px;
 
overflow:visible;
 
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%;
 
width:100%;
 +
margin:auto;
 +
height:40px;
 
min-width:800;
 
min-width:800;
height:100px;
+
display:inline-block;
position:absolute;
+
font-size: 16px;
z-index:20;
+
margin:0px;
+
top:10px;
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #959595), color-stop(46, #0D0D0D), color-stop(50, #010101), color-stop(53, #0A0A0A), color-stop(76, #4E4E4E), color-stop(87, #383838), color-stop(100, #1b1b1b));
+
font-family: "Arial Black", Gadget, sans-serif;
+
font-size: 14px;
+
 
text-align: center;
 
text-align: center;
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
 
}
 
}
 
  
 
#swagmenu ul {
 
#swagmenu ul {
 
text-align: center;
 
text-align: center;
 
display: inline;
 
display: inline;
margin: 0;
+
margin: 0px;
padding: 10px;
+
 
list-style: none;
 
list-style: none;
 +
csspadding: 10px;
 +
 
}
 
}
 
#swagmenu ul li {
 
#swagmenu ul li {
Line 55: Line 73:
 
margin-right: -4px;
 
margin-right: -4px;
 
position: relative;
 
position: relative;
margin: 5px;
+
margin: 0px;
 
padding: 10px ;
 
padding: 10px ;
 
min-width:100px;
 
min-width:100px;
-webkit-transition: all .5s;
 
-moz-transition: all .5s;
 
-ms-transition: all .5s;
 
-o-transition: all .5s;
 
transition: all .5s;
 
border: 4px solid black;
 
border-radius: 0px 0px 20px 20px;
 
background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #959595), color-stop(46, #0D0D0D), color-stop(50, #010101), color-stop(53, #0A0A0A), color-stop(76, #4E4E4E), color-stop(87, #383838), color-stop(100, #1b1b1b));
 
}
 
#swagmenu ul li a {
 
color: #FFFF00;
 
}
 
#swagmenu ul li a:hover {
 
color: #FFFF00;
 
 
}
 
}
 +
 
#swagmenu ul li:hover {
 
#swagmenu ul li:hover {
background: #000000;
+
display: inline-block;
color: #0000FF;
+
background: #ffffff;
}
+
border-left: 2px solid black;
#swagmenu ul li:hover {
+
border-right: 2px solid black;
background: #000000;
+
border-radius:10px;
color: #0000FF;
+
 
}
 
}
 +
 +
 
#swagmenu ul li ul {
 
#swagmenu ul li ul {
 
padding: 0;
 
padding: 0;
 
position: absolute;
 
position: absolute;
top: 42px;
 
 
left: 0;
 
left: 0;
 
min-width:100px;
 
min-width:100px;
Line 90: Line 95:
 
opacity: 0;
 
opacity: 0;
 
visibility: hidden;
 
visibility: hidden;
-webkit-transiton: opacity .5s;
 
-moz-transition: opacity .5s;
 
-ms-transition: opacity .5s;
 
-o-transition: opacity .5s;
 
-transition: opacity .5s;
 
 
}
 
}
 
#swagmenu ul li ul li {  
 
#swagmenu ul li ul li {  
 
display: block;
 
display: block;
 
text-align: center;
 
text-align: center;
color: #000000;
+
background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #2BB1FF 100%);
margin:2px;
+
padding:7px;
+
 
border: 2px solid black;
 
border: 2px solid black;
border-radius: 10px 10px 10px 10px;
+
padding:10px;
background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #959595), color-stop(46, #0D0D0D), color-stop(50, #010101), color-stop(53, #0A0A0A), color-stop(76, #4E4E4E), color-stop(87, #383838), color-stop(100, #1b1b1b));
+
top:10px;
 +
min-width:100px;
 
}
 
}
 
#swagmenu ul li ul li:hover {  
 
#swagmenu ul li ul li:hover {  
background: #000000;}
+
background-color: #ffffff;
 +
border-radius:0px;
 +
min-width:100px;
 +
}
 
#swagmenu ul li:hover ul {
 
#swagmenu ul li:hover ul {
  display: block;
+
display: block;
  opacity: 1;
+
opacity: 1;
  visibility: visible;
+
visibility: visible;
 
}
 
}
  
/*
+
#swagmenu ul li a {
 
+
color: #000000;
 +
}
 +
#swagmenu ul li a:hover {
 +
color: #000000;
 +
}
 
#swagmenu ul li ul li a {
 
#swagmenu ul li ul li a {
color: #FFFF00;
+
color: #000000;
 
}
 
}
 
#swagmenu ul li ul li a:hover {
 
#swagmenu ul li ul li a:hover {
color: #FFFF00;
+
color: #000000;
}
+
#swagmenu ul li:nth-child(3) {
+
margin-right: 200px;
+
}
+
 
+
#swagmenu ul li:nth-child(4) {
+
margin-left: 200px;
+
 
}
 
}
  
 
#swagmenu ul li ul li:nth-child(3) {
 
#swagmenu ul li ul li:nth-child(3) {
margin-right: 2px;
+
margin-right: 0px;
 
}
 
}
  
 
#swagmenu ul li ul li:nth-child(4) {
 
#swagmenu ul li ul li:nth-child(4) {
margin-left: 2px;
+
margin-left: 0px;
 
}
 
}
 
+
#swagmenu ul li ul li:last-child {
*/
+
  border-radius: 0px 0px 20px 20px;
 
+
#beacon {
+
background: url(https://static.igem.org/mediawiki/2015/3/3d/Umd-igem2.png) 50% 0 no-repeat;
+
background-size: 300px 168px;
+
width: 300px;
+
height: 168px;
+
position: absolute;
+
left: 38%;
+
top:0px;
+
 
}
 
}
 +
  
 
#mainlink {
 
#mainlink {
Line 156: Line 147:
 
height: 100px;
 
height: 100px;
 
position: absolute;
 
position: absolute;
 +
z-index:14;
 
right:10px;
 
right:10px;
top:0px;
+
top:60px;
 
}
 
}
  
Line 167: Line 159:
  
 
<ul>
 
<ul>
 
+
<li class='has-sub'><a href="https://2015.igem.org/Team:UMaryland/about"><span>Information</a><ul>
<li class='has-sub'><a href="#"><span>Info</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/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/Team"><span>Our Team</span></a></li>
<li><a href="https://2015.igem.org/Team:UMaryland/Attributions"><span>Acknowledgements</span></a></li></ul></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="#"><span>Project</a><ul>
+
<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/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/HokSok"><span>Hok/Sok</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/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/sideprojects"><span>Side Projects</span></a></li>
 
<li><a href="https://2015.igem.org/Team:UMaryland/Interlab"><span>Interlab Study
 
<li><a href="https://2015.igem.org/Team:UMaryland/Interlab"><span>Interlab Study
 
</span></a></li></ul></span></a></li>
 
</span></a></li></ul></span></a></li>
  
<li class='has-sub'><a href="#"><span>Parts</a><ul>
+
<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/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/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><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 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/Notebook"><span>Notebook</span></a></li>
+
<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/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>Human Practices</a><ul>
+
<li><a href="https://2015.igem.org/Team:UMaryland/Practices"><span>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/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><a href="https://2015.igem.org/Team:UMaryland/Survey"><span>Survey</span></a></li></ul></span></a></li>
  
<li class='has-sub'><a href="#"><span>Placeholder</a><ul>
+
<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/Modeling"><span>Modeling</span></a></li>
+
<li><a href="https://2015.igem.org/Team:UMaryland/Notebook"><span>Journal</span></a></li>
<li><a href="https://2015.igem.org/Team:UMaryland/Software"><span>Software</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/Entrepreneurship"><span>App</span></a></li></ul></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>
 
</div>
 +
  
 
<a href="https://2015.igem.org/Main_Page">
 
<a href="https://2015.igem.org/Main_Page">
Line 207: Line 201:
 
</div></a>
 
</div></a>
  
</div>
 
 
 
 
<div id='blocky'>
 
</div>
 
</div>
 
 
</div>
 
</div>
  
Line 225: Line 212:
 
position:relative;
 
position:relative;
 
z-index:0;
 
z-index:0;
top:-20px;
+
top:0px;
opacity:.7;
+
opacity:1;
 +
overflow:hidden;
 
}
 
}
  
Line 240: 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 {     
 
position: absolute;
 
position: absolute;
 
z-index:1;
 
z-index:1;
left:5%
+
left:-25%;
top:10px;
+
top:0%;
 
-webkit-animation: spin 16s infinite linear;
 
-webkit-animation: spin 16s infinite linear;
 
max-height:100%;
 
max-height:100%;
Line 251: Line 239:
 
opacity: .8;
 
opacity: .8;
 
}
 
}
 
+
*/
 
#gear1 {
 
#gear1 {
 
position:absolute;
 
position:absolute;
Line 319: Line 307:
 
}
 
}
  
 +
#pleaseusenotbadbrowser {
 +
margin:auto;
 +
position:absolute;
 +
bottom:10px;
 +
right:10px;
 +
z-index:11;
 +
padding:10px;
 +
}
 
</style>
 
</style>
  
Line 324: Line 320:
  
 
<div id='bg'>
 
<div id='bg'>
<img src="http://i.imgur.com/bHMVnPQ.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='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 353: Line 349:
 
</div>
 
</div>
  
<style type="text/css">
+
<!--
#thankssponsors {
+
<div id='pleaseusenotbadbrowser'>
overflow:hidden;
+
<p style="font-size:24px;"><b>*Best viewed in Google Chrome</b></p>
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>
 +
-->
  
<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