Team:Berlin/EditCoverBootstrap

From 2014.igem.org

Revision as of 21:39, 14 September 2014

.a-logo:hover{

 text-decoration: none;
 color: rgb(145,213,87);

}

.a-logo{

 color: rgb(145,213,87);

}

a, a:focus, a:hover {

 color: #0ecd28;

}

html, body {

 height: 100%;

} body {

 color: #fff;
 text-align: center;

}

.site-wrapper {

 display: table;
 width: 100%;
 height: 100%; 
 min-height: 100%;
 background: url('https://static.igem.org/mediawiki/2014/9/91/Team_Berlin_igem_background_start.jpg') no-repeat center center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

}

.site-wrapper-sub {

 display: table;
 width: 100%;
 height: 370px; 
 min-height: 370px;
 background: url('../img/background/Team_Berlin_igem_background_start.jpg') no-repeat center center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

}

.site-wrapper-sub-team {

 display: table;
 width: 100%;
 height: 370px; 
 min-height: 370px;
 background: url('../img/background/Team_Berlin_igem_background_team.jpg') no-repeat center center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

}

.site-wrapper-sub-project {

 display: table;
 width: 100%;
 height: 370px; 
 min-height: 370px;
 background: url('../img/background/Team_Berlin_igem_background_project.jpg') no-repeat center center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

}

.site-wrapper-sub-workshop {

 display: table;
 width: 100%;
 height: 370px;
 min-height: 370px;
 background: url('../img/background/Team_Berlin_igem_background_workshop.jpg') no-repeat center center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

}

.site-wrapper-sub-safety {

 display: table;
 width: 100%;
 height: 370px; 
 min-height: 370px;
 background: url('../img/background/Team_Berlin_igem08_small.jpg') no-repeat center center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

}

.site-wrapper-sub-contact {

 display: table;
 width: 100%;
 height: 370px; 
 min-height: 370px;
 background: url('../img/background/Team_Berlin_igem02_small.jpg') no-repeat center center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

}

.site-wrapper-inner {

 display: table-cell;
 vertical-align: top;

} .cover-container {

 margin-right: auto;
 margin-left: auto;

}

.inner-workshop {

 background-color: white;

}

.mastfoot {

 color: #999; 
 color: rgba(255,255,255,.5);

}

@media (min-width: 768px) {

 .masthead {
   position: fixed;
   top: 0;
 }
 .mastfoot {
   position: fixed;
   bottom: 0;
 }
 
 .masthead,
 .mastfoot,
 .cover-container {
   width: 100%; 
 }

}

@media (min-width: 992px) {

 .masthead,
 .mastfoot,
 .cover-container {
   width: 1017px;
 }

}

.masthead{

 z-index: 10;

}

@media (max-width: 468px){

   .site-wrapper {
     max-height: 400px;
   }

   .site-wrapper-inner{
     padding: 0;
     max-height: 400px;
   }
   

.site-wrapper-sub, .site-wrapper-sub-team, .site-wrapper-sub-project, .site-wrapper-sub-workshop, .site-wrapper-sub-safety, .site-wrapper-sub-contact{ background: none; height: 0; min-height: 0;

   }

 	.site-wrapper{

background: black;

 	}

}

@media (max-width: 768px){ .site-wrapper-sub, .site-wrapper-sub-team, .site-wrapper-sub-project, .site-wrapper-sub-workshop, .site-wrapper-sub-safety, .site-wrapper-sub-contact{ background: none; height: 0; min-height: 0;

   }

 	.site-wrapper{

background: black;

 	}

}