Team:Heidelberg/css/frontpage
From 2014.igem.org
(Difference between revisions)
Line 31: | Line 31: | ||
#front-nav > nav > ul > li a { | #front-nav > nav > ul > li a { | ||
- | display:block; | + | display:inline-block; |
width:60px; | width:60px; | ||
height:60px; | height:60px; |
Revision as of 20:39, 21 September 2014
.jumbotron-special {
margin-bottom: 0;
height: 90vh; }
- front-nav {
position: fixed; right: 0; width: 50%; overflow: visible; z-index: 1030; margin: 33px 51px;
}
- front-nav > nav {
position:absolute; left:0;
}
- front-nav > nav > ul {
position:absolute; right:0; list-style-type: none; margin: 0; padding-right: 10px;
}
- front-nav > nav > ul > li {
display: inline;
}
- front-nav > nav > ul > li a {
display:inline-block; width:60px; height:60px;
}
- 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; }
}