Team:Heidelberg/css/frontpage
From 2014.igem.org
(Difference between revisions)
Line 69: | Line 69: | ||
@media (min-width: 768px) | @media (min-width: 768px) | ||
- | #front- | + | #front-nav { |
- | width: | + | width: 750px; |
} | } | ||
.arrow { | .arrow { | ||
Line 79: | Line 79: | ||
@media (min-width: 992px) { | @media (min-width: 992px) { | ||
- | #front- | + | #front-nav { |
- | width: | + | width: 970px; |
} | } | ||
.arrow { | .arrow { | ||
Line 88: | Line 88: | ||
@media (min-width: 1200px) { | @media (min-width: 1200px) { | ||
- | #front- | + | #front-nav { |
- | width: | + | width: 1170px; |
} | } | ||
.arrow { | .arrow { |
Revision as of 12:43, 22 September 2014
- ring {
position: fixed; z-index: 1020;
}
.slide {
position: relative;
}
.first {
margin-bottom: 0; height: auto; background-color: #515151; text-align: center;
}
.arrow {
position: absolute; right: 0; background-repeat: no-repeat; z-index: 1020; height: 50px; bottom: -50px;
}
.arrow-right {
background-position: 85% 0;
}
.arrow-grey {
background-image: url("/wiki/images/0/03/Heidelberg_Dreieck.png");
}
.impressiv h1{
text-transform: uppercase; font-weight: bold;
}
.impressiv {
color:white;
}
- front-nav {
overflow: visible;
}
- 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 { width: 750px; } .arrow { width: 750px; }
}
@media (min-width: 992px) {
#front-nav { width: 970px; } .arrow { width: 970px; }
}
@media (min-width: 1200px) {
#front-nav { width: 1170px; } .arrow { width: 1170px; }
}