Difference between revisions of "Template:UCopenhagen-header/CSS"

(Changed colors for fun)
Line 353: Line 353:
 
       webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
 
       webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
 
     }
 
     }
−
 
−
 
−
 
−
 
−
 
−
 
−
 
  
  
Line 429: Line 422:
 
       color: black;
 
       color: black;
 
     }
 
     }
−
 
−
 
−
 
  
  
Line 468: Line 458:
  
  
−
<!-- Navigation -->
+
<header id="top-bar" class="navbar-fixed-top animated-header">
−
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
+
 
     <div class="container">
 
     <div class="container">
−
        <div class="navbar-header">
+
      <div class="navbar-header">
−
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
+
        <!-- responsive nav button -->
−
                Menu <i class="fa fa-bars"></i>
+
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
−
            </button>
+
                    <span class="sr-only">Toggle navigation</span>
−
            <a class="navbar-brand page-scroll" href="https://2017.igem.org/Team:UCopenhagen">
+
                    <span class="icon-bar"></span>
−
                InCell
+
                    <span class="icon-bar"></span>
−
            </a>
+
                    <span class="icon-bar"></span>
−
         </div>
+
                    </button>
 +
         <!-- /responsive nav button -->
  
−
         <!-- Collect the nav links, forms, and other content for toggling -->
+
         <!-- logo -->
−
         <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
+
         <div class="navbar-brand">
−
            <ul class="nav navbar-nav">
+
          <a href="index.html">
−
                <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
+
            <img class="logo" src="https://rawgit.com/Macbit/Edinburgh_OG_iGEM17/master/images/logo.png" alt="">
−
                <li class="hidden">
+
          </a>
−
                    <a href="#page-top"></a>
+
−
                </li>
+
−
                <li class="dropdown-li">
+
−
                    <div class="dropdown">
+
−
                      <a class="dropdown-toggle" type="button" id="dropdown2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+
−
                        Team
+
−
                      </a>
+
−
                      <ul class="dropdown-menu" aria-labelledby="dropdown2">
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Team" class="dropdown-a">Team</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Collaborations" class="dropdown-a">Collaborations</a>
+
−
                        </li>
+
−
                      </ul>
+
−
                    </div>
+
−
                </li>
+
−
                <li class="dropdown-li">
+
−
                    <div class="dropdown">
+
−
                      <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Project" class="dropdown-toggle" type="button" id="dropdown3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+
−
                        Project
+
−
                      </a>
+
−
                      <ul class="dropdown-menu" aria-labelledby="dropdown3">
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Description" class="dropdown-a">Overview</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Notebook" class="dropdown-a">Notebook</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Protocol" class="dropdown-a">Protocol</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/InterLab" class="dropdown-a">Interlab</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Contribution" class="dropdown-a">Contribution</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Model" class="dropdown-a">Model</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Demonstrate" class="dropdown-a">Demonstrate</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Improve" class="dropdown-a">Improve</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Attributions" class="dropdown-a">Attributions</a>
+
−
                        </li>
+
−
                      </ul>
+
−
                    </div>
+
−
                </li>
+
−
                <li class="dropdown-li">
+
−
                    <div class="dropdown">
+
−
                      <a class="dropdown-toggle" type="button" id="dropdown4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+
−
                        Parts
+
−
                      </a>
+
−
                      <ul class="dropdown-menu" aria-labelledby="dropdown4">
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Parts" class="dropdown-a">Overview</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Basic_Part" class="dropdown-a">Basic Parts</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Composite_Part" class="dropdown-a">Composite Parts</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Part_Collection" class="dropdown-a">Part Collection</a>
+
−
                        </li>
+
−
                      </ul>
+
−
                    </div>
+
−
                </li>
+
−
                <li class="dropdown-li">
+
−
                    <div class="dropdown">
+
−
                      <a class="dropdown-toggle" type="button" id="dropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+
−
                        Human Practices
+
−
                      </a>
+
−
                      <ul class="dropdown-menu" aria-labelledby="dropdown1">
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/HP/Silver" class="dropdown-a">Silver HP</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/HP/Gold_Integrated" class="dropdown-a">Integrated and Gold</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Engagement" class="dropdown-a">Public Engagement</a>
+
−
                        </li>
+
−
<li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/HP/Newsletters" class="dropdown-a">Newsletters</a>
+
−
                        </li>
+
−
                      </ul>
+
−
                    </div>
+
−
                </li>
+
−
                <li class="dropdown-li">
+
−
                    <div class="dropdown">
+
−
                      <a onclick="window.location.href='https://2017.igem.org/Team:UCopenhagen/Safety'" class="dropdown-toggle" type="button" id="dropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+
−
                        Safety
+
−
                      </a>
+
−
                    </div>
+
−
                </li>
+
−
                <li class="dropdown-li">
+
−
                    <div class="dropdown">
+
−
                      <a class="dropdown-toggle" type="button" id="dropdown6" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+
−
                        Awards
+
−
                      </a>
+
−
                      <ul class="dropdown-menu" aria-labelledby="dropdown6">
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Applied_Design" class="dropdown-a">Applied Design</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Hardware" class="dropdown-a">Hardware</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Measurement" class="dropdown-a">Measurement</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Model" class="dropdown-a">Model</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Plant" class="dropdown-a">Plant</a>
+
−
                        </li>
+
−
                        <li>
+
−
                          <a onclick="window.location.href="https://2017.igem.org/Team:UCopenhagen/Software" class="dropdown-a">Software</a>
+
−
                        </li>
+
−
                      </ul>
+
−
                    </div>
+
−
                </li>
+
−
                <li class="dropdown-li">
+
−
                    <div class="dropdown">
+
−
                      <a onclick="window.location.href='https://2017.igem.org/Team:UCopenhagen/Sponsors'" class="dropdown-toggle" type="button" id="dropdown7" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+
−
                        Sponsors
+
−
                      </a>
+
−
                    </div>
+
−
                </li>
+
−
            </ul>
+
 
         </div>
 
         </div>
−
         <!-- /.navbar-collapse -->
+
         <!-- /logo -->
 +
      </div>
 +
      <!-- main menu -->
 +
      <nav class="collapse navbar-collapse navbar-right" role="navigation">
 +
        <div class="main-menu">
 +
          <ul class="nav navbar-nav navbar-right">
 +
            <li>
 +
              <a href="https://2017.igem.org/Team:Edinburgh_OG">Home</a>
 +
            </li>
 +
            <li><a href="https://2017.igem.org/Team:Edinburgh_OG#about">About</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Edinburgh_OG#team">Team</a></li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <span class="caret"></span></a>
 +
              <div class="dropdown-menu">
 +
                <ul>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Description">Description</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Design">Design</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Experiments">Experiments</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Notebook">Notebook</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/InterLab">Interlab</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Contribution">Contribution</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Model">Model</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Results">Results</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Demonstrate">Demonstrate</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Improve">Improve</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Attributions">Attributions</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts<span class="caret"></span></a>
 +
              <div class="dropdown-menu">
 +
                <ul>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Parts">Parts</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Basic_Part">Basic Parts</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Experiments">Experiments</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Composite_Part">Composite Parts</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Part_Collection">Part Collection</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
 +
            <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Safety">Safety</a></li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practices<span class="caret"></span></a>
 +
              <div class="dropdown-menu">
 +
                <ul>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/HP/Silver">Silver HP</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/HP/Gold_Integrated">Integrated Gold</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Engagement">Engagement</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
 +
            <li><a href="https://2017.igem.org/Team:Edinburgh_OG#call-to-action">Contact</a></li>
 +
          </ul>
 +
        </div>
 +
      </nav>
 +
      <!-- /main nav -->
 
     </div>
 
     </div>
−
    <!-- /.container -->
+
  </header>
−
</nav>
+
 
 
</html>
 
</html>

Revision as of 09:53, 19 August 2017