Template:Erlangen Nuremberg/CSS

/* removes iGEM Styles */

1. sideMenu, #top_title {

   display: none;

}

1. bodyContent {

   width: 100%;
   height: 100%;

}

1. content {

   width:100%;
   padding: 0px;
   margin-top: -7px;
   margin-left: 0px;

}

1. top_menu_inside {

   background: rgb(51, 50, 48);

}

1. globalWrapper {

   padding-bottom: 0px;

}

end iGEM styles*/

• {

   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;
   /* hides horizontal scrollbar */
   overflow-x: hidden;

}

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

   text-decoration: none;
   color: transparent;

}

/* top left logo */ .logo {

   z-index: 15;
   margin-top: -50%;

}

.navbar-brand img {

   height: 55px;

}

/* Navbar Dropdown */ .sidebar-nav {

   padding: -9px 0;

}

.navbar {

   margin-top: 20px;

}

.nav li a {

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

   background-color: rgb(51, 50, 48);
   text-transform: uppercase;
   letter-spacing: 1.5px;
   margin-left: 20px;
   border: 1px solid rgb(51, 50, 48));

}

.nav li a:hover {

   color: rgb(51, 50, 48);

} .nav li a {

   color:white;

}

.dropdown .dropdown-menu li a{

   color: white;

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

   color: rgb(51, 50, 48);

}

.dropdown:hover .dropdown-menu {

   display: inline-block;

}

.dropdown .dropdown-menu {

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

}

.dropdown-menu li{

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

} /*navbar Ende */

/* Background Image */

.backgroundimage{

   position: relative;
   width: 100%;
   height: 100%;

   background-image: url("");
   background-repeat: no-repeat;
   background-size:cover;

   margin-top: 2.3%;

}

/* end image */

.projectname h2{

   font-size: 70px;
   text-align: center;
   font-family: Verdana;
   color: white;

}

.content {

   position: relative;
   width: 100%;
   
   margin: 0 auto;
   padding: 20px 20px;
   
   border-radius: 0px 10px 10px 10px;
   
   font-size: 70px;
   text-align: center;
   font-family: Verdana;
   color: white;

   z-index: 20;

}

.project{

   position: relative;
   height: 80%;
   width: 100%;

   margin: 0;

}

.project .content{

   position: relative;
   width: 70%;
   margin: 0 auto;
   
   margin-top: 4%;
   margin-bottom: 8%;
   
   background: white;

   font-family: Verdana;

}

.project .content p{

   position: relative;

   text-align: center;
   font-family: Verdana;
   font-weight: bold;

   color: rgb(51, 50, 48);

}

.project .content h2{

   text-align: center;
   font-size: 40px;
   color: rgb(51, 50, 48);

}

.bottom{

  position: relative;
  bottom: 0;
  left: 0;
  right: 0;

  margin-bottom: -1%;

   z-index: 20;

}

.bottom .contactus{

   position: relative;
   margin: 0 auto;
   text-align: center;
   background: rgb(51, 50, 48);
   width: 100%;

}

.contactus p{

   color: white;
   font-family: Verdana;
   line-height: 300%;
   text-align: center;
   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;

}