Difference between revisions of "Team:UNOTT/NavBar"

 
(10 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 {
 
 
color: #FFFFFF;
 
}
 
.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 197: 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 204: 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 215: 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 231: 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 259: 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 275: Line 234:
 
{
 
{
 
   color: #fff;
 
   color: #fff;
   background-color: #RED;
+
   background-color: #02263ee;
 
   border-color: #fff;
 
   border-color: #fff;
 
}
 
}
Line 300: Line 259:
 
@media (min-width: 480px) {
 
@media (min-width: 480px) {
 
   body {
 
   body {
       font-size: 16px;
+
       font-size: 1em;
 
   }
 
   }
 
}
 
}
Line 401: 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 419: Line 378:
  
 
           <li class="dropdown">
 
           <li class="dropdown">
             <a href="#" class="dropdown-toggle" data-toggle="dropdown">LAB<b class="caret"></b></a>
+
             <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">
 
             <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/Notebook">Lab book</a></li>
Line 432: Line 391:
  
 
           <li class="dropdown">
 
           <li class="dropdown">
             <a href="#" class="dropdown-toggle" data-toggle="dropdown">MODELLING<b class="caret"></b></a>
+
             <a href="https://2017.igem.org/Team:UNOTT/Model" class="dropdown-toggle" data-toggle="dropdown">MODELLING<b class="caret"></b></a>
 
             <ul class="dropdown-menu">
 
             <ul class="dropdown-menu">
 
                 <li><a href="https://2017.igem.org/Team:UNOTT/Model">Overview</a></li>
 
                 <li><a href="https://2017.igem.org/Team:UNOTT/Model">Overview</a></li>
Line 445: Line 404:
  
 
         <li class="dropdown">
 
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">OUTREACH<b class="caret"></b></a>
+
           <a href="https://2017.igem.org/Team:UNOTT/Engagement" class="dropdown-toggle" data-toggle="dropdown">OUTREACH<b class="caret"></b></a>
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
 
                     <li><a href="https://2017.igem.org/Team:UNOTT/HumanPractices">Human Practices</a></li>
 
                     <li><a href="https://2017.igem.org/Team:UNOTT/HumanPractices">Human Practices</a></li>
Line 459: Line 418:
  
 
       <li class="dropdown">
 
       <li class="dropdown">
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM<b class="caret"></b></a>
+
         <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">
 
         <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/Team">Our Team</a></li>

Latest revision as of 11:08, 25 October 2017