Team:Heidelberg/css/frontpage

From 2014.igem.org

(Difference between revisions)
Line 30: Line 30:
}
}
-
#front-nav > nav > ul > li img {
+
#front-nav > nav > ul > li a {
 +
  display:block;
 +
  width:60px;
   height:60px;
   height:60px;
}
}

Revision as of 20:37, 21 September 2014

.jumbotron-special {

   margin-bottom: 0;

height: 90vh; }

  1. front-nav {
 position: fixed;
 right: 0;
 width: 50%;
 overflow: visible;
 z-index: 1030;
 margin: 33px 51px;

}

  1. front-nav > nav {
 position:absolute;
 left:0;

}

  1. front-nav > nav > ul {
 position:absolute;
 right:0;
 list-style-type: none;
 margin: 0;
 padding-right: 10px;

}

  1. front-nav > nav > ul > li {
 display: inline;

}

  1. front-nav > nav > ul > li a {
 display:block;
 width:60px;
 height:60px;

}

  1. front-nav > nav {
 width: 100%;

}

@media (min-width: 768px)

 #front-nav > nav {
   width: 375px;
 }

}


@media (min-width: 992px) {

 #front-nav > nav {
   width: 485px;
 }

}

@media (min-width: 1200px) {

 #front-nav > nav {
   width: 585px;
 }

}