Difference between revisions of "Template:Team:DTU-Denmark/header.html"

Line 46: Line 46:
 
             /*Text of top nav and how it reacts*/
 
             /*Text of top nav and how it reacts*/
 
             #headerWrapper a {
 
             #headerWrapper a {
                text-decoration:none;
+
              text-decoration:none;
                color:black;
+
              color:black;
 
             }
 
             }
 
              
 
              
      #headerWrapper #current-navigation a {
+
            #headerWrapper #current-navigation a {
                background-color:#750000;
+
              background-color:#750000;
 
               color:white;
 
               color:white;
 
             }
 
             }
Line 62: Line 62:
 
             #Topnav a.hover,
 
             #Topnav a.hover,
 
             #headerWrapper #current-navigation a.hover{
 
             #headerWrapper #current-navigation a.hover{
                background-color: #990000;
+
              background-color: #990000;
                color: white;
+
              color: white;
 
             }
 
             }
  
Line 165: Line 165:
 
             }
 
             }
  
 +
            .mobile-scrole{
 +
              display: none;
 +
            }
  
 
+
            @media screen and (max-width: 900px) {
 +
              .mobile-scrole {
 +
                display: inline;
 +
            }
  
 
             /*Anytime the screen is less than 991px wide everything within {} apply  
 
             /*Anytime the screen is less than 991px wide everything within {} apply  
Line 220: Line 226:
  
 
               /* Display mobile menue*/
 
               /* Display mobile menue*/
               .mobile-menue {
+
               .mobile-menue,
 +
              .mobile-scrole {
 
                 margin: 25px 10px;
 
                 margin: 25px 10px;
 
                 display: inline;
 
                 display: inline;
Line 284: Line 291:
 
                   color:black;  
 
                   color:black;  
 
               }
 
               }
 +
          }
 
         }
 
         }
  
Line 302: Line 310:
 
                     <img class="BioBuilders" src="https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png" alt="DTU-Denmark Logo"></a>
 
                     <img class="BioBuilders" src="https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png" alt="DTU-Denmark Logo"></a>
  
 +
                <button id="a-down" class="mobile-scrole">▼</button>
  
 
                 <button id="hamburger" class="mobile-menue">&#9776;</button>
 
                 <button id="hamburger" class="mobile-menue">&#9776;</button>
  
 
                 <button id="arrow" class="mobile-menue">&#8678;</button>
 
                 <button id="arrow" class="mobile-menue">&#8678;</button>
 +
 +
 
            
 
            
  

Revision as of 05:09, 4 September 2016

New HTML template for the wiki