Team:Berlin/NavMenuPush

From 2014.igem.org

(Difference between revisions)
(Created page with "html, body { height: 100%; } .navbar{ background-color: transparent; } - customize the navmenu: .navmenu{ background-color: white; color: green; max-width: 250px; }...")
 
Line 6: Line 6:
   background-color: transparent;
   background-color: transparent;
}
}
-
/* customize the navmenu */
+
 
.navmenu{
.navmenu{
   background-color: white;
   background-color: white;
Line 25: Line 25:
@media (min-width: 0) {
@media (min-width: 0) {
   .navbar-toggle {
   .navbar-toggle {
-
     display: block; /* force showing the toggle */
+
     display: block;  
   }
   }
}
}
Line 41: Line 41:
-
/* Media Querie Medium
 
-
*****************/
 
@media (max-width: 1200px){
@media (max-width: 1200px){
-
 
-
  /* no fixed navbar for small devices */
 
   .navbar-fixed-top{
   .navbar-fixed-top{
     position: absolute;
     position: absolute;

Latest revision as of 21:37, 14 September 2014

html, body {

 height: 100%;

}

.navbar{

 background-color: transparent;

}

.navmenu{

 background-color: white;
 color: green;
 max-width: 250px;

}


.navbar-toggle {

 float: left;
 margin-left: 15px;

}

.icon-bar:hover{

 background-color: black;

}

@media (min-width: 0) {

 .navbar-toggle {
   display: block; 
 }

}

@media (min-width: 992px) {

 body {
   padding: 0;
 }
 .navbar {
   right: auto;
   background: none;
   border: none;
 }

}


@media (max-width: 1200px){

 .navbar-fixed-top{
   position: absolute;
 }


}