Difference between revisions of "Team:TUDelft/HeaderGrnbl"

Line 22: Line 22:
 
     <!-- CSS
 
     <!-- CSS
 
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
−
 
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css" integrity="sha384-wITovz90syo1dJWVh32uuETPVEtGigN07tkttEqPv+uR2SE/mbQcG7ATL28aI9H0" crossorigin="anonymous">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css" integrity="sha384-wITovz90syo1dJWVh32uuETPVEtGigN07tkttEqPv+uR2SE/mbQcG7ATL28aI9H0" crossorigin="anonymous">
Line 32: Line 31:
 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
     <script src="https://use.fontawesome.com/b31c04f526.js"></script>
 
     <script src="https://use.fontawesome.com/b31c04f526.js"></script>
 +
  
 
     <!-- KATEX
 
     <!-- KATEX
Line 85: Line 85:
 
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 
     <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2018/7/75/T--TUDelft--2018_adope_logo.png" />
 
     <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2018/7/75/T--TUDelft--2018_adope_logo.png" />
−
 
−
    <style>
 
 
      
 
      
−
     /* navbar */
+
        <style>
 +
      
 +
/* navbar */
 
.navbar-default {
 
.navbar-default {
−
     background-color: #00B4C7;
+
     background-color: #006C84;
−
     border-color: #F8F8F8;
+
     border-color: #E7E7E7;
 
}
 
}
 
/* Title */
 
/* Title */
 
.navbar-default .navbar-brand {
 
.navbar-default .navbar-brand {
−
     color: #0092CB;
+
     color: #FFFFFF;
 
}
 
}
 
.navbar-default .navbar-brand:hover,
 
.navbar-default .navbar-brand:hover,
 
.navbar-default .navbar-brand:focus {
 
.navbar-default .navbar-brand:focus {
−
     color: #777777;
+
     color: #5E5E5E;
 
}
 
}
 
/* Link */
 
/* Link */
Line 107: Line 107:
 
.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 {
−
     color: #777777;
+
     color: #D3D3D3;
 
}
 
}
 
.navbar-default .navbar-nav > .active > a,
 
.navbar-default .navbar-nav > .active > a,
 
.navbar-default .navbar-nav > .active > a:hover,
 
.navbar-default .navbar-nav > .active > a:hover,
 
.navbar-default .navbar-nav > .active > a:focus {
 
.navbar-default .navbar-nav > .active > a:focus {
−
     color: #777777;
+
     color: #D3D3D3;
 
     background-color: #E7E7E7;
 
     background-color: #E7E7E7;
 
}
 
}
Line 118: Line 118:
 
.navbar-default .navbar-nav > .open > a:hover,
 
.navbar-default .navbar-nav > .open > a:hover,
 
.navbar-default .navbar-nav > .open > a:focus {
 
.navbar-default .navbar-nav > .open > a:focus {
−
     color: #777777;
+
     color: #D3D3D3;
−
     background-color: #00B4C7;
+
     background-color: #005467;
 
}
 
}
 
/* Caret */
 
/* Caret */
Line 128: Line 128:
 
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
 
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
 
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
 
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
−
     border-top-color: #777777;
+
     border-top-color: #D3D3D3;
−
     border-bottom-color: #777777;
+
     border-bottom-color: #D3D3D3;
 
}
 
}
 
.navbar-default .navbar-nav > .open > a .caret,
 
.navbar-default .navbar-nav > .open > a .caret,
 
.navbar-default .navbar-nav > .open > a:hover .caret,
 
.navbar-default .navbar-nav > .open > a:hover .caret,
 
.navbar-default .navbar-nav > .open > a:focus .caret {
 
.navbar-default .navbar-nav > .open > a:focus .caret {
−
     border-top-color: #777777;
+
     border-top-color: #D3D3D3;
−
     border-bottom-color: #777777;
+
     border-bottom-color: #D3D3D3;
 
}
 
}
 
/* Mobile version */
 
/* Mobile version */
 
.navbar-default .navbar-toggle {
 
.navbar-default .navbar-toggle {
−
     border-color: #FFFFFF;
+
     border-color: #DDD;
 
}
 
}
 
.navbar-default .navbar-toggle:hover,
 
.navbar-default .navbar-toggle:hover,
Line 146: Line 146:
 
}
 
}
 
.navbar-default .navbar-toggle .icon-bar {
 
.navbar-default .navbar-toggle .icon-bar {
−
     background-color: #FFFFFF;
+
     background-color: #CCC;
 
}
 
}
 
@media (max-width: 767px) {
 
@media (max-width: 767px) {
 
     .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 
     .navbar-default .navbar-nav .open .dropdown-menu > li > a {
−
         color: #777;
+
         color: #FFFFFF;
 
     }
 
     }
 
     .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 
     .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 
     .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 
     .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
−
           color: #333;
+
           color: #D3D3D3;
 
     }
 
     }
 
}
 
}
 +
 +
 
      
 
      
 
     </style>
 
     </style>
−
   
+
 
−
   
+
 
</head>
 
</head>
 
<body>
 
<body>
  
 
<header>
 
<header>
−
<nav id="mynavi" class="navbar navbar-default navbar-fixed-top" >
+
 
 +
<nav class="navbar navbar-default navbar-fixed-top" style="margin:15px;">
 
<div class="container-fluid">
 
<div class="container-fluid">
  

Revision as of 13:30, 12 September 2018

ADOPE