Difference between revisions of "Template:Northwestern Page Head"
| Line 154: | Line 154: | ||
/* Create a Parallax Effect */ | /* Create a Parallax Effect */ | ||
| + | |||
| + | body { | ||
| + | margin: 0; | ||
| + | font-family: 'Lato', sans-serif; | ||
| + | } | ||
| + | |||
| + | .overlay { | ||
| + | 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; | ||
| + | } | ||
| + | |||
| + | .overlay-content { | ||
| + | position: relative; | ||
| + | top: 25%; | ||
| + | width: 100%; | ||
| + | text-align: center; | ||
| + | margin-top: 30px; | ||
| + | } | ||
| + | |||
| + | .overlay a { | ||
| + | padding: 8px; | ||
| + | text-decoration: none; | ||
| + | font-size: 36px; | ||
| + | color: #818181; | ||
| + | display: block; | ||
| + | transition: 0.3s; | ||
| + | } | ||
| + | |||
| + | .overlay a:hover, .overlay a:focus { | ||
| + | color: #f1f1f1; | ||
| + | } | ||
| + | |||
| + | .overlay .closebtn { | ||
| + | position: absolute; | ||
| + | top: 20px; | ||
| + | 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; | ||
| + | } | ||
| + | } | ||
| + | |||
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 { | .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 { | ||
background-attachment: fixed; | background-attachment: fixed; | ||
| Line 313: | Line 370: | ||
<!-- Navbar code (sits on top) --> | <!-- Navbar code (sits on top) --> | ||
| + | <!-- | ||
<div class="w3-top"> | <div class="w3-top"> | ||
<div class="w3-bar" "w3-white" "w3-right" "w3-hide-small" id="myNavbar"> | <div class="w3-bar" "w3-white" "w3-right" "w3-hide-small" id="myNavbar"> | ||
| Line 327: | Line 385: | ||
<a href="https://2017.igem.org/Team:Northwestern#home" class="w3-bar-item w3-button w3-hide-small w3-right nav-link">HOME</a> | <a href="https://2017.igem.org/Team:Northwestern#home" class="w3-bar-item w3-button w3-hide-small w3-right nav-link">HOME</a> | ||
</div> | </div> | ||
| − | + | --> | |
<!-- Navbar on small screens --> | <!-- Navbar on small screens --> | ||
| + | <!-- | ||
<div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium"> | <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium"> | ||
<a href="https://2017.igem.org/Team:Northwestern#home" class="w3-bar-item w3-button nav-link" onclick="toggleFunction()">Home</a> | <a href="https://2017.igem.org/Team:Northwestern#home" class="w3-bar-item w3-button nav-link" onclick="toggleFunction()">Home</a> | ||
| Line 340: | Line 399: | ||
</div> | </div> | ||
| + | --> | ||
</body> | </body> | ||
Revision as of 21:30, 28 July 2017
