"

From 2014.igem.org

Revision as of 14:34, 23 September 2014 (view source) Maexlich (Talk | contribs) ← Older edit		Revision as of 14:15, 25 September 2014 (view source) Maexlich (Talk | contribs) (using an external editor) Newer edit →
Line 94:		Line 94:
	display:inline-block;		display:inline-block;
	width:50px;		width:50px;
		+	}
		+	#front-nav > ul > li > a > img{
		+	height: 40px;
	}		}

---

Revision as of 14:15, 25 September 2014

1. ring {

  position: absolute;
  z-index: 1025;

}

.container {

  position: relative;
  overflow: hidden;

}

.slide {

  position: relative;
  margin-bottom: 0;

}

.first {

   background-color: #515151;

}

.second {

   background-color: #e0e0e0;

}

.third {

   background-color: #ad342a;
   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;

}

.arrow-dark {

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

}

.arrow-light {

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

} .impressiv h1{

 text-transform: uppercase;
 font-weight: bold;

}

.impressiv {

 color:white;
 text-align: right;
 display: inline-block;
 vertical-align: middle;

}

1. nav-wrapper{

width:100%; position: fixed; z-index: 1030; height: 0; overflow: visible; }

1. front-nav {

 overflow: visible;
 position:relative;
 margin: 20px;
 margin-left: auto;
 margin-right: auto;

}

1. front-nav > ul {

 position:absolute;
 right:0;
 list-style-type: none;
 margin: 0;
 padding-right: 40px;

}

1. front-nav > ul > li {

 display: inline;

}

1. front-nav > ul > li a {

 display:inline-block;
 width:50px;

}

1. front-nav > ul > li > a > img{

 height: 40px;

}

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

}