Difference between revisions of "Template:UC Davis/header"
| Line 34: | Line 34: | ||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
| + | align-items: center; | ||
background-color: #002855; | background-color: #002855; | ||
margin: 0; | margin: 0; | ||
list-style: none; | list-style: none; | ||
padding: 40px; | padding: 40px; | ||
| + | width: 100%; | ||
| + | overflow: hidden; | ||
} | } | ||
#topnav div, a { | #topnav div, a { | ||
text-decoration: none; | text-decoration: none; | ||
| + | } | ||
| + | #topnav li.logo { | ||
| + | display: inline-flex; | ||
| + | justify-content: center; | ||
| + | |||
} | } | ||
#topnav .nav-item:visited { | #topnav .nav-item:visited { | ||
color: white; | color: white; | ||
} | } | ||
| − | #topnav .b- | + | #topnav .b-dropdown-main:visited{ |
color: #525b65; | color: #525b65; | ||
} | } | ||
| Line 79: | Line 87: | ||
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
display: block; | display: block; | ||
| − | |||
| + | } | ||
| + | #topnav li a:hover{ | ||
| + | text-decoration: none; | ||
| + | } | ||
.dropdown-content a:hover { | .dropdown-content a:hover { | ||
color: black; | color: black; | ||
| + | text-decoration: none; | ||
} | } | ||
| Line 91: | Line 103: | ||
margin-right: 20px; | margin-right: 20px; | ||
color: #d9a900; | color: #d9a900; | ||
| − | font-size: | + | font-size: 20px; |
} | } | ||
| + | |||
.burger-content { | .burger-content { | ||
| Line 108: | Line 121: | ||
.b-dropdown-main { | .b-dropdown-main { | ||
font-weight: bold; | font-weight: bold; | ||
| − | font-size: | + | font-size: 18px; |
color: #525b65; | color: #525b65; | ||
padding: 12px 16px; | padding: 12px 16px; | ||
| Line 146: | Line 159: | ||
} | } | ||
| − | @media screen and (max-width: | + | @media screen and (max-width:750px) { |
| − | #topnav li { | + | #topnav li { |
display: none; | display: none; | ||
} | } | ||
#topnav { | #topnav { | ||
| − | + | justify-content: space-between; | |
| − | + | } | |
#topnav li.burger { | #topnav li.burger { | ||
display: block; | display: block; | ||
} | } | ||
| + | #topnav li.logo{ | ||
| + | display: block; } | ||
| + | } | ||
| + | .logolink { | ||
| + | display: flex; | ||
| + | justify-content: center; | ||
| + | align-items: center; | ||
| + | padding-right: 40px; | ||
} | } | ||
| − | |||
</style> | </style> | ||
<body> | <body> | ||
| Line 165: | Line 185: | ||
<li class="dropdown"><a href="PROJECT" class="dropdown-main">PROJECT</a> | <li class="dropdown"><a href="PROJECT" class="dropdown-main">PROJECT</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| − | <a href=" | + | <a href="https://2018.igem.org/Team:UC_Davis/Design">Design</a> |
<a href="#">Results</a> | <a href="#">Results</a> | ||
<a href="#">Modelling</a> | <a href="#">Modelling</a> | ||
| − | <a href=" | + | <a href="https://2018.igem.org/Team:UC_Davis/InterLab">InterLab</a> |
| + | <a href="https://2018.igem.org/Team:UC_Davis/SupplementalMaterials">Supplementary Material</a> | ||
</div> | </div> | ||
</li> | </li> | ||
<li class="dropdown"><a href="Human-Resources" class="dropdown-main">HUMAN RESOURCES</a> | <li class="dropdown"><a href="Human-Resources" class="dropdown-main">HUMAN RESOURCES</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| − | <a href="#"> | + | <a href="#">Human Practices</a> |
| − | <a href="#"> | + | <a href="#">Education & Engagement</a> |
<a href="#">Policy</a> | <a href="#">Policy</a> | ||
</div> | </div> | ||
| Line 180: | Line 201: | ||
<li class="dropdown"><a href="Parts" class="dropdown-main">PARTS</a> | <li class="dropdown"><a href="Parts" class="dropdown-main">PARTS</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| + | <a href="#">Parts Overview</a> | ||
<a href="#">Basic</a> | <a href="#">Basic</a> | ||
<a href="#">Composite</a> | <a href="#">Composite</a> | ||
| Line 185: | Line 207: | ||
</div> | </div> | ||
</li> | </li> | ||
| + | <!--______________Logo_________________________--> | ||
| + | <li class="logo" style="background-color: #002855"> | ||
| + | <a class="logolink" href="https://2018.igem.org/Team:UC_Davis"> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/7/73/T--UC_Davis--anchor.png" alt="Cenozoic logo" style="width: 125px;";> | ||
| + | <div style = 'margin-left: -40px; font-size: 25px; color: #d9a900'; ><b>Cenozoic</b></div> | ||
| + | </a> | ||
| + | </li> | ||
<li class="navlogo"><img src="" alt=""></li> | <li class="navlogo"><img src="" alt=""></li> | ||
<li class="dropdown"><a href="Lab" class="dropdown-main">LAB WORK</a> | <li class="dropdown"><a href="Lab" class="dropdown-main">LAB WORK</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| − | <a href="#"> | + | <a href="#">Experiments</a> |
| − | <a href="#"> | + | <a href="#">Lab Notebook</a> |
<a href="#">Safety</a> | <a href="#">Safety</a> | ||
</div> | </div> | ||
| Line 196: | Line 225: | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
<a href="#">Meet the Team</a> | <a href="#">Meet the Team</a> | ||
| − | <a href="#"> | + | <a href="#">Attributions</a> |
| − | <a href="#"> | + | <a href="#">Sponsors</a> |
</div> | </div> | ||
</li> | </li> | ||
| Line 203: | Line 232: | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
<a href="#">Medal Requirements</a> | <a href="#">Medal Requirements</a> | ||
| − | <a href="#"> | + | <a href="#">Awards</a> |
</div> | </div> | ||
</li> | </li> | ||
| Line 212: | Line 241: | ||
<div class="b-dropdown"><a href="PROJECT" class="b-dropdown-main">Project</a> | <div class="b-dropdown"><a href="PROJECT" class="b-dropdown-main">Project</a> | ||
<div class="b-dropdown-content"> | <div class="b-dropdown-content"> | ||
| − | <a href=" | + | <a href="https://2018.igem.org/Team:UC_Davis/Design">Design</a> |
<a href="#">Results</a> | <a href="#">Results</a> | ||
<a href="#">Modelling</a> | <a href="#">Modelling</a> | ||
| − | <a href=" | + | <a href="https://2018.igem.org/Team:UC_Davis/InterLab">InterLab</a> |
| + | <a href="https://2018.igem.org/Team:UC_Davis/SupplementalMaterials">Supplementary Material</a> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="b-dropdown"><a href="Human-Resources" class="b-dropdown-main">Human Resources</a> | <div class="b-dropdown"><a href="Human-Resources" class="b-dropdown-main">Human Resources</a> | ||
<div class="b-dropdown-content"> | <div class="b-dropdown-content"> | ||
| − | <a href="#"> | + | <a href="#">Human Practices</a> |
| − | <a href="#"> | + | <a href="#">Education & Engagement</a> |
<a href="#">Policy</a> | <a href="#">Policy</a> | ||
</div> | </div> | ||
| Line 227: | Line 257: | ||
<div class="b-dropdown"><a href="Parts" class="b-dropdown-main">Parts</a> | <div class="b-dropdown"><a href="Parts" class="b-dropdown-main">Parts</a> | ||
<div class="b-dropdown-content"> | <div class="b-dropdown-content"> | ||
| + | <a href="#">Parts Overview</a> | ||
<a href="#">Basic</a> | <a href="#">Basic</a> | ||
<a href="#">Composite</a> | <a href="#">Composite</a> | ||
| Line 234: | Line 265: | ||
<div class="b-dropdown"><a href="Lab" class="b-dropdown-main">Lab Work</a> | <div class="b-dropdown"><a href="Lab" class="b-dropdown-main">Lab Work</a> | ||
<div class="b-dropdown-content"> | <div class="b-dropdown-content"> | ||
| − | <a href="#"> | + | <a href="#">Experiments</a> |
| − | <a href="#"> | + | <a href="#">Lab Notebook</a> |
<a href="#">Safety</a> | <a href="#">Safety</a> | ||
</div> | </div> | ||
| Line 249: | Line 280: | ||
<div class="b-dropdown-content"> | <div class="b-dropdown-content"> | ||
<a href="#">Medal Requirements</a> | <a href="#">Medal Requirements</a> | ||
| − | <a href="#"> | + | <a href="#">Awards</a> |
</div> | </div> | ||
</div> | </div> | ||
Revision as of 18:37, 9 August 2018
