Difference between revisions of "Team:SDU-Denmark/testnavfp"

Line 9: Line 9:
 
   width: 65vw;
 
   width: 65vw;
 
   left:15vw;
 
   left:15vw;
}
 
 
 
 
@media only screen and (max-width: 1600px) {
 
  #navbarPosition {
 
    width: 80vw;
 
    left:7vw !important;
 
  }
 
 
  #highlightToggle {
 
  right:2vw !important;
 
  }
 
 
  .nav.nav-tabs > li {
 
    margin-left: -2px;
 
    margin-right: -2px;
 
  }
 
 
}
 
 
 
 
@media only screen and (max-width: 1024px) {
 
  #navbarPosition {
 
    width: 90vw;
 
    left:2vw !important;
 
  }
 
 
  #highlightToggle {
 
    position: fixed !important;
 
    top:125px;
 
    right:5vw;
 
  }
 
}
 
 
 
 
@media only screen and (max-width: 768px) {
 
  #navbarPosition {
 
    width: 100vw;
 
    left:0vw !important;
 
  }
 
}
 
 
 
@media only screen and (max-width: 480px) {
 
  #navbarPosition {
 
    width: 90vw;
 
    left:0vw !important;
 
  }
 
 
}
 
}
  
Line 429: Line 378:
 
   transition: width .0s ease;
 
   transition: width .0s ease;
 
}
 
}
 +
 +
 +
 +
 +
 +
@media only screen and (max-width: 1600px) {
 +
  #navbarPosition {
 +
    width: 80vw;
 +
    left:7vw !important;
 +
  }
 +
 +
  #highlightToggle {
 +
  right:2vw !important;
 +
  }
 +
 +
  .nav.nav-tabs > li {
 +
    margin-left: -2px;
 +
    margin-right: -2px;
 +
  }
 +
 +
}
 +
 +
 +
 +
@media only screen and (max-width: 1024px) {
 +
  #navbarPosition {
 +
    width: 90vw;
 +
    left:2vw !important;
 +
  }
 +
 +
  #highlightToggle {
 +
    position: fixed !important;
 +
    top:125px;
 +
    right:5vw;
 +
  }
 +
}
 +
 +
 +
 +
@media only screen and (max-width: 768px) {
 +
  #navbarPosition {
 +
    width: 100vw;
 +
    left:0vw !important;
 +
  }
 +
}
 +
 +
 +
@media only screen and (max-width: 480px) {
 +
  #navbarPosition {
 +
    width: 90vw;
 +
    left:0vw !important;
 +
  }
 +
}
 +
 +
 +
  
  

Revision as of 14:45, 16 September 2017