Team:Heidelberg/css/frontpage
From 2014.igem.org
(Difference between revisions)
Line 12: | Line 12: | ||
.arrow { | .arrow { | ||
position:absolute; | position:absolute; | ||
- | bottom: - | + | bottom: -50px; |
- | + | right:0; | |
- | + | background-repeat: none; | |
+ | } | ||
+ | |||
+ | .arrow-right { | ||
+ | background-position: 80% 0; | ||
} | } | ||
Revision as of 07:50, 22 September 2014
.slide {
position: relative;
}
.first {
margin-bottom: 0; height: 90vh; background-color: #515151; text-align: center;
}
.arrow {
position:absolute; bottom: -50px; right:0; background-repeat: none;
}
.arrow-right {
background-position: 80% 0;
}
- 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:50px;
}
- front-nav > nav {
width: 100%;
}
.arrow {
width: 100%;
}
@media (min-width: 768px)
#front-nav > nav { width: 375px; } .arrow { width: 750px; }
}
@media (min-width: 992px) {
#front-nav > nav { width: 485px; } .arrow { width: 970px; }
}
@media (min-width: 1200px) {
#front-nav > nav { width: 585px; } .arrow { width: 1170px; }
}