Difference between revisions of "Team:UNOTT/NavBar"

 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
</div>
 
<head>
 
<head>
  
Line 51: Line 52:
  
 
#banner {
 
#banner {
   margin-top: 50px;
+
   margin-top: 10%;
 
}
 
}
  
Line 66: 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 123: Line 124:
 
}
 
}
 
.navbar {
 
.navbar {
     height: 71px;
+
     height: 10%;
 
     width: 100%;
 
     width: 100%;
 
     color: #006633;
 
     color: #006633;
Line 155: 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 162: 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 173: 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;
 
}
 
}
Line 217: 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 258: Line 259:
 
@media (min-width: 480px) {
 
@media (min-width: 480px) {
 
   body {
 
   body {
       font-size: 16px;
+
       font-size: 1em;
 
   }
 
   }
 
}
 
}
Line 359: 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>

Latest revision as of 11:08, 25 October 2017