Team:Heidelberg/css/frontpage

From 2014.igem.org

(Difference between revisions)
Line 29: Line 29:
.impressiv h1{
.impressiv h1{
   text-transform: uppercase;
   text-transform: uppercase;
 +
}
 +
 +
.impressiv h1, p {
 +
  font-weight: bold;
}
}
.impressiv {
.impressiv {
   color:white;
   color:white;
-
  font-weight: bold;
 
}
}

Revision as of 08:58, 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: no-repeat;
   z-index: 1020;
   height: 50px;

}

.arrow-right {

   background-position: 85% 0;

}

.arrow-grey {

   background-image: url("/wiki/images/0/03/Heidelberg_Dreieck.png");

}

.impressiv h1{

 text-transform: uppercase;

}

.impressiv h1, p {

 font-weight: bold;

}

.impressiv {

 color:white;

}

  1. front-nav {
 position: fixed;
 right: 0;
 width: 50%;
 overflow: visible;
 z-index: 1030;
 margin: 20px;

}

  1. front-nav > nav {
 position:absolute;
 left:0;

}

  1. front-nav > nav > ul {
 position:absolute;
 right:0;
 list-style-type: none;
 margin: 0;
 padding-right: 10px;

}

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

}

  1. front-nav > nav > ul > li a {
 display:inline-block;
 width:50px;

}

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

}