Difference between revisions of "Team:UMaryland"
| Line 121: | Line 121: | ||
#div-text { | #div-text { | ||
| − | width: | + | max-width: 1100px; |
padding-top: 20px; | padding-top: 20px; | ||
} | } | ||
| Line 142: | Line 142: | ||
padding-right: 0px !important; | padding-right: 0px !important; | ||
} | } | ||
| + | |||
| + | .tour { | ||
| + | display: none; | ||
| + | position: absolute; | ||
| + | right: 150px; | ||
| + | top: 50%; | ||
| + | bottom: auto; | ||
| + | left; auto; | ||
| + | } | ||
| + | |||
| + | #img-arrow { | ||
| + | position: absolute; | ||
| + | top: 18px; | ||
| + | right: 0px; | ||
| + | left: auto; | ||
| + | } | ||
| + | |||
| + | .prompt { | ||
| + | margin-right: 40px; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
<div id="UMD-content"> | <div id="UMD-content"> | ||
| Line 167: | Line 188: | ||
<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">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> | ||
</div> | </div> | ||
| + | </div> | ||
| + | <div class="tour"> | ||
| + | <p class="prompt">Take our <br />virtual tour!</p> | ||
| + | <img src="https://static.igem.org/mediawiki/2016/d/db/T--UMaryland--arrow.png" id="img-arrow" width="32px"/> | ||
</div> | </div> | ||
<div class="covervid-wrapper"> | <div class="covervid-wrapper"> | ||
| Line 237: | Line 262: | ||
$('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') | ||
} | } | ||
</script> | </script> | ||
</html> | </html> | ||
Revision as of 02:15, 5 September 2016
</div></div>
