Difference between revisions of "Team:EPF Lausanne"

 
(134 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,700');
+
{{:Team:EPF_Lausanne/Top_Nav}}
−
footer{
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
−
position: relative;
+
<body>
−
bottom: 0;
+
−
}
+
  
−
@media (max-height:800px){
+
    <div class="carousel slide" id="carousel-home">
−
footer { position: static; }
+
      <div class="carousel-inner">
−
header { padding-top:40px; }
+
        <div class="item active">
−
}
+
          <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/4/4b/EPF_Lausanne_Home1.png" alt="First slide">
 +
        </div>
 +
        <div class="item">
 +
          <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/6/60/EPF_Lausanne_Home5.png" alt="Second slide">
 +
        </div>
 +
        <div class="item">
 +
          <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/4/4b/EPF_Lausanne_Home2.png" alt="Third slide">
 +
        </div>
 +
        <div class="item">
 +
          <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/9/9b/EPF_Lausanne_Home3.png" alt="Fourth slide">
 +
        </div>
 +
        <div class="item">
 +
          <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/1/1a/EPF_Lausanne_Home4.png" alt="Fifth slide">
 +
        </div>
 +
      </div>
 +
      <a href="#carousel-home" class="left carousel-control" data-slide="prev">
 +
        <span class="icon-prev"></span>
 +
      </a><!-- end left control -->
 +
      <a href="#carousel-home" class="right carousel-control" data-slide="next">
 +
        <span class="icon-next"></span>
 +
      </a>
 +
    </div>
  
−
.footer-distributed{
 
−
background-color: #EBEBEB;
 
−
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 
−
box-sizing: border-box;
 
−
width: 100%;
 
−
text-align: left;
 
−
font: bold 16px sans-serif;
 
  
−
padding: 55px 50px;
+
  <section id="features">
−
margin-top: 80px;
+
    <div id="Tour-section">
−
}
+
      <img src="https://static.igem.org/mediawiki/2015/f/f6/EPF_Lausanne_Home_Button.png" alt="Take a tour" usemap="#TakeTour">
  
−
.footer-distributed .footer-left,
+
      <map name="TakeTour">
−
.footer-distributed .footer-center,
+
        <area shape="circle" coords="162,250,105" alt="Project" href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description">
−
.footer-distributed .footer-right{
+
        <area shape="circle" coords="452,120,95" alt="Design" href="https://2015.igem.org/Team:EPF_Lausanne/Design">
−
display: inline-block;
+
        <area shape="circle" coords="1002,160,110" alt="Results" href="https://2015.igem.org/Team:EPF_Lausanne/Results">
−
vertical-align: top;
+
        <area shape="circle" coords="642,360,160" alt="Tour" href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description">
−
}
+
        <area shape="circle" coords="962,540,105" alt="Modeling" href="https://2015.igem.org/Team:EPF_Lausanne/Modeling">
 +
        <area shape="circle" coords="352,560,120" alt="Practices" href="https://2015.igem.org/Team:EPF_Lausanne/Practices">
 +
        <area shape="circle" coords="1154,477,50" alt="meetus" href="https://2015.igem.org/Team:EPF_Lausanne/Team/Meet">
 +
      </map>
 +
    </div>
  
−
/* Footer left */
+
  </section>
−
 
+
</body>
−
.footer-distributed .footer-left{
+
</html>
−
width: 40%;
+
{{:Team:EPF_Lausanne/Footer}}
−
}
+
−
 
+
−
/* The company logo */
+
−
 
+
−
.footer-distributed h3{
+
−
color:  #ffffff;
+
−
font: normal 36px 'Cookie', cursive;
+
−
margin: 0;
+
−
}
+
−
 
+
−
.footer-distributed h3 span{
+
−
color:  #5383d3;
+
−
}
+
−
 
+
−
/* Footer links */
+
−
 
+
−
.footer-distributed .footer-links{
+
−
color:  #191975;
+
−
margin: 20px 0 12px;
+
−
padding: 0;
+
−
}
+
−
 
+
−
.footer-distributed .footer-links a{
+
−
display:inline-block;
+
−
line-height: 1.8;
+
−
text-decoration: none;
+
−
color:  inherit;
+
−
}
+
−
 
+
−
.footer-distributed .footer-company-name{
+
−
color:  #191975;
+
−
font-size: 14px;
+
−
font-weight: normal;
+
−
margin: 0;
+
−
}
+
−
 
+
−
/* Footer Center */
+
−
 
+
−
.footer-distributed .footer-center{
+
−
width: 35%;
+
−
}
+
−
 
+
−
.footer-distributed .footer-center i{
+
−
background-color:  #2F2F2F;
+
−
color: #ffffff;
+
−
font-size: 25px;
+
−
width: 38px;
+
−
height: 38px;
+
−
border-radius: 50%;
+
−
text-align: center;
+
−
line-height: 42px;
+
−
margin: 10px 15px;
+
−
vertical-align: middle;
+
−
}
+
−
 
+
−
.footer-distributed .footer-center i.fa-envelope{
+
−
font-size: 17px;
+
−
line-height: 38px;
+
−
}
+
−
 
+
−
.footer-distributed .footer-center p{
+
−
display: inline-block;
+
−
color: #2F2F2F;
+
−
vertical-align: middle;
+
−
margin:0;
+
−
}
+
−
 
+
−
.footer-distributed .footer-center p span{
+
−
display:block;
+
−
font-weight: normal;
+
−
font-size:14px;
+
−
line-height:2;
+
−
}
+
−
 
+
−
.footer-distributed .footer-center p a{
+
−
color:  #2F2F2F;
+
−
text-decoration: none;;
+
−
}
+
−
 
+
−
 
+
−
/* Footer Right */
+
−
 
+
−
.footer-distributed .footer-right{
+
−
width: 20%;
+
−
}
+
−
 
+
−
.footer-distributed .footer-company-about{
+
−
line-height: 20px;
+
−
color:  #2F2F2F;
+
−
font-size: 13px;
+
−
font-weight: normal;
+
−
margin: 0;
+
−
}
+
−
 
+
−
.footer-distributed .footer-company-about span{
+
−
display: block;
+
−
color:  #2F2F2F;
+
−
font-size: 14px;
+
−
font-weight: bold;
+
−
margin-bottom: 20px;
+
−
}
+
−
 
+
−
.footer-distributed .footer-icons{
+
−
margin-top: 25px;
+
−
}
+
−
 
+
−
.footer-distributed .footer-icons a{
+
−
display: inline-block;
+
−
width: 35px;
+
−
height: 35px;
+
−
cursor: pointer;
+
−
background-color:  #2F2F2F;
+
−
border-radius: 2px;
+
−
 
+
−
font-size: 20px;
+
−
color: #2F2F2F;
+
−
text-align: center;
+
−
line-height: 35px;
+
−
 
+
−
margin-right: 3px;
+
−
margin-bottom: 5px;
+
−
}
+
−
 
+
−
/* If you don't want the footer to be responsive, remove these media queries */
+
−
 
+
−
@media (max-width: 880px) {
+
−
 
+
−
.footer-distributed{
+
−
font: bold 14px sans-serif;
+
−
}
+
−
 
+
−
.footer-distributed .footer-left,
+
−
.footer-distributed .footer-center,
+
−
.footer-distributed .footer-right{
+
−
display: block;
+
−
width: 100%;
+
−
margin-bottom: 40px;
+
−
text-align: center;
+
−
}
+
−
 
+
−
.footer-distributed .footer-center i{
+
−
margin-left: 0;
+
−
}
+
−
 
+
−
}
+

Latest revision as of 02:28, 19 September 2015

EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits

Take a tour Project Design Results Tour Modeling Practices meetus
EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits