Team:Erlangen Nuremberg

  • {
   border-sizing: border-box;
   /* makes boxes visible */
   /* border: 1px solid rgba(0,0,0,0.3); */

}

html, body { 

   margin: 0;
   padding-bottom: 0 ;
   height: 100%;
   width: 100%;
   overflow: scroll;

}

/*removes underlines/color from links */ a { 

   text-decoration: none;
   color: transparent;

}

/* Navbar Dropdown */ .sidebar-nav { 

   padding: -9px 0;

}

.navbar { 

   margin-top: 20px;
   background:

}

.nav li a { 

   position:relative;
   display:block;
   border-radius: 0px 10px 10px 10px;

   background-color: rgba(110,14,26,1);
   text-transform: uppercase;
   letter-spacing: 1.5px;
   margin-left: 20px;
   border: 1px solid rgba(110,14,26,1);

}

.nav li a:hover { 

   color: rgba(110,14,26,1);

} .nav li a { 

   color:white;

}

.dropdown .dropdown-menu li a{ 

   color: white;

} .dropdown .dropdown-menu li a:hover{ 

   color: rgba(110,14,26,1);

}

.dropdown:hover .dropdown-menu { 

   display: inline-block;

}

.dropdown .dropdown-menu { 

   background-color: transparent;
   box-shadow: none;
   border:none;

}

.navbar-brand img { 

   margin-top: -15px;
   height:50px;

}


.dropdown-menu li{ 

   margin-top: 5px;
   margin-right: 15px;

} /*navbar Ende */

/*team*/ .team-banner img{ 

   margin-top: 50px;
   width:100%;
   height:500px;

}

.background .team-banner img { 

   margin-top: 100px;
   width:100%;

}

.teammembers1 img { 

   width: 20%;
   margin-left: 5%;
   margin-top: 50px;
   margin-bottom:50px;
   float:left;

}

.teammembers1 p{ 

   margin-left: 40%;
   margin-right:20%;
   margin-top: 5%;
   color: gainsboro;


}

.teammembers2 img { 

   width:20%;
   margin-right: 5%;
   margin-top: 50px;
   margin-bottom: 50px;
   float:right;

}

.teammembers2 p{ 

   margin-left: 20%;
   margin-right: 40%;
   margin-top: 5%;
   color: rgba(110,14,26,1);

}

.teammembers1 { 

   margin-left:22%;
   margin-top: 30px;
   margin-bottom: 20px;
   margin-right: 30%;
   border-radius: 0px 10px 10px 10px;
   background-color: rgba(110,14,26,1) ;
   box-shadow: 10px 10px 26px 0px rgba(150,150,150,1);

}

.teammembers2{ 

   margin-left:30%;
   margin-top: 30px;
   margin-bottom: 20px;
   margin-right: 22%;
   border-radius: 10px 0px 10px 10px;
   background-color: gainsboro;
  box-shadow: -10px 10px 26px 0px rgba(150,150,150,1);

}


h2 { 

   text-align: center;

}


.content { 

   position: relative;
   top: 50px;
   width: 60%;
   border-radius: 10px 10px 10px 10px;
   margin: 0 auto;
   padding: 20px 20px;

}

.content img{ 

   float:left;

}

.background { 

   height: 100%;
   width: 100%;

}

/* adds invisible element for right scrolling position */ 

.jumptarget:before {
   display: block;
   content: "";
   margin-top: -200px;
   height: 200px;
   visibility: hidden;

}

/* back to the top icon */ .backtop { 

   position: fixed;

   left: 50%;

   margin-top: 90%;
   margin-bottom: 10%;

   z-index: 16;

   font-size: 50px;

   border: 2px solid rgba(110,14,26,1);
   border-radius: 50%;

   background-color:rgba(126,40,51,1);

   box-shadow:  4px 7px 40px -2px rgba(0,0,0,0.5);

}

.choose_timeline { 

   position: relative;
   width: 60%;
   margin: 0 auto;
   margin-top: 10%;

}

  1. erlangen_timeline a, #wuerzburg_timeline a {
   text-decoration: none;
   color: black;

}

  1. erlangen_timeline {
   position: relative;
   float: left;

   background-color:rgba(126,40,51,1);

}

  1. erlangen_timeline h2, #wuerzburg_timeline h2 {
   color: white;
   font-size: 1.8em;

}

  1. erlangen_timeline, #wuerzburg_timeline {
   position: relative;

   background-color:rgba(126,40,51,1);
   color: white;

   display:inline-block;
   border-radius: 0px 10px 10px 10px;

   background-color: rgba(110,14,26,1);

   text-transform: uppercase;
   letter-spacing: 1.5px;

   margin-left: 20px;
   border: 1px solid rgba(110,14,26,1);

   box-shadow:  4px 7px 40px -2px rgba(0,0,0,0.5);

   padding: 0.1% 2%;

}

  1. erlangen_timeline {
   float: left;

}

  1. wuerzburg_timeline {
   float: right;

}

.backgroundimage { 

       background-image: url("http://tracks.arte.tv/sites/default/files/styles/jscrop_1007x566/public/3028124-poster-p-dna.jpg?itok=i5F4fvCz");
       background-repeat: no-repeat;
       border: 1px solid rgba(0,0,0,0.3);
       position: relative;
       height: 70%;
       width: 100%;

}

.backgroundimage .content h2{ 

   position: relative;
   font-size: 70px;
   text-align: center;
   font-family: Verdana;
   color: black;


}

.project{ 

   height: 100%


} .project .content{ 

   font-family: Verdana;
   position: relative;
   top: 5%;
   left: 5%;
   right: 5%;
   bottom: 5%;

}

.project .content p{ 

   font-family: Verdana;
   font-size: 15px;

}

.project .content h2{ 

   font-size: 30px;

}


.bottom{ 

  position: absolute;
  bottom: 0;
   left: 0;
   right: 0;
   margin-top: 10px;
   padding-top: 50px;

}


.bottom .contactus{ 

   text-align: center;
   background: black;
   width: 100%;

}

.contactus p{ 

   color: white;
   font-family: Verdana;
   line-height: 300%
   vertical-align: middle;
   left: 100%;
   padding-top: 5px;
   padding-bottom: 0;

}

.bottom .sponsors{ 

   background: white;
   text-align-last: center;
   height: 5px;
   padding-bottom: 80px;

}

.bottom .sponsors p{ 

   text-align-last: center;
   padding-bottom: 50px;

}

.contactus .logos{ 

   padding-top: 0;

} iGEM Erlangen Würzburg

Projektname

Projekt

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

SPONSORS

@ iGem Franconia