Difference between revisions of "Template:British Columbia/Header"

Line 1: Line 1:
 
<html>
 
<html>
−
<head>
+
 
−
 
+
<div class="navbar">
−
<div class="topnav">
+
    <ul>
−
  <a class="active" href="#project">Project</a>
+
        <li>
−
  <a href="#model">Model</a>
+
            <a href="/Team:British_Columbia">Project</a>
−
  <a href="#humanpractices">Human Practices</a>
+
            <ul>
−
  <a href="#team">Team</a>
+
                <li><a href="/Team:British_Columbia">Description</a></li>
 +
            </ul>
 +
        </li>
 +
        <li>
 +
            <a href="/Team:British_Columbia">Human Practices</a>
 +
        </li>
 +
        <li>
 +
            <a href="/Team:Vilnius-Lithuania">Team</a>
 +
            <ul>
 +
                <li><a href="/Team:British_Columbia">Members</a></li>
 +
                <li><a href="/Team:British_Columbia">Attributions</a></li>
 +
            </ul>
 +
        </li>
 +
    </ul>
 
</div>
 
</div>
  
−
/* Add a black background color to the top navigation */
+
<div class="mob-navbar"></div>
−
.topnav {
+
<a href="https://2018.igem.org/File:T--British_Columbia--general_logo.png" class="logoleft">
−
    background-color: #333;
+
</a>
−
    overflow: hidden;
+
−
}
+
−
 
+
−
/* Style the links inside the navigation bar */
+
−
.topnav a {
+
−
    float: left;
+
−
    color: #f2f2f2;
+
−
    text-align: center;
+
−
    padding: 14px 16px;
+
−
    text-decoration: none;
+
−
    font-size: 17px;
+
−
}
+
−
 
+
−
/* Change the color of links on hover */
+
−
.topnav a:hover {
+
−
    background-color: #ddd;
+
−
    color: black;
+
−
}
+
  
−
/* Add a color to the active/current link */
+
</html>
−
.topnav a.active {
+
−
    background-color: #4CAF50;
+
−
    color: white;
+
−
}
+

Revision as of 19:07, 18 August 2018