Team:Heidelberg/css/frontpage
From 2014.igem.org
(Difference between revisions)
Line 148: | Line 148: | ||
.arrow { | .arrow { | ||
width: 100%; | width: 100%; | ||
+ | } | ||
+ | |||
+ | #scrollNag { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/7/73/Scroll-down-nag.png); | ||
+ | opacity: 0; | ||
} | } | ||
Revision as of 22:50, 28 September 2014
- ring {
position: absolute; z-index: 1025;
}
.container {
position: relative; overflow: hidden;
}
.slide {
position: relative; margin-bottom: 0;
}
.dark-grey {
background-color: #515151;
}
.grey {
background-color: #e0e0e0;
}
.epic-background{
background-color: #000000; background-image: url("/wiki/images/6/6a/Heidelberg_epic_background.jpg"); background-size: 100% auto; background-repeat: no-repeat;
}
.red {
background-color: #ad342a; background-image: url("/wiki/images/8/85/Heidelberg_Firering_half.png"); background-position-x: 90%; background-position-y: 100%; background-size: auto 300px; background-repeat: no-repeat; color: white;
}
.arrow {
position: absolute; right: 0; background-repeat: no-repeat; z-index: 1020; height: 50px; bottom: -50px;
}
.arrow-right {
background-position: 85% 0;
}
.arrow-left {
background-position: 15% 0;
}
.grey .arrow {
background-image: url("/wiki/images/0/0b/Heidelberg_Dreieck-light.png");
}
.dark-grey .arrow {
background-image: url("/wiki/images/0/03/Heidelberg_Dreieck.png");
}
.red .arrow {
background-image: url("/wiki/images/0/0b/Dreieck-red.png");
}
.epic-background .arrow {
background-image: url("/wiki/images/0/05/Heidelberg_Dreieck-black.png");
}
.impressiv h1{
text-transform: uppercase; font-weight: bold;
}
.impressiv {
color:white; text-align: right; display: inline-block; vertical-align: middle;
}
.impressiv span {
color: #ad342a;
}
.impressiv h1 {
margin-top: 0;
}
.impressiv h2 {
margin-bottom: 0;
}
- nav-wrapper{
width:100%; position: fixed; z-index: 1030; height: 0; overflow: visible;
}
- front-nav {
overflow: visible; position:relative; margin-left: auto; margin-right: auto;
}
- front-nav > ul {
position:absolute; right:0; list-style-type: none; margin: 0; padding-right: 20px; padding-left: 20px; padding-top: 20px; padding-bottom: 10px; background: url('/wiki/images/2/20/Heidelberg_Navbg.png'); background: rgba(81, 81, 81, 0.75);
}
- front-nav > ul > li {
display: inline;
}
- front-nav > ul > li a {
display:inline-block; width:55px; text-align: center; background-size: auto 99.9%; background-repeat: no-repeat; background-position: center;
}
- front-nav > ul > li a img{
height: 40px;
}
- front-nav {
width: 100%;
}
.arrow {
width: 100%;
}
- scrollNag {
background-image: url(); opacity: 0;
}
.tooltip-inner {
background-color:#515151 !important;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #515151 !important;
}
@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; }
}
.team_icon_red:hover {
background-image:url(/wiki/images/d/d3/Team_icon_red.png);
}
.science_icon_red:hover {
background-image:url(/wiki/images/3/3f/Science_icon_red.png);
}
.parts_icon_red:hover {
background-image:url(/wiki/images/1/1d/Parts_icon_red.png);
}
.software_icon_red:hover {
background-image:url(/wiki/images/1/18/Software_icon_red.png);
}
.modeling_icon_red:hover {
background-image:url(/wiki/images/1/13/Modeling_icon_red.png);
}
.toolbox_icon_red:hover {
background-image:url(/wiki/images/3/32/Toolbox_icon_red.png);
}
.humanpractice_icon_red:hover {
background-image:url(/wiki/images/3/3d/Humanpractice_icon_red.png);
}
.MD_icon_red:hover {
background-image:url(/wiki/images/0/03/MD_icon_red.png);
}