Difference between revisions of "Team:UNOTT/NavBar"

 
(17 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
</div>
 
<head>
 
<head>
−
<link href="https://2016.igem.org/Team:Imperial_College/Resources/CSS:Bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
−
<link href="https://2016.igem.org/Team:Imperial_College/Resources/CSS:BootstrapStyling?action=raw&ctype=text/css" rel="stylesheet">
 
−
 
−
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet">
 
−
 
−
<link href="https://2016.igem.org/Team:Imperial_College/Resources/CSS:NEStyle?action=raw&ctype=text/css" rel="stylesheet">
 
−
 
−
<script type="text/javascript" src="https://2016.igem.org/Team:Imperial_College/Resources/JS?action=raw&ctype=text/javascript"></script>
 
  
 
<link href="https://2017.igem.org/Team:UNOTT/Bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
<link href="https://2017.igem.org/Team:UNOTT/Bootstrap?action=raw&ctype=text/css" rel="stylesheet">
Line 59: Line 52:
  
 
#banner {
 
#banner {
−
   margin-top: 50px;
+
   margin-top: 10%;
 
}
 
}
  
Line 74: Line 67:
  
  
−
/* IF THE SCREEN IS LESS THAN 1000PX */
+
/* IF THE SCREEN IS LESS THAN 4000PX */
  
 
@media only screen and (max-width: 1000px) {
 
@media only screen and (max-width: 1000px) {
Line 131: Line 124:
 
}
 
}
 
.navbar {
 
.navbar {
−
     height: 71px;
+
     height: 10%;
 
     width: 100%;
 
     width: 100%;
 
     color: #006633;
 
     color: #006633;
Line 145: Line 138:
 
}
 
}
  
−
.navbar-default .navbar-brand,
 
−
.navbar-default .navbar-nav>li>a {
 
−
  color: #183532;
 
−
}
 
−
.navbar-default .navbar-nav>li {
 
−
  margin-right: 8px;
 
−
}
 
−
.navbar-default .navbar-nav>li:last-of-type {
 
−
  margin-right: 0;
 
−
}
 
−
.dropdown-menu,
 
−
.navbar-default .navbar-nav>li>a:hover,
 
−
.navbar-default .navbar-nav>.active>a,
 
−
.navbar-default .navbar-nav>.active>a:hover,
 
−
.navbar-default .navbar-nav>.active>a:focus,
 
−
.navbar-default .navbar-nav>.open>a,
 
−
.navbar-default .navbar-nav>.open>a:hover,
 
−
.navbar-default .navbar-nav>.open>a:focus {
 
−
  background: rgba(24,53,50, 0.1);
 
−
}
 
−
.dropdown-menu {
 
−
  padding: 8px;
 
−
  box-shadow: none;
 
−
  border: none;
 
−
}
 
−
.dropdown-menu li a {
 
−
  padding: 4px 8px;
 
−
  border-radius: 6px;
 
−
}
 
−
.nav-dropdown-scroll {
 
−
  background: #e7eaea;
 
−
  box-shadow: 0px 10px 9px rgba(0, 0, 0, 0.4);
 
−
}
 
 
.navbar-default {
 
.navbar-default {
 
   background-color: #ffffff;
 
   background-color: #ffffff;
Line 196: Line 156:
 
   font-family: 'Karla', sans-serif;
 
   font-family: 'Karla', sans-serif;
 
   font-weight: none;
 
   font-weight: none;
−
   font-size: 30px;
+
   font-size: 1.5em;
 
   display: inline-block;
 
   display: inline-block;
 
   background: #ffffff
 
   background: #ffffff
Line 203: Line 163:
 
   font-family: 'Helvetica', sans-serif;
 
   font-family: 'Helvetica', sans-serif;
 
   font-weight: 400; bold;
 
   font-weight: 400; bold;
−
   font-size: 20px;
+
   font-size: 1.5em;
 
   color: #005480;
 
   color: #005480;
 
   text-transform: uppercase;
 
   text-transform: uppercase;
Line 214: Line 174:
 
   font-family: 'Karla', sans-serif;
 
   font-family: 'Karla', sans-serif;
 
   font-weight: bold;
 
   font-weight: bold;
−
   font-size: 14px;
+
   font-size: 1.5em;
 
   color: #96A296;
 
   color: #96A296;
 
}
 
}
  
  
−
/*Navbar background colour WOW*/
+
/*Navbar background colour */
 
.navbar-default .navbar-nav > li > a:hover,
 
.navbar-default .navbar-nav > li > a:hover,
 
.navbar-default .navbar-nav > li > a:focus {
 
.navbar-default .navbar-nav > li > a:focus {
Line 230: Line 190:
 
.navbar-default .nav > li.active > a:focus {
 
.navbar-default .nav > li.active > a:focus {
 
   color: #005480 !important;
 
   color: #005480 !important;
−
   background-color: #005480;
+
   background-color: #02236ee;
 
}
 
}
  
Line 258: Line 218:
 
   text-transform: uppercase;
 
   text-transform: uppercase;
 
   font-weight: bold;
 
   font-weight: bold;
−
   font-size: 14.2px !important;
+
   font-size: 1.5em !important;
 
   color: #02263E;
 
   color: #02263E;
 
}
 
}
Line 274: Line 234:
 
{
 
{
 
   color: #fff;
 
   color: #fff;
−
   background-color: #RED;
+
   background-color: #02263ee;
 
   border-color: #fff;
 
   border-color: #fff;
 
}
 
}
Line 280: Line 240:
 
.dropdown-toggle ul a {
 
.dropdown-toggle ul a {
 
     color: #005480
 
     color: #005480
 +
}
 +
 +
.dropdown-menu li:hover .sub-menu {
 +
  visibility: visible;
 +
}
 +
 +
.dropdown:hover .dropdown-menu {
 +
  display: block;
 +
}
 +
 +
.navbar-nav .dropdown-menu,
 +
.navbar .dropdown-menu {
 +
  margin-top: 0;
 
}
 
}
  
Line 286: Line 259:
 
@media (min-width: 480px) {
 
@media (min-width: 480px) {
 
   body {
 
   body {
−
       font-size: 16px;
+
       font-size: 1em;
 
   }
 
   }
 
}
 
}
Line 379: Line 352:
  
 
<body>
 
<body>
−
   <nav class="navbar navbar-default navbar-fixed-top" style=" padding-top: 20px;">
+
   <nav class="navbar navbar-default navbar-fixed-top" style=" padding-top: 15px;">
 
     <div class="container-fluid">
 
     <div class="container-fluid">
 
       <div class="navbar-header">
 
       <div class="navbar-header">
Line 387: Line 360:
 
       <div class="navbar-header" style="padding-top: 5px; padding-left: 15px;">
 
       <div class="navbar-header" style="padding-top: 5px; padding-left: 15px;">
 
           <a class="navbar-logo" href="https://2017.igem.org/Team:UNOTT">
 
           <a class="navbar-logo" href="https://2017.igem.org/Team:UNOTT">
−
               <image class="img-responsive" src="https://static.igem.org/mediawiki/2017/6/61/T--UNOTT--UniofNottNavbarLogo.png" height="150" width="150">
+
               <image class="img-responsive" src="https://static.igem.org/mediawiki/2017/6/61/T--UNOTT--UniofNottNavbarLogo.png" height="10%" width="10%">
 
         </a>
 
         </a>
 
       </div>
 
       </div>
Line 393: Line 366:
 
       <div id="navbar" class="navbar-collapse collapse">
 
       <div id="navbar" class="navbar-collapse collapse">
 
           <ul class="nav navbar-nav navbar-right">
 
           <ul class="nav navbar-nav navbar-right">
−
              <li class="dropdown">
+
              <li class="dropdown">
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
+
            <a class="dropdown-toggle active" href="https://2017.igem.org/Team:UNOTT/Description" data-toggle="dropdown">PROJECT<b class="caret"></b></a>
−
                      PROJECT <span class="caret"></span>
+
            <ul class="dropdown-menu">
−
                  </a>
+
              <li><a href="https://2017.igem.org/Team:UNOTT/Description">Description</a></li>
−
                  <ul class="dropdown-menu" role="menu">
+
              <li><a href="https://2017.igem.org/Team:UNOTT/Design">Design</a></li>
−
                      <li><a href="https://2017.igem.org/Team:UNOTT/Description">Description</a></li>
+
 
−
                      <li><a href="https://2017.igem.org/Team:UNOTT/Design">Design</a></li>
+
              <li><a href="https://2017.igem.org/Team:UNOTT/Proof">Proof</a></li>
−
                      <li><a href="https://2017.igem.org/Team:UNOTT/Proof">Proof</a></li>
+
              <li><a href="https://2017.igem.org/Team:UNOTT/Medal_Criteria">Medal Criteria</a></li>
−
                      <li><a href="https://2017.igem.org/Team:UNOTT/Medal_Criteria">Medal Criteria</a></li>
+
            </ul>
−
                  </ul>
+
          </li>
 +
 
 +
          <li class="dropdown">
 +
            <a href="https://2017.igem.org/Team:UNOTT/Notebook" class="dropdown-toggle" data-toggle="dropdown">LAB<b class="caret"></b></a>
 +
            <ul class="dropdown-menu">
 +
                <li><a href="https://2017.igem.org/Team:UNOTT/Notebook">Lab book</a></li>
 +
                <li><a href="https://2017.igem.org/Team:UNOTT/Experiments">Experiments</a></li>
 +
                <li><a href="#">Parts</a></li>
 +
                <li><a href="https://2017.igem.org/Team:UNOTT/Improve">Improve</a></li>
 +
                <li><a href="https://2017.igem.org/Team:UNOTT/Safety">Safety</a></li>
 +
                <li><a href="https://2017.igem.org/Team:UNOTT/InterLab">InterLab</a></li>
 +
            </ul>
 
           </li>
 
           </li>
  
  
 
           <li class="dropdown">
 
           <li class="dropdown">
−
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
+
            <a href="https://2017.igem.org/Team:UNOTT/Model" class="dropdown-toggle" data-toggle="dropdown">MODELLING<b class="caret"></b></a>
−
                  LAB <span class="caret"></span>
+
            <ul class="dropdown-menu">
−
              </a>
+
                <li><a href="https://2017.igem.org/Team:UNOTT/Model">Overview</a></li>
−
              <ul class="dropdown-menu" role="menu">
+
              <li><a href="https://2017.igem.org/Team:UNOTT/SingleCellModel">Models </a></li>
−
                  <li><a href="https://2017.igem.org/Team:UNOTT/Notebook">Lab book</a></li>
+
              <li><a href="https://2017.igem.org/Team:UNOTT/CultureModelling">Software</a></li>
−
                  <li><a href="https://2017.igem.org/Team:UNOTT/Experiments">Experiments</a></li>
+
−
                  <li><a href="#">Parts</a></li>
+
−
                  <li><a href="https://2017.igem.org/Team:UNOTT/Improve">Improve</a></li>
+
−
                  <li><a href="https://2017.igem.org/Team:UNOTT/Safety">Safety</a></li>
+
−
                  <li><a href="https://2017.igem.org/Team:UNOTT/InterLab">InterLab</a></li>
+
 
             </ul>
 
             </ul>
 
           </li>
 
           </li>
Line 423: Line 402:
  
  
−
          <li class="dropdown">
 
−
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
 
−
                  MODELLING <span class="caret"></span>
 
−
              </a>
 
−
              <ul class="dropdown-menu" role="menu">
 
−
                  <li><a href="https://2017.igem.org/Team:UNOTT/Model">Overview</a></li>
 
−
                <li><a href="https://2017.igem.org/Team:UNOTT/SingleCellModel">Models </a></li>
 
−
                <li><a href="https://2017.igem.org/Team:UNOTT/CultureModelling">Software</a></li>
 
−
              </ul>
 
−
          </li>
 
  
−
          <li class="dropdown">
+
        <li class="dropdown">
−
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
+
          <a href="https://2017.igem.org/Team:UNOTT/Engagement" class="dropdown-toggle" data-toggle="dropdown">OUTREACH<b class="caret"></b></a>
−
                  OUTREACH <span class="caret"></span>
+
          <ul class="dropdown-menu">
−
              </a>
+
                    <li><a href="https://2017.igem.org/Team:UNOTT/HumanPractices">Human Practices</a></li>
−
              <ul class="dropdown-menu" role="menu">
+
                    <li><a href="https://2017.igem.org/Team:UNOTT/Game">Games Design</a></li>
−
                  <li><a href="https://2017.igem.org/Team:UNOTT/HumanPractices">Human Practices</a></li>
+
                    <li><a href="#">HP Silver</a></li>
−
                  <li><a href="https://2017.igem.org/Team:UNOTT/Game">Games Design</a></li>
+
                    <li><a href="https://2017.igem.org/Team:UNOTT/HP/Gold_Integrated">HP Gold</a></li>
−
                  <li><a href="#">HP Silver</a></li>
+
                    <li><a href="https://2017.igem.org/Team:UNOTT/Engagement">Public Engagement</a></li>
−
                  <li><a href="https://2017.igem.org/Team:UNOTT/HP/Gold_Integrated">HP Gold</a></li>
+
−
                  <li><a href="https://2017.igem.org/Team:UNOTT/Engagement">Public Engagement</a></li>
+
  
−
              </ul>
 
−
          </li>
 
  
−
           <li class="dropdown">
+
           </ul>
−
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
+
      </li>
−
                  TEAM <span class="caret"></span>
+
−
              </a>
+
−
              <ul class="dropdown-menu" role="menu">
+
−
                  <li><a href="https://2017.igem.org/Team:UNOTT/Team">Our Team</a></li>
+
−
                  <li><a href="https://2017.igem.org/Team:UNOTT/Collaborations">Collaborations</a></li>
+
−
                  <li><a href="https://2017.igem.org/Team:UNOTT/Sponsors">Sponsors</a></li>
+
−
                  <li><a href="https://2017.igem.org/Team:UNOTT/Attributions">Attributions</a></li>
+
−
              </ul>
+
−
          </li>
+
  
−
            </ul>
+
 
−
          </li>
+
      <li class="dropdown">
−
        </ul>
+
        <a href="https://2017.igem.org/Team:UNOTT/Team" class="dropdown-toggle" data-toggle="dropdown">TEAM<b class="caret"></b></a>
 +
        <ul class="dropdown-menu">
 +
            <li><a href="https://2017.igem.org/Team:UNOTT/Team">Our Team</a></li>
 +
            <li><a href="https://2017.igem.org/Team:UNOTT/Collaborations">Collaborations</a></li>
 +
            <li><a href="https://2017.igem.org/Team:UNOTT/Sponsors">Sponsors</a></li>
 +
            <li><a href="https://2017.igem.org/Team:UNOTT/Attributions">Attributions</a></li>
 +
        </ul>
 +
    </li>
 
       </div>
 
       </div>
 
       <!-- /.navbar-collapse -->
 
       <!-- /.navbar-collapse -->

Latest revision as of 11:08, 25 October 2017