Line 1,232: | Line 1,232: | ||
<style> | <style> | ||
− | .overlay { | + | .overlay{ |
height: 0%; | height: 0%; | ||
width: 100%; | width: 100%; | ||
Line 1,288: | Line 1,288: | ||
} | } | ||
</style> | </style> | ||
+ | |||
+ | |||
+ | |||
+ | <style> | ||
+ | |||
+ | .overlay1{ | ||
+ | height: 0%; | ||
+ | width: 100%; | ||
+ | position: fixed; | ||
+ | z-index: 1; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | background-color: rgb(0,0,0); | ||
+ | background-color: rgba(0,0,0, 0.9); | ||
+ | overflow-y: hidden; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | |||
+ | .overlay1-content { | ||
+ | position: relative; | ||
+ | top: 14%; | ||
+ | width: 100%; | ||
+ | text-align: left; | ||
+ | margin-top: 5px; | ||
+ | font-color:#fff; | ||
+ | } | ||
+ | |||
+ | .overlay1 a { | ||
+ | padding: 8px; | ||
+ | text-decoration: none; | ||
+ | font-size: 36px; | ||
+ | color: #fff; | ||
+ | display: block; | ||
+ | transition: 0.3s; | ||
+ | } | ||
+ | |||
+ | .overlay1 a:hover, .overlay1 a:focus { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .overlay1 .closebtn { | ||
+ | position: absolute; | ||
+ | top: 60px; | ||
+ | right: 45px; | ||
+ | font-size: 60px; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-height: 450px) { | ||
+ | .overlay {overflow-y: auto;} | ||
+ | .overlay a {font-size: 20px} | ||
+ | .overlay .closebtn { | ||
+ | font-size: 40px; | ||
+ | top: 15px; | ||
+ | right: 35px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .whitefont{ | ||
+ | font-color: #fff; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
<style> | <style> | ||
/* ADJUSTS DEFAULT iGEM CONTENT */ | /* ADJUSTS DEFAULT iGEM CONTENT */ | ||
Line 1,939: | Line 2,004: | ||
<p class="boogaloo_font "> | <p class="boogaloo_font "> | ||
To read...</p> | To read...</p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
Line 1,944: | Line 2,017: | ||
− | |||
− | |||
<div class="container1 right1"> | <div class="container1 right1"> | ||
− | <div class="content1 | + | <div class="content1" > |
− | <div id=" | + | <div id="myNav1" class="overlay1"> |
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
− | <div class=" | + | <div class="overlay1-content paddingleft"> |
<h2 class="boogaloo_font1 "> | <h2 class="boogaloo_font1 "> | ||
Line 2,089: | Line 2,160: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
<h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" onclick="openNav()">May</span></h2> | <h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" onclick="openNav()">May</span></h2> | ||
<script> | <script> | ||
function openNav() { | function openNav() { | ||
− | document.getElementById(" | + | document.getElementById("myNav1").style.height = "100%"; |
} | } | ||
function closeNav() { | function closeNav() { | ||
− | document.getElementById(" | + | document.getElementById("myNav1").style.height = "0%"; |
} | } | ||
</script> | </script> | ||
− | + | <p class="boogaloo_font "> | |
− | + | ||
− | + | ||
To read...</p> | To read...</p> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> |
Revision as of 13:48, 1 November 2017
april
To read...
May
To read...
june
Lorem ipsum..
july
Lorem ipsum..
august
Lorem ipsum..
september
Lorem ipsum..
October
Lorem ipsum..