Difference between revisions of "Team:IIT Delhi/Notebook"
| Line 1,226: | Line 1,226: | ||
<style> | <style> | ||
| − | . | + | .overlay { |
height: 0%; | height: 0%; | ||
width: 100%; | width: 100%; | ||
| Line 1,234: | Line 1,234: | ||
left: 0; | left: 0; | ||
background-color: rgb(0,0,0); | background-color: rgb(0,0,0); | ||
| − | background-color: rgba(0,0,0, 0. | + | background-color: rgba(0,0,0, 0.9); |
overflow-y: hidden; | overflow-y: hidden; | ||
transition: 0.5s; | transition: 0.5s; | ||
} | } | ||
| − | . | + | .overlay-content { |
position: relative; | position: relative; | ||
top: 25%; | top: 25%; | ||
| Line 1,245: | Line 1,245: | ||
text-align: center; | text-align: center; | ||
margin-top: 30px; | margin-top: 30px; | ||
| − | font-color: # | + | font-color:#fff; |
} | } | ||
| − | . | + | .overlay a { |
padding: 8px; | padding: 8px; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 1,257: | Line 1,257: | ||
} | } | ||
| − | . | + | .overlay a:hover, .overlay a:focus { |
| − | color: # | + | color: #f1f1f1; |
} | } | ||
| − | . | + | .overlay .closebtn { |
position: absolute; | position: absolute; | ||
| − | top: | + | top: 20px; |
right: 45px; | right: 45px; | ||
font-size: 60px; | font-size: 60px; | ||
| − | |||
} | } | ||
@media screen and (max-height: 450px) { | @media screen and (max-height: 450px) { | ||
| − | . | + | .overlay {overflow-y: auto;} |
| − | . | + | .overlay a {font-size: 20px} |
| − | . | + | .overlay .closebtn { |
font-size: 40px; | font-size: 40px; | ||
| − | top: | + | top: 15px; |
right: 35px; | right: 35px; | ||
} | } | ||
| Line 1,844: | Line 1,843: | ||
<div class="content1" style="overflow:scroll; "> | <div class="content1" style="overflow:scroll; "> | ||
| − | <div id="myNav" class=" | + | <div id="myNav" class="overlay"> |
| − | <a href="javascript:void(0)" class=" | + | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> |
| − | <div class=" | + | <div class="overlay-content"> |
| − | + | hello | |
</div> | </div> | ||
</div> | </div> | ||
Revision as of 11:57, 1 November 2017
april
may
Lorem ipsum..
june
Lorem ipsum..
july
Lorem ipsum..
august
Lorem ipsum..
september
Lorem ipsum..
October
Lorem ipsum..
