Difference between revisions of "Template:Marburg/navigation"

 
(36 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Marburg}}
 
{{Marburg}}
 +
 
<html>
 
<html>
 
     <head>
 
     <head>
−
        <style>
 
  
−
            ul.topnav {
+
        <!-- Meta tags -->
−
margin-top: 100px;
+
        <meta charset="utf-8">
−
                width: 100%;
+
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
                position: fixed;
+
        <meta name="viewport" content="width=device-width, initial-scale=1">
−
                list-style-type: none;
+
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
−
                margin: 0;
+
        <meta name="description" content="iGEM Marburg 2016 Wiki">
−
                padding: 0;
+
        <meta name="author" content="Martin Lellep, iGEM Team Marburg 2016" > 
−
                overflow: hidden;
+
−
                background-color: #333;
+
−
            }
+
  
−
            ul.topnav li {
+
        <!-- CSS -->
−
                float: left;
+
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:Marburg/CSS_Bootstrap?action=raw&ctype=text/css" />
−
            }
+
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:Marburg/CSS_custom?action=raw&ctype=text/css" />
  
−
            ul.topnav li a {
 
−
                display: inline-block;
 
−
                color: #f2f2f2;
 
−
                text-align: center;
 
−
                padding: 14px 16px;
 
−
                text-decoration: none;
 
−
                transition: 0.3s;
 
−
                font-size: 17px;
 
−
            }
 
−
 
−
            ul.topnav li a:hover {
 
−
                background-color: #555;
 
−
            }
 
−
 
−
            ul.topnav li.icon {
 
−
                display: none;
 
−
            }
 
−
 
−
            @media screen and (max-width:680px) {
 
−
                ul.topnav li:not(:first-child) {
 
−
                    display: none;
 
−
                }
 
−
                ul.topnav li.icon {
 
−
                    float: right;
 
−
                    display: inline-block;
 
−
                }
 
−
            }
 
−
 
−
            @media screen and (max-width:680px) {
 
−
                ul.topnav.responsive {
 
−
                    position: fixed;
 
−
                }
 
−
                ul.topnav.responsive li.icon {
 
−
                    position: fixed;
 
−
                    right: 0;
 
−
                    top: 0;
 
−
                }
 
−
                ul.topnav.responsive li {
 
−
                    float: none;
 
−
                    display: inline;
 
−
                }
 
−
                ul.topnav.responsive li a {
 
−
                    display: block;
 
−
                    text-align: left;
 
−
                }
 
−
            }
 
−
 
−
            ul {
 
−
 
−
            }
 
−
 
−
        </style>
 
 
     </head>
 
     </head>
  
 
     <body>
 
     <body>
  
−
        <ul class="topnav" id="myTopnav">
+
<nav class="navbar navbar-inverse" style="margin-top:-12;">
−
             <li><a href="#home">Home</a></li>
+
  <div class="container-fluid">
−
             <li><a href="#news">News</a></li>
+
    <ul class="nav navbar-nav">
−
             <li><a href="#contact">Contact</a></li>
+
             <li><a href="https://2016.igem.org/Team:Marburg"><b>iGEM Marburg 2016</b></a></li>
−
             <li><a href="#about">About</a></li>
+
             <li><a href="https://2016.igem.org/Team:Marburg/Projects">Projects</a></li>
−
             <li style="float:right"><a class="active" href="#about">About</a></li>
+
             <li><a href="https://2016.igem.org/Team:Marburg/HP/Silver">Human Practices</a></li>
−
             <li class="icon">
+
             <li><a href="https://2016.igem.org/Team:Marburg/Notebooks">Notebooks</a></li>
−
                 <a href="javascript:void(0);" style="font-size:15px;" onclick="myFunction()">☰</a>
+
             <li><a href="https://2016.igem.org/Team:Marburg/Safety">Safety</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Marburg/Team">Team</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Marburg/Achievements">Achievements</a></li>
 +
    </ul>
 +
    <ul class="nav navbar-nav navbar-right">
 +
 
 +
             <li style="float:right">
 +
                 <a href="https://twitter.com/igem_marburg">
 +
                    <img style="max-height:25px" src="https://static.igem.org/mediawiki/2016/3/38/T--Marburg--navigation_twitter.svg">
 +
                </a>
 
             </li>
 
             </li>
−
        </ul>
+
            <li style="float:right">
−
 
+
                <a href="mailto:igemteam@synmikro.uni-marburg.de">
−
 
+
                    <img style="max-height:25px" src="https://static.igem.org/mediawiki/2016/3/3f/T--Marburg--navigation_email.svg">
−
        <script>
+
                </a>
−
             function myFunction() {
+
             </li>
−
                var x = document.getElementById("myTopnav");
+
            <li style="float:right">
−
                 if (x.className === "topnav") {
+
                 <a href="https://de-de.facebook.com/igemmarburg">
−
                     x.className += " responsive";
+
                     <img style="max-height:25px" src="https://static.igem.org/mediawiki/2016/0/06/T--Marburg--navigation_facebook.svg">
−
                } else {
+
                 </a>
−
                    x.className = "topnav";
+
             </li>
−
                 }
+
    </ul>
−
             }
+
  </div>
−
        </script>
+
</nav>
  
 
     </body>
 
     </body>
 
</html>
 
</html>

Latest revision as of 16:46, 30 November 2016