(64 intermediate revisions by 2 users not shown) | |||
Line 6: | Line 6: | ||
<link href='https://fonts.googleapis.com/css?family=Exo|Lora' rel='stylesheet' type='text/css'> | <link href='https://fonts.googleapis.com/css?family=Exo|Lora' rel='stylesheet' type='text/css'> | ||
− | <link href='https://fonts.googleapis.com/css?family=Raleway:400,200' rel='stylesheet' type='text/css'> | + | <link href='https://fonts.googleapis.com/css?family=Raleway:400,200,300' rel='stylesheet' type='text/css'> |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> | ||
</head> | </head> | ||
Line 33: | Line 33: | ||
#bodyContent, #content, html, body, #globalWrapper, #iGEM, #overruled { | #bodyContent, #content, html, body, #globalWrapper, #iGEM, #overruled { | ||
width: 100%; | width: 100%; | ||
− | |||
padding: 0 0 0 0; | padding: 0 0 0 0; | ||
border: none; | border: none; | ||
Line 39: | Line 38: | ||
background: transparent; | background: transparent; | ||
font-family: Raleway !important; | font-family: Raleway !important; | ||
+ | min-width: 1000px; | ||
+ | min-height: 500px; | ||
} | } | ||
Line 52: | Line 53: | ||
/* Navbar and body setup */ | /* Navbar and body setup */ | ||
body { | body { | ||
− | + | overflow: normal; | |
− | + | ||
− | + | ||
} | } | ||
Line 63: | Line 62: | ||
#UMD-content { | #UMD-content { | ||
font-family: Raleway !important; | font-family: Raleway !important; | ||
− | + | min-width: 1000px; | |
− | + | ||
− | + | ||
color: white; | color: white; | ||
− | font-weight: | + | font-weight: 300; |
+ | |||
} | } | ||
Line 81: | Line 79: | ||
#nav { | #nav { | ||
− | + | margin-right: 2%; | |
− | + | margin-left: auto; | |
− | left: auto; | + | width: 810px; |
− | + | ||
− | + | ||
} | } | ||
Line 100: | Line 96: | ||
} | } | ||
− | #h3 { | + | #h3, #div-h3 { |
font-family: Raleway !important; | font-family: Raleway !important; | ||
display: none; | display: none; | ||
font-size: 20pt !important; | font-size: 20pt !important; | ||
line-height: 1.5em !important; | line-height: 1.5em !important; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
text-align: left !important; | text-align: left !important; | ||
} | } | ||
#div-text { | #div-text { | ||
− | width: | + | width: 1100px; |
padding-top: 20px; | padding-top: 20px; | ||
} | } | ||
Line 133: | Line 117: | ||
.notOutline { | .notOutline { | ||
− | margin- | + | margin-left: 50px; |
+ | min-height: 400px; | ||
+ | min-width: 1000px; | ||
} | } | ||
.hide { | .hide { | ||
display: none; | display: none; | ||
+ | } | ||
+ | a { | ||
+ | padding-right: 0px !important; | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | .tour { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | right: 150px; | ||
+ | top: 50%; | ||
+ | bottom: auto; | ||
+ | left; auto; | ||
+ | } | ||
+ | |||
+ | html { | ||
+ | background: url(https://static.igem.org/mediawiki/2016/7/7e/T--UMaryland--main.jpg) !important; | ||
+ | background-size: cover !important; | ||
+ | background-repeat: no-repeat !important; | ||
+ | } | ||
+ | |||
+ | .background { | ||
+ | background-color: rgba(0,0,0, 0.7); | ||
+ | padding: 5px 5px 5px 5px; | ||
+ | } | ||
+ | |||
+ | .background2 { | ||
+ | background-color: rgba(0,0,0, 0.7); | ||
+ | padding: 5px 0px 4px 0px; | ||
+ | } | ||
+ | |||
+ | .background3 { | ||
+ | background-color: rgba(0,0,0, 0.7); | ||
+ | padding: 5px 10px 5px 10px; | ||
+ | } | ||
+ | |||
+ | #navContainer { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | height: 25px; | ||
+ | margin-top: 80px; | ||
+ | margin-bottom: 120px; | ||
+ | min-width: 1000px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #small { | ||
+ | font-size: 14pt !important; | ||
+ | display: block !important; | ||
+ | font-family: Raleway !important; | ||
+ | margin-right: 2%; | ||
+ | margin-left: auto; | ||
+ | width: 500px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .smallContainer { | ||
+ | width: 100%; | ||
+ | min-width: 1000px; | ||
+ | height: 30px; | ||
+ | margin-top: 120px; | ||
+ | |||
} | } | ||
</style> | </style> | ||
<div id="UMD-content"> | <div id="UMD-content"> | ||
+ | <div id="navContainer"> | ||
<div class="hide"> | <div class="hide"> | ||
<nav id="nav"> | <nav id="nav"> | ||
<ul> | <ul> | ||
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li> | <li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li> | ||
− | + | <li><a href="https://2016.igem.org/Team:UMaryland/Part_Collection">Parts</a></li> | |
− | <li><a href="https://2016.igem.org/Team:UMaryland/ | + | <li><a href="https://2016.igem.org/Team:UMaryland/Model">Modeling</a></li> |
− | <li><a href="https://2016.igem.org/Team:UMaryland/ | + | |
− | + | ||
<li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li> | <li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li> | ||
<li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li> | <li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li> | ||
Line 154: | Line 202: | ||
</ul> | </ul> | ||
</nav> | </nav> | ||
+ | </div> | ||
</div> | </div> | ||
<div class="notOutline"> | <div class="notOutline"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/ | + | <img src="https://static.igem.org/mediawiki/2016/9/9d/T--UMaryland--newlogosquare.png" id="img-logo" alt="UMaryland iGEM Logo" width="300px"/> |
<div id="div-text"> | <div id="div-text"> | ||
− | <p id="h2">Biosequestration of Methane</p> | + | <p id="h2"><span class="background">Biosequestration of Methane</span></p> |
− | <p id="h3">Creating a strain of E. coli that break down methane to be implemented into landfills as an environmentally friendly strategy for ameliorating global climate change</p> | + | <p id="h3"><span class="background2">Creating a strain of E. coli that break down methane to be implemented into landfills as an environmentally friendly strategy for ameliorating global climate change</span></p> |
</div> | </div> | ||
+ | <div class="smallContainer"> | ||
<div class="hide"> | <div class="hide"> | ||
− | <p id="small">Follow us on <a target="_blank" href="https://www.facebook.com/UMarylandiGEM/" style="text-decoration: underline;">Facebook</a> and <a target="_blank" href="https://www.instagram.com/umarylandigem/" style="text-decoration: underline;">Instagram</a> for updates!</p> | + | <p id="small"><span class="background">Follow us on <a target="_blank" href="https://www.facebook.com/UMarylandiGEM/" style="text-decoration: underline;">Facebook</a> and <a target="_blank" href="https://www.instagram.com/umarylandigem/" style="text-decoration: underline;">Instagram</a> for updates!</span></p> |
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
+ | </div> | ||
<style> | <style> | ||
− | + | #img-logoNav{ | |
− | + | display: none; | |
− | + | margin-left: 50px; | |
− | + | margin-top: 42px; | |
− | width: | + | width: 260px; |
− | + | float: left; | |
− | + | ||
} | } | ||
</style> | </style> | ||
</div> | </div> | ||
<script> | <script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 217: | Line 241: | ||
$(window).load(function() { | $(window).load(function() { | ||
var timeoutID; | var timeoutID; | ||
+ | var timeoutID2; | ||
$('#img-logo, #h2').animateCss('fadeInUp'); | $('#img-logo, #h2').animateCss('fadeInUp'); | ||
Line 226: | Line 251: | ||
function show2(){ | function show2(){ | ||
− | $('#h3').animateCss('fadeInUp'); | + | $('#h3, #div-h3').animateCss('fadeInUp'); |
− | $('#h3').css('display','block'); | + | $('#h3, #div-h3').css('display','block'); |
timeoutID = window.setTimeout(show3, 800); | timeoutID = window.setTimeout(show3, 800); | ||
} | } | ||
Line 234: | Line 259: | ||
$('nav, #small').animateCss('fadeInUp'); | $('nav, #small').animateCss('fadeInUp'); | ||
$('.hide').css('display','block') | $('.hide').css('display','block') | ||
+ | timeoutID = window.setTimeout(show4, 2000); | ||
+ | } | ||
+ | |||
+ | function show4() { | ||
+ | $('.tour').animateCss('slideInLeft'); | ||
+ | //$('.tour').css('display','block') | ||
+ | timeoutID = window.setTimeout(show5, 5000); | ||
+ | } | ||
+ | |||
+ | function show5() { | ||
+ | $('.tour').animateCss('pulse'); | ||
+ | timeoutID = window.setTimeout(show5, 5000); | ||
} | } | ||
</script> | </script> | ||
+ | |||
</html> | </html> |
Latest revision as of 02:39, 12 October 2016
</div></div>