Difference between revisions of "Team:Pasteur Paris/Project"

 
(50 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{Pasteur_Paris/MenuBlock}}
 
<html>
 
<html>
−
    <style>      
+
    <style type="text/css">
−
            /* BEGIN : Block Settings */
+
        #runningchip {
−
                #GeneralContent {
+
            left: 125px;
−
                    position:relative;
+
        }
−
                    width: 100%;
+
        #project_small {
−
                    background-color: #fffafc;
+
            background-color: #292929;
−
                }
+
        }
−
                #MainContent {
+
    #bannerchanged{
−
                    max-width: 1100px;
+
          width: 100%;
−
                    margin: auto;
+
          overflow: hidden;
−
                    padding-top: 10%;
+
          margin: 0 auto;
−
                    padding-bottom: 10%;
+
    }
−
                    text-align: center;
+
    @media screen and (max-width: 760px) {
−
                }
+
    /*#wrapper {
−
                footer {
+
          width: 100%;
−
                    background-color: #303E91;
+
          overflow: hidden;
−
                    height: 70px;
+
      }
−
                    width: 100%;
+
    #container {
−
                    bottom: 0%;
+
        width: 100%;
−
                    left: 0%;
+
          margin: 0 auto;
−
                }
+
      }*/
−
                .block {
+
    .banner-img {
−
                    display: inline-block;
+
        width: 100%;
−
                    vertical-align: middle;
+
      }
−
                    margin: auto;
+
    }
−
                    margin-top: 2%;
+
 
−
                    margin-bottom: 2%;
+
  </style>
−
                    margin-left: 1%;
+
 
−
                    margin-right: 1%;
+
  <div id="bannerchanged">
−
                }
+
                <img class="banner-img" src="https://static.igem.org/mediawiki/2018/b/be/T--Pasteur_Paris--Banner_Overview.jpg">
−
                .block.title {
+
        </div>
−
                    width: 94%;
+
    <h1></h1>
−
                    margin-bottom: 10%;
+
  </div>
−
                }
+
 
−
                .block.two-third {
+
    <div id="GeneralContent">
−
                    width: 60%;
+
        <div id="MainContent">
−
                }
+
            <a href="https://2018.igem.org/Team:Pasteur_Paris/Description">
−
                .block.two-third.center {
+
                 <div class="block onglet">
−
                    width: 60%;
+
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/b/be/T--Pasteur_Paris--Banner_Overview.jpg); background-color: black; background-position-x: 50%;">
−
                }
+
                        <p style="position: absolute; color: white; font-size: 250%; top: 157px; text-align: center;"><b>OVERVIEW</b></p>
−
                .block.one-third {
+
                     </div>
−
                    width: 30%;
+
                 </div>
−
                }
+
            </a>
−
                .block.full {
+
            <a href="https://2018.igem.org/Team:Pasteur_Paris/Growing_Back_Nerves">
−
                    width: 90%;
+
                <div class="block onglet">
−
                }
+
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/1/1f/T--Pasteur_Paris--Banner_GrowingBackNerves.jpg); background-color: black; background-size: 450%;">
−
                .block.half {
+
                        <p style="position: absolute; color: white; font-size: 250%; top: 80px; text-align: center;"><b>RECONNECT NERVES</b></p>
−
                    width: 45%;
+
                     </div>
−
                 }
+
                 </div>
−
                .block.separator {
+
            </a>
−
                     height: 1px;
+
            <a href="https://2018.igem.org/Team:Pasteur_Paris/Fighting">
−
                    width: 90%;
+
                <div class="block onglet">
−
                    margin-top: 3%;
+
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/5/5b/T--Pasteur_Paris--Banner_FightInfections.jpg); background-color: black; background-position-x: 20%;">
−
                    margin-bottom: 3%;
+
                        <p style="position: absolute; color: white; font-size: 250%; top: 115px; text-align: left; text-indent: 0; left: 32px;"><b>FIGHT INFECTIONS</b></p>
−
                }
+
                    </div>
−
                .block.separator-invisible {
+
                 </div>
−
                    height: 1px;
+
            </a>
−
                     width: 90%;
+
            <a href="https://2018.igem.org/Team:Pasteur_Paris/Model">
−
                 }
+
                 <div class="block onglet">
−
                .block.separator-mark {
+
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/6/62/T--Pasteur_Paris--Banner_Model.jpg); background-color: black; background-position-x: 40%">
−
                     height: 2px;
+
                     </div>
−
                    width: 70%;
+
                 </div>
−
                    margin-top: 15%;
+
            </a>
−
                    margin-bottom: 20%;
+
            <a href="https://2018.igem.org/Team:Pasteur_Paris/Membrane">
−
                    background-color: black;
+
                 <div class="block onglet">
−
                     opacity: 0.3;
+
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/1/18/T--Pasteur_Paris--Banner_Membrane2.jpg); background-color: black; background-position-x: 21%">
−
                 }
+
                     </div>
−
                .onglet{
+
                 </div>
−
                     position: relative;
+
            </a>
−
                    border-radius: 20px;
+
            <a href="https://2018.igem.org/Team:Pasteur_Paris/Kill">
−
                    background-color: red;
+
                 <div class="block onglet">
−
                    padding-top: 64%;
+
                    <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/a/ad/T--Pasteur_Paris--Banner_KillSwitch.jpg); background-color: black; background-position-x: 25%; background-position-y: 75%; background-size: 350%;">
−
                    width: 43%;
+
                        <p style="position: absolute; color: white; font-size: 250%; top: 112px;"><b>KILL SWITCH</b></p>
−
                    box-shadow: 5px 5px 30px grey;
+
                    </div>
−
                    background-color: #fffafc;
+
                 </div>
−
                }
+
            </a>
−
                 .onglet:hover{
+
            <a href="https://2018.igem.org/Team:Pasteur_Paris/Entrepreneurship">
−
                    opacity: .8;
+
                <div class="block onglet">
−
                    transform: scale(1.05,1.05);
+
                    <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/4/48/T--Pasteur_Paris--Banner_Entrepreneurship.jpg); background-color: black; background-position-x: 68%;">
−
                 }
+
                     </div>
−
                .onglet img{
+
                 </div>
−
                     border-top-left-radius: 20px;
+
             </a>
−
                    border-top-right-radius: 20px;
+
        </div>
−
                    height: 300px;
+
     </div>
−
                     width: 100%;
+
−
                 }
+
−
                .textOnglet{
+
−
                    height: 50px;
+
−
                }
+
−
                .imgOnglet{
+
−
                    width: 100%
+
−
                    height: 300px;
+
−
                 }
+
−
                .legend p {
+
−
                     text-indent: 0px;
+
−
                    font-size: 0.8em;
+
−
                }
+
−
                p {
+
−
                    text-align: justify;
+
−
                    text-indent: 30px;
+
−
                }
+
−
                img {
+
−
                     width: 100%;
+
−
                 }
+
−
                a img:hover {
+
−
                    opacity: 0.4;
+
−
                 }
+
−
                @media only screen and (max-width: 950px) {
+
−
                    .block.two-third, .block.one-third, .block.half {width: 44%; margin-left: 2%; margin-right: 2%;}
+
−
                    .block.two-third.center, .block.full, .block.separator, .block.title {width: 92%; margin-left: 4%; margin-right: 4%;}
+
−
                    body {padding-top: 40px;}
+
−
                }
+
−
                 @media only screen and (max-width: 760px) {
+
−
                    .block.two-third, .block.one-third, .block.two-third.center, .block.full, .block.separator, .block.title, .block.half {width: 96%; margin-left: 2%; margin-right: 2%; max-width: 495px;}
+
−
                     #Menu {display:none;}
+
−
                    body {padding-top: 40px;}
+
−
                 }
+
−
             /* END : Block Settings */
+
−
     </style>
+
 
</html>
 
</html>

Latest revision as of 15:17, 10 November 2018

""