Team:Heidelberg/css/frontpage

From 2014.igem.org

(Difference between revisions)
Line 144: Line 144:
#front-nav {
#front-nav {
   width: 100%;
   width: 100%;
 +
}
 +
 +
body {
 +
  background-color:#000;
}
}

Revision as of 08:20, 29 September 2014

  1. 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;

}

  1. nav-wrapper{
 width:100%;
 position: fixed;
 z-index: 1030;
 height: 0;
 overflow: visible;

}

  1. front-nav {
 overflow: visible;
 position:relative;
 margin-left: auto;
 margin-right: auto;

}

  1. 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);

}

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

}

  1. 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;

}

  1. front-nav > ul > li a img{
 height: 40px;

}

  1. front-nav {
 width: 100%;

}

body {

 background-color:#000;

}

.arrow {

 width: 100%;

}

  1. scrollNag {
 background-image: url(Scroll-down-nag.png);
 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);

}