Difference between revisions of "Team:ShanghaitechChina"

Line 61: Line 61:
 
.image {
 
.image {
 
     height: 250px;
 
     height: 250px;
 +
}
 +
/* Have padding top so banner image doesn't overlap top nav */
 +
.intro-banner {
 +
    background-image: url("https://static.igem.org/mediawiki/2016/d/d0/Mask.png") , url("https://static.igem.org/mediawiki/2016/1/16/Landscape1.jpeg");
 +
    background-size:cover;
 +
    color: #f2f2f2;
 +
    padding-bottom: 50px;
 +
    padding-top: 50px;
 +
    text-align: center;
 +
    width: 102%;
 +
    background-size:cover;
 +
    margin-left: -1%;
 +
}
 +
.intro-banner:hover{
 +
    background: url("https://static.igem.org/mediawiki/2016/1/16/Landscape1.jpeg") no-repeat scroll center center;
 +
    background-size:cover;
 +
 +
 +
}
 +
.intro-inner {
 +
    position: relative;
 +
    padding-bottom: 10%;
 +
}
 +
 +
.intro-inner h1 {
 +
    margin: 0;
 +
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
 +
    font-size: 5em;
 +
}
 +
 +
.intro-divider {
 +
    width: 50%;
 +
    border-top: 1px solid #f2f2f2;
 +
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 +
    margin-left:25%;
 +
}
 +
 +
.intro-inner h3 {
 +
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
 +
}
 +
 +
/* Special paragraphs that stand out */
 +
.lead {
 +
    font-size: 20px;
 +
}
 +
 +
/* For smaller devices */
 +
@media (max-width: 767px) {
 +
    .intro-inner {
 +
        padding-bottom: 15%;
 +
    }
 +
 +
    .intro-inner > h1 {
 +
        font-size: 3em;
 +
    }
 +
 +
    ul.intro-social-buttons > li {
 +
        display: block;
 +
        margin-bottom: 20px;
 +
        padding: 0;
 +
    }
 +
 +
    ul.intro-social-buttons > li:last-child {
 +
        margin-bottom: 0;
 +
    }
 +
 +
    .intro-divider {
 +
        width: 100%;
 +
    }
 +
}
 +
 +
.button-title {
 +
    font-family: 'Architects Daughter', cursive;
 +
    font-size: 18px;
 
}
 
}
  

Revision as of 08:24, 26 September 2016

igem2016:ShanghaiTech

Solar Hunter

meixianghaoxieshenme