Difference between revisions of "Template:Team:Harvard/NavBar"
| (37 intermediate revisions by 2 users not shown) | |||
| Line 12: | Line 12: | ||
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet"> | ||
| + | |||
| + | <!--W3 School Stylesheet --> | ||
| + | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | ||
<!--Bootstrap--> | <!--Bootstrap--> | ||
| Line 70: | Line 73: | ||
</style> | </style> | ||
| − | + | <style> | |
| + | img { | ||
| + | max-width: 100%; | ||
| + | height: auto; | ||
| + | width: auto\9; /* ie8 */ | ||
| + | } | ||
| + | </style> | ||
<style> | <style> | ||
@charset "UTF-8"; | @charset "UTF-8"; | ||
| Line 78: | Line 87: | ||
padding:0; | padding:0; | ||
font-size: 80%; | font-size: 80%; | ||
| − | background: | + | background:white; |
} | } | ||
| Line 156: | Line 165: | ||
nav ul li ul li { | nav ul li ul li { | ||
| − | min-width: | + | min-width: 150px; |
height: 40px; | height: 40px; | ||
width: 100%; | width: 100%; | ||
| + | //text-align: center; | ||
/* make dropdown stick to top */ | /* make dropdown stick to top */ | ||
| − | top: - | + | top: -13px; |
} | } | ||
nav ul li ul li a { | nav ul li ul li a { | ||
| Line 216: | Line 226: | ||
top: 65px; | top: 65px; | ||
right: 0px; | right: 0px; | ||
| + | box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); | ||
} | } | ||
| Line 236: | Line 247: | ||
position:absolute; | position:absolute; | ||
| − | top: | + | top: 9px; |
| − | left: - | + | left: -212px; |
| − | width: | + | width: 190px; |
height: auto; | height: auto; | ||
| Line 317: | Line 328: | ||
} | } | ||
| + | </style> | ||
| + | <style> | ||
| + | .gallery { | ||
| + | margin: 5px; | ||
| + | border: 1px solid #ccc; | ||
| + | float: left; | ||
| + | width: 180px; | ||
| + | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | ||
| + | } | ||
| + | |||
| + | .gallery:hover { | ||
| + | border: 1px solid #777; | ||
| + | } | ||
| + | |||
| + | .gallery img { | ||
| + | width: 100%; | ||
| + | height: auto; | ||
| + | |||
| + | } | ||
| + | |||
| + | .imagegallery{ | ||
| + | overflow: hidden | ||
| + | } | ||
| + | |||
| + | .desc { | ||
| + | padding: 15px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | </style> | ||
| + | <style> | ||
| + | |||
| + | div.polaroid { | ||
| + | width: 80%; | ||
| + | background-color: white; | ||
| + | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | ||
| + | margin-bottom: 25px; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | div.pocontainer { | ||
| + | text-align: center; | ||
| + | padding: 10px 20px; | ||
| + | } | ||
</style> | </style> | ||
| Line 322: | Line 376: | ||
<div class="nav-container"> | <div class="nav-container"> | ||
<div class="brand"> | <div class="brand"> | ||
| − | <a rel="nofollow" rel="noreferrer" href="https://2017.igem.org/Team:Harvard">Harvard | + | <a rel="nofollow" rel="noreferrer" href="https://2017.igem.org/Team:Harvard">Harvard OPTI POLY</a> |
</div> | </div> | ||
<nav> | <nav> | ||
| Line 336: | Line 390: | ||
<li><a href="https://2017.igem.org/Team:Harvard/Collaborations">Collaborations</a></li> | <li><a href="https://2017.igem.org/Team:Harvard/Collaborations">Collaborations</a></li> | ||
<li><a href="https://2017.igem.org/Team:Harvard/Attributions">Attributions</a></li> | <li><a href="https://2017.igem.org/Team:Harvard/Attributions">Attributions</a></li> | ||
| + | <li><a href="https://2017.igem.org/Team:Harvard/Medal_Criteria">Medal Criteria</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
| Line 342: | Line 397: | ||
<ul class="nav-dropdown"> | <ul class="nav-dropdown"> | ||
<li><a href="https://2017.igem.org/Team:Harvard/Description">Description</a></li> | <li><a href="https://2017.igem.org/Team:Harvard/Description">Description</a></li> | ||
| + | <li><a href="https://2017.igem.org/Team:Harvard/Results">Results</a></li> | ||
<li><a href="https://2017.igem.org/Team:Harvard/Model">Model</a></li> | <li><a href="https://2017.igem.org/Team:Harvard/Model">Model</a></li> | ||
<li><a href="https://2017.igem.org/Team:Harvard/Bioreactor">Bioreactor</a></li> | <li><a href="https://2017.igem.org/Team:Harvard/Bioreactor">Bioreactor</a></li> | ||
<li><a href="https://2017.igem.org/Team:Harvard/Microfluidic">Microfluidic</a></li> | <li><a href="https://2017.igem.org/Team:Harvard/Microfluidic">Microfluidic</a></li> | ||
| − | |||
</ul> | </ul> | ||
</li> | </li> | ||
| Line 351: | Line 406: | ||
<a rel="nofollow" rel="noreferrer"href="#!">Lab</a> | <a rel="nofollow" rel="noreferrer"href="#!">Lab</a> | ||
<ul class="nav-dropdown"> | <ul class="nav-dropdown"> | ||
| − | <li><a href="https://2017.igem.org/Team:Harvard/ | + | <li><a href="https://2017.igem.org/Team:Harvard/Protocols">Protocols</a></li> |
| − | + | ||
<li><a href="https://2017.igem.org/Team:Harvard/Notebook">Notebook</a></li> | <li><a href="https://2017.igem.org/Team:Harvard/Notebook">Notebook</a></li> | ||
<li><a href="https://2017.igem.org/Team:Harvard/InterLab">InterLab</a></li> | <li><a href="https://2017.igem.org/Team:Harvard/InterLab">InterLab</a></li> | ||
| Line 358: | Line 412: | ||
</li> | </li> | ||
<li> | <li> | ||
| − | <a rel="nofollow" rel="noreferrer"href=" | + | <a rel="nofollow" rel="noreferrer"href="https://2017.igem.org/Team:Harvard/Basic_Parts">Parts</a> |
| − | + | <!-- <ul class="nav-dropdown"> | |
<li><a href="https://2017.igem.org/Team:Harvard/Basic_Parts">Basic Parts</a></li> | <li><a href="https://2017.igem.org/Team:Harvard/Basic_Parts">Basic Parts</a></li> | ||
<li><a href="https://2017.igem.org/Team:Harvard/Composite_Parts">Composite Parts</a></li> | <li><a href="https://2017.igem.org/Team:Harvard/Composite_Parts">Composite Parts</a></li> | ||
| − | </ul> | + | </ul>--> |
</li> | </li> | ||
<li> | <li> | ||
Latest revision as of 02:54, 2 November 2017
