Difference between revisions of "Team:IIT Kanpur"
| Line 116: | Line 116: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
| + | } | ||
| + | |||
| + | .collapsible { | ||
| + | background-color: #777; | ||
| + | color: white; | ||
| + | cursor: pointer; | ||
| + | padding: 18px; | ||
| + | width: 100%; | ||
| + | border: none; | ||
| + | text-align: left; | ||
| + | outline: none; | ||
| + | font-size: 18px; | ||
| + | } | ||
| + | |||
| + | .active, .collapsible:hover { | ||
| + | background-color: #555; | ||
| + | } | ||
| + | |||
| + | .contentcollap { | ||
| + | padding: 0 18px; | ||
| + | max-height: 0; | ||
| + | overflow: hidden; | ||
| + | transition: max-height 0.2s ease-out; | ||
| + | background-color: #f1f1f1; | ||
} | } | ||
| Line 163: | Line 187: | ||
<span class="dot" onclick="currentSlide(4)"></span> | <span class="dot" onclick="currentSlide(4)"></span> | ||
</div> | </div> | ||
| − | <div class ="c_h" id='comic_holder'> | + | <button class="collapsible">See our Story!!</button> |
| + | <div class ="c_h contentcollap" id='comic_holder'> | ||
<br><br> | <br><br> | ||
<img src="https://static.igem.org/mediawiki/2018/f/ff/T--IIT_Kanpur--Comic01.jpg" style="width:49vw;background:black;" class='page'><br><br> | <img src="https://static.igem.org/mediawiki/2018/f/ff/T--IIT_Kanpur--Comic01.jpg" style="width:49vw;background:black;" class='page'><br><br> | ||
Revision as of 17:16, 17 October 2018
