Difference between revisions of "Template:Heidelberg/navbar"

 
(121 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{Template_All_Teams}}
 
{{Template_All_Teams}}
−
{{Heidelberg/Header}}
 
 
<html>
 
<html>
 +
<head>
 +
</head>
 
<body>
 
<body>
−
<div class="container" id="topmenubar>
+
 
 
<nav class="navbar navbar-default navbar-fixed-top hidden-xs">
 
<nav class="navbar navbar-default navbar-fixed-top hidden-xs">
−
    <div class="container-fluid" id="menubar-big">
+
<div class="container" id="menucontainer">
 +
    <div id="navcontainer-left-outer">
 +
        <div id="navcontainer-left-inner">
 +
            <ul class="nav navbar-nav left">
 +
                <a class="navbar-brand" href="https://2015.igem.org/Team:Heidelberg"><img src="https://static.igem.org/mediawiki/2015/thumb/4/47/Heidelberg_media_pictures_navlogo.png/800px-Heidelberg_media_pictures_navlogo.png" style="width:300px; height:75px; margin-left:-25px"></a>
 +
            </ul>
 +
        </div>
 +
    </div>
 +
    <div id="navcontainer-right-outer">
 +
        <div id="navcontainer-right-inner">
 +
            <ul class="nav navbar-nav navbar-right">
  
  
−
        <ul class="nav navbar-nav left">
+
                <!-- Achievments -->
−
            <a class="navbar-brand" href="#"><img class="logo" src="../media/LP/shark.png"></a>
+
                <li><a href="https://2015.igem.org/Team:Heidelberg/Achievements" class="menubox"><p class="menutext"><img class="menuicon" src="https://static.igem.org/mediawiki/2015/a/a1/Heidelberg_media_icons_achievments.png" style="width:initial;"><br>Achievements</p></a></li>
−
        </ul>
+
  
−
        <ul class="nav navbar-nav navbar-right">
 
  
−
            <!-- Project -->
+
                <!-- Results -->
−
            <li class="dropdown"  class="menubox">
+
                <li class="dropdown">
−
                <a href="#" class="dropdown-toggle menubox" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+
                    <a href="https://2015.igem.org/Team:Heidelberg/Results" class="dropdown-toggle menubox" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
−
                    <p class="menutext">
+
                        <p class="menutext">
−
                        <img class="menuicon" src="../media/icons/favs/project.png">
+
                            <img class="menuicon" src="https://static.igem.org/mediawiki/2015/0/03/Heidelberg_media_icons_star.png">
−
                        Project
+
                            <br>Results
−
                    </p></a>
+
                        </p></a>
−
                <ul class="dropdown-menu">
+
                    <ul class="dropdown-menu">
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">Members</p></a></li>
+
<li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Results#Medalfulfillments"><p class="menutext dropdown-text">Medal fulfillments</p></a></li>
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">Collaborations</p></a></li>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Results#AB"><p class="menutext dropdown-text">AptaBodies</p></a></li>
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">Supervisors</p></a></li>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Results#RTSMS"><p class="menutext dropdown-text">Real time S.M.S.</p></a></li>
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">Sponsors</p></a></li>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Results#LandV"><p class="menutext dropdown-text">Cystic fibrosis</p></a></li>
−
                </ul>
+
<li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Results#CF"><p class="menutext dropdown-text">Labeling and vizualization</p></a></li>
−
            </li>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Results#Modelling"><p class="menutext dropdown-text">Modeling and Software validation</p></a></li>
 +
                  <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Results/Standardization"><p class="menutext dropdown-text">Standardization</p></a></li>
 +
                    </ul>
 +
                </li>
  
−
            <!-- Software -->
+
                <!-- Projects -->
−
            <li class="dropdown"  class="menubox">
+
                <li class="dropdown">
−
                <a href="#" class="dropdown-toggle menubox" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+
                    <a href="https://2015.igem.org/Team:Heidelberg/Overview" class="dropdown-toggle menubox" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
−
                    <p class="menutext">
+
                        <p class="menutext">
−
                        <img class="menuicon" src="../media/icons/favs/software.png">
+
                            <img class="menuicon" src="https://static.igem.org/mediawiki/2015/5/52/Heidelberg_media_icons_project.svg">
−
                        Software
+
                            <br>Project
−
                    </p></a>
+
                        </p></a>
−
                <ul class="dropdown-menu">
+
                    <ul class="dropdown-menu">
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">JAWS</p></a></li>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Overview"><p class="menutext dropdown-text">Overview</p></a></li>
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">TRANS</p></a></li>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Project/AB"><p class="menutext dropdown-text">AptaBodies</p></a></li>
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">Midnight*</p></a></li>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/project/rtsms"><p class="menutext dropdown-text">Real time S.M.S.</p></a></li>
−
                </ul>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/project/cf"><p class="menutext dropdown-text">Cystic fibrosis</p></a></li>
−
            </li>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/project/rd"><p class="menutext dropdown-text">Labelling and Visualization</p></a></li>
 +
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/project/hlpd"><p class="menutext dropdown-text">HRP based detection</p></a></li>
 +
                    </ul>
 +
                </li>
  
−
            <!-- Notebook -->
+
                <!-- Software -->
−
            <li class="dropdown"  class="menubox">
+
                <li class="dropdown">
−
                <a href="#" class="dropdown-toggle menubox" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+
                    <a href="https://2015.igem.org/Team:Heidelberg/Software" class="dropdown-toggle menubox" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
−
                    <p class="menutext">
+
                        <p class="menutext">
−
                        <img class="menuicon" src="../media/icons/favs/notebook.png">
+
                            <img class="menuicon" src="https://static.igem.org/mediawiki/2015/b/be/Heidelberg_media_icons_software.svg">
−
                        Notebook
+
                            <br>Software
−
                    </p></a>
+
                        </p></a>
−
                <ul class="dropdown-menu">
+
                    <ul class="dropdown-menu">
−
                </ul>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/software/maws"><p class="menutext dropdown-text">MAWS</p></a></li>
−
            </li>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/software/jaws"><p class="menutext dropdown-text">JAWS</p></a></li>
 +
                        <li class="dropdownbox"><a href="
 +
https://2015.igem.org/Team:Heidelberg/WikiTools"><p class="menutext dropdown-text">Wiki Tools</p></a></li>
 +
                    </ul>
 +
                </li>
  
−
            <!-- Parts -->
+
                <!-- Notebook -->
−
            <li class="dropdown"  class="menubox">
+
                <li class="dropdown">
−
                <a href="#" class="dropdown-toggle menubox" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+
                    <a href="https://2015.igem.org/Team:Heidelberg/notebook/mm" class="dropdown-toggle menubox" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
−
                    <p class="menutext">
+
                        <p class="menutext">
−
                        <img class="menuicon" src="../media/icons/favs/parts.png">
+
                            <img class="menuicon" src="https://static.igem.org/mediawiki/2015/c/cb/Heidelberg_media_icons_book.svg">
−
                        Parts
+
                            <br>Notebook
−
                    </p></a>
+
                        </p></a>
−
                <ul class="dropdown-menu">
+
                    <ul class="dropdown-menu">
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">Team parts</p></a></li>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/notebook/ab"><p class="menutext dropdown-text">AptaBodies</p></a></li>
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">Basic parts</p></a></li>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/notebook/rtsms"><p class="menutext dropdown-text">Real time S.M.S.</p></a></li>
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">Composite parts</p></a></li>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/notebook/cf"><p class="menutext dropdown-text">Cystic fibrosis</p></a></li>
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">Part collection</p></a></li>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/notebook/rd"><p class="menutext dropdown-text">Labeling and vizualization</p></a></li>
−
                </ul>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/notebook/pc"><p class="menutext dropdown-text">Pulse chase</p></a></li>
−
            </li>
+
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/notebook/mm"><p class="menutext dropdown-text">Materials & Methods</p></a></li>
 +
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Safety"><p class="menutext dropdown-text">Safety</p></a></li>
 +
                    </ul>
 +
                </li>
  
−
            <!-- Team -->
+
                <!-- Parts -->
−
            <li class="dropdown"  class="menubox">
+
                <li><a href="https://2015.igem.org/Team:Heidelberg/Parts" class="menubox"><p class="menutext"><img class="menuicon" src="https://static.igem.org/mediawiki/2015/b/b6/Heidelberg_media_icons_parts.svg" style="margin-left:-8px;"><br>Parts</p></a></li>
−
                <a href="#" class="dropdown-toggle menubox" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+
−
                    <p class="menutext">
+
−
                        <img class="menuicon" src="../media/icons/favs/team.png">
+
−
                        Team
+
−
                    </p></a>
+
−
                <ul class="dropdown-menu">
+
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">Members</p></a></li>
+
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">Collaborations</p></a></li>
+
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">Supervisors</p></a></li>
+
−
                    <li class="dropdownbox"><a href="#"><p class="menutext dropdown-text">Sponsors</p></a></li>
+
−
                </ul>
+
−
            </li>
+
  
−
            <!-- Human practice -->
+
                <!-- Team -->
−
            <li class="menubox"><a href="#"><p class="menutext"><img class="menuicon" src="../media/icons/favs/humanpractise.png">   Human practice</p></a></li>
+
                <li class="dropdown">
 +
                    <a href="https://2015.igem.org/Team:Heidelberg/Team" class="dropdown-toggle menubox" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
 +
                        <p class="menutext">
 +
                            <img class="menuicon" src="https://static.igem.org/mediawiki/2015/b/b8/Heidelberg_media_icons_team.png">
 +
                            <br>Team
 +
                        </p></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Team"><p class="menutext dropdown-text">Members</p></a></li>
 +
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Supervisors"><p class="menutext dropdown-text">Supervisors</p></a></li>
 +
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Collaborations"><p class="menutext dropdown-text">Collaboration</p></a></li>
 +
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Attributions"><p class="menutext dropdown-text">Attributions</p></a></li>
 +
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Sponsors"><p class="menutext dropdown-text">Sponsors</p></a></li>
 +
                    </ul>
 +
                </li>
  
−
            <!-- Safety -->
+
                <!-- Modeling -->
−
            <li class="menubox" style="margin-right: 10px;"><a href="#"><p class="menutext"><img class="menuicon" src="../media/icons/favs/safety.png">   Safety</p></a></li>
+
                <li class="dropdown">
 +
                    <a href="https://2015.igem.org/Team:Heidelberg/Modeling" class="dropdown-toggle menubox" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
 +
                        <p class="menutext">
 +
                            <img class="menuicon" src="https://static.igem.org/mediawiki/2015/e/e9/Heidelberg_media_icons_sextant.png">
 +
                            <br>Modeling
 +
                        </p></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Modeling/aptakinetics"><p class="menutext dropdown-text">Aptamer Sensors</p></a></li>
 +
                        <li class="dropdownbox"><a href="https://2015.igem.org/Team:Heidelberg/Modeling/rtsms"><p class="menutext dropdown-text">In vitro transcription</p></a></li>
 +
                    </ul>
 +
                </li>
  
−
        </ul>
+
                <!-- Human practice -->
 +
                <li><a href="https://2015.igem.org/Team:Heidelberg/Practices" class="menubox"><p class="menutext"><img class="menuicon" src="https://static.igem.org/mediawiki/2015/2/25/Heidelberg_media_icons_outreach.svg" style="margin-left:12px;"><br>Outreach</p></a></li>
 +
 
 +
            </ul>
 +
        </div>
 
     </div>
 
     </div>
−
    </div>
 
−
    </div>
 
−
</nav>
 
 
</div>
 
</div>
 +
</nav>
 +
    <nav id="myNavmenu" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation">
 +
        <a class="navmenu-brand" href="https://2015.igem.org/Team:Heidelberg">iGEM Team Heidelberg 2015</a>
 +
        <ul class="nav navmenu-nav">
 +
            <li><a href="https://2015.igem.org/Team:Heidelberg/Achievements">Achievements</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Heidelberg/Results">Results</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Heidelberg/Overview">Project</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Heidelberg/Software">Software</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Heidelberg/notebook/mm">Notebook</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Heidelberg/Parts">Parts</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Heidelberg/Team">Team</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Heidelberg/Modeling">Modeling</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Heidelberg/Practices">Outreach</a></li>
 +
        </ul>
 +
    </nav>
 +
    <div class="navbar navbar-default navbar-fixed-top hidden-lg hidden-md hidden-sm" id="menubar-small">
 +
<img src="https://static.igem.org/mediawiki/2015/thumb/e/ea/Heidelberg_media_icons_shark.png/599px-Heidelberg_media_icons_shark.png" style="width:50px;height:50px;margin:5px;float:left;">
 +
        <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="#myNavmenu" data-canvas="body" style="background-color: white; margin:auto;">
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
        </button>
 +
    </div>
 
</body>
 
</body>
 +
</html>

Latest revision as of 20:49, 20 November 2015