Difference between revisions of "Template:Paris Bettencourt/Templatestop"

 
(188 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
 
 
<html>
 
<html>
  
Line 10: Line 9:
 
body {background-color:white; }
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
 
−
 
−
 
−
 
  
 
/*anti igem css*/
 
/*anti igem css*/
−
 
  
 
#HQ_page h1, h2, h3, h5 {
 
#HQ_page h1, h2, h3, h5 {
Line 114: Line 108:
 
.header {
 
.header {
 
width : 100%;
 
width : 100%;
−
height : 100vh;
+
 
background-attachment: fixed;
 
background-attachment: fixed;
 
background-position : center;
 
background-position : center;
 
background-repeat : no-repeat;
 
background-repeat : no-repeat;
 
background-size : cover;
 
background-size : cover;
−
background-color : rgb(200,200,200);
+
 
text-align : center;
 
text-align : center;
 
         line-height : 100px;
 
         line-height : 100px;
Line 129: Line 123:
 
     align-items: center;
 
     align-items: center;
 
justify-content: center;
 
justify-content: center;
 +
margin-top:80px;
 +
}
 +
.header img {
 +
    height: 400px;
 
}
 
}
 
.textbody {
 
.textbody {
Line 134: Line 132:
 
margin : 0 auto;
 
margin : 0 auto;
 
text-align : justify;
 
text-align : justify;
−
padding-top : 75px;
+
padding-top : 0;
 
display : block;
 
display : block;
−
font-family : "Futura", sans-serif;
+
font-family : Tahoma, Geneva, sans-serif;
 
color : rgb(64,64,64);
 
color : rgb(64,64,64);
 
font-size : 15px;
 
font-size : 15px;
−
         margin-bottom : 50px;
+
         margin-bottom : 40px;
 
         text-indent : 15px;
 
         text-indent : 15px;
 
}
 
}
  
 
#HQ_page .textbody p {
 
#HQ_page .textbody p {
−
       font-family : "Futura", sans-serif;
+
       font-family : Tahoma, Geneva, sans-serif;
 
color : rgb(64,64,64);
 
color : rgb(64,64,64);
 
font-size : 15px;
 
font-size : 15px;
Line 161: Line 159:
 
margin-bottom : 75px;
 
margin-bottom : 75px;
 
font-family: Didot, Didot LT STD,  Hoefler Text, Garamond, Times New Roman, serif;
 
font-family: Didot, Didot LT STD,  Hoefler Text, Garamond, Times New Roman, serif;
−
color : rgb(0, 0, 0);
+
color : rgb(0, 0,0);
  
  
 
}
 
}
 
.textbody h2 {
 
.textbody h2 {
 +
        text-align : center;
 
         font-size : 30px;
 
         font-size : 30px;
 
font-variant: small-caps;
 
font-variant: small-caps;
Line 189: Line 188:
 
}
 
}
 
.text1 img {
 
.text1 img {
−
      width : 50%;
+
    height: 140px;
−
      margin-left : 25%;
+
    margin: 0 auto;
−
      margin-right : 25%;
+
    display: block;
 +
    margin-top: 50px;
 +
    margin-bottom: 0px;
 +
}
 +
.text2 img {
 +
    height: 90px;
 +
    margin: 0 auto;
 +
    display: block;
 +
    margin-top: 50px;
 +
    margin-bottom: 0px;
 +
}
 +
.text3 img {
 +
    height: 500px;
 +
    margin: 0 auto;
 +
    display: block;
 +
    margin-top: 10px;
 +
    margin-bottom: 0px;
 
}
 
}
 
.text1 span {
 
.text1 span {
Line 342: Line 357:
 
#menu ul li a {
 
#menu ul li a {
 
display: inline-block;
 
display: inline-block;
−
}
 
−
 
−
.menulist {
 
−
overflow: hidden;
 
−
margin : auto;
 
−
background : rgb(94,94,94);
 
−
        margin-left : 100px !important;
 
−
padding : 0px;
 
−
        margin-top : 0px;
 
−
        height : 60px;
 
−
        font-size : 16px;
 
−
}
 
−
 
−
.menulist .list a {
 
−
display: block;
 
−
text-align: center;
 
−
text-decoration : none;
 
−
color: white;
 
−
        padding-left : 5px;
 
−
        padding-right : 5px;
 
−
        padding-top : 15px;
 
−
        padding-bottom : 15px;
 
−
}
 
−
.menulist .list a:hover {
 
−
background-color: rgb(124, 124, 124);  /*here to change the color when you pass the mouse over, look down a bit*/
 
 
}
 
}
 
.menulist .list .dropdownlist {
 
.menulist .list .dropdownlist {
Line 509: Line 499:
 
nav
 
nav
 
{
 
{
−
     width: 100%;
+
     width: 90%;
 
     background: #66b24c;
 
     background: #66b24c;
 
}
 
}
Line 648: Line 638:
 
                                 width: 100%;
 
                                 width: 100%;
 
                                 padding-right: 30px;
 
                                 padding-right: 30px;
 +
                                top:18px;
 
                             }
 
                             }
 
                              
 
                              
Line 662: Line 653:
  
 
#home{
 
#home{
−
     margin-top: 2px;
+
     margin-top: 18px;
 
     margin-right: 10px;
 
     margin-right: 10px;
  
  
−
width : 60px;
+
width : 120px;
 
top : 0;
 
top : 0;
 
         margin-left : 10px;
 
         margin-left : 10px;
Line 679: Line 670:
  
 
#logolist2{
 
#logolist2{
−
                            float: right;
+
    float: right;
 
     display: flex;
 
     display: flex;
 
    
 
    
−
     width: 175px;
+
     width: 155px;
 
     margin-top: -54px;
 
     margin-top: -54px;
 
     margin-right: 50px;
 
     margin-right: 50px;
Line 700: Line 691:
 
     float: left;
 
     float: left;
 
}
 
}
−
 
  
 
</style>
 
</style>
Line 708: Line 698:
 
                         <!--div class="col-md-4 home-link"><a href="index.html"><i class="fa fa-home fa-3" aria-hidden="true"></i></a></div-->
 
                         <!--div class="col-md-4 home-link"><a href="index.html"><i class="fa fa-home fa-3" aria-hidden="true"></i></a></div-->
 
                         <div class="col-md-8">
 
                         <div class="col-md-8">
−
                                 <a href="https://2018.igem.org/Team:Paris_Bettencourt" id="mainpage"><img id="home" src="https://static.igem.org/mediawiki/2018/a/a8/Logo_medusablancPB.png" class=" b-error"></a>
+
                                 <a href="https://2018.igem.org/Team:Paris_Bettencourt" id="mainpage"><img id="home" src="https://static.igem.org/mediawiki/2018/6/63/T--Paris_Bettencourt--STARCORE_logo.png" class=" b-error"></a>
 
                                 <ul class=" text-left wtf-menu ">
 
                                 <ul class=" text-left wtf-menu ">
−
                                        <li class="parent main-item"><a href="#">Project &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
+
 
−
                                            <ul class="submenu">
+
<li class="parent main-item"><a href="#">Project &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Overview">Overview</a></li>
+
        <ul class="submenu">
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Constructs_design">Constructs design</a></li>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Human_Practices">Human Practices</a></li>
−
                                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Cell-free_expression">Cell-free expression</a></li>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Applied_Design">Applied Design</a></li>
−
                                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/TWIST_modeling">TWIST modeling</a></li>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Design">Design</a></li>
−
                                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Functional_test">Functional test</a>                                                 
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Production">Production</a></li>
−
                                                                </li>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Active_Testing">Testing&#160;<i class="fa fa-caret-right" aria-hidden="true"></i></a>
−
                                            </ul>
+
    <ul class="submenu">
−
                                        </li>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Active_Testing">Active Testing</a></li>
−
                                        <li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Model">Modeling &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Biocompatibility_Testing">Biocompatibility Testing</a></li>
−
                                            <ul class="submenu">
+
    </ul>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Model#firstmodel">AMPs</a></li>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Model">Modeling</a></li>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Model#secondmodel">TWIST library</a></li>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Optimization">Optimization</a></li>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Model#thirdmodel">Star-shaped AMPs</a></li>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Public_Engagement">Public Engagement</a></li>
−
                                            </ul>
+
    </ul>
−
                                        </li>
+
</li>
−
                                        <li class="parent main-item"><a href="#">Achievements &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
+
 
−
                                            <ul class="submenu">
+
<li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Software">Software &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Medal_Criteria">Medal Criteria</a></li>
+
        <ul class="submenu">  
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Results">Results</a></li>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/AMPDesigner_Overview">AMP Designer Overview</a></li>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Contribution">Contributions</a></li>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/AMP_Forest">AMP Forest</a></li>
−
                                            </ul>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/AMP_Evolver">AMP Evolver</a></li>
−
                                        </li>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Result">Result</a></li>
−
                                        <li class="parent main-item"><a href="#">Human Practices &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
+
    </ul>
−
                                            <ul class="submenu">
+
</li>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/HP/Silver">Silver HP</a></li>
+
<li class="parent main-item"><a href="#">Judging&#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/HP/Gold_Integrated">Gold</a></li>
+
 
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/HP/Integrated HP">Integrated HP</a></li>
+
<ul class="submenu">
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Engagement">Public Engagement</a></li>
+
    <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Medal_Criteria">Medal Criteria </a></li>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Safety">Safety</a></li>
+
    <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Results">Key Results</a></li>
−
                                            </ul>
+
    <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/BioBricks">BioBricks</a></li>
−
                                        </li>
+
    <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/InterLab">InterLab</a></li>  
−
                                        <li class="parent main-item">
+
</ul>
−
                                            <a href="https://2018.igem.org/Team:Paris_Bettencourt/Lab_Notebook">Lab Book</a>
+
 
−
                                        </li>
+
<li class="parent main-item"><a href="#">Team &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
−
                                        <li class="parent main-item"><a href="#">Parts &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
+
 
−
                                            <ul class="submenu">
+
<ul class="submenu">
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Improve">Improved Part</a></li>
+
    <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Members">Members</a></li>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Basic_Part">Basics Parts</a></li>
+
    <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Collaborations">Collaborations</a></li>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Composite_Part">Composite Parts</a></li>
+
    <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Attributions">Attributions</a></li>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Part_Collection">Part Collection</a></li>
+
</ul>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Parts">Parts</a></li>
+
</li>
−
                               
+
 
−
                                            </ul>
+
<li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Lab_Notebook">Lab Notebook</a></li>
−
                                        </li>
+
<li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Acknowledgements">Acknowledgements</a></li>
−
                                        <li class="parent main-item"><a href="#">Team &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
+
 
−
                                            <ul class="submenu">
+
 
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Team">Team Members</a></li>
+
<div id="logolist2">
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Collaborations">Collaborations</a></li>
+
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Attributions">Attributions</a></li>
+
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Sponsors">Sponsors</a></li>
+
−
                                            </ul>
+
−
                                        </li>
+
−
                                    </ul>
+
−
                                    <div id="logolist2">
+
 
                                             <div id="logoigem" class="sidelogos">
 
                                             <div id="logoigem" class="sidelogos">
 
                                                     <a href="https://2018.igem.org/Main_Page" title="iGEM 2018" target="_blank">
 
                                                     <a href="https://2018.igem.org/Main_Page" title="iGEM 2018" target="_blank">
Line 799: Line 782:
 
                        
 
                        
 
                 </nav>
 
                 </nav>
−
</html>
+
<a><img id="top-button" src="https://static.igem.org/mediawiki/2018/d/d5/T--Paris_Bettencourt--STARCORE_logoBW.png"></a>
 +
 
 +
 
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 +
 
 +
<script type="text/javascript">
 +
function scrollToTop(tag){
 +
console.log('titi');
 +
var aTag = tag;
 +
$('html,body').animate({scrollTop: aTag.offset().top},'slow');
 +
}
 +
$("#top-button").click(function() {
 +
scrollToTop($('#header1'));
 +
});
 +
</script>
 +
 
 +
 
 +
 
 +
 
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>
 +
<style type="text/css">
 +
}
 +
.buttons {
 +
width : 100px;
 +
height : 100px;
 +
position : relative;
 +
display : inline-block;
 +
margin : 0px auto;
 +
text-decoration : none !important;
 +
line-height : 100px;
 +
        font-size : 15px;
 +
        margin-left : 10px;
 +
        margin-rigth : 10px;
 +
        font-size : 25px;
 +
        border : solid rgb(64,64,64);
 +
 
 +
}
 +
.line {
 +
display : inline-block;
 +
width : 100%;
 +
height : 90px;
 +
margin-top : 50px;
 +
text-align : center;
 +
}
 +
.videocenter {
 +
margin-left : -40%;
 +
margin-top : -10%;
 +
}
 +
#video1 {
 +
margin-left : -35%;
 +
}
 +
.text3 {
 +
overflow : hidden;
 +
}
 +
.text3left {
 +
overflow : hidden;
 +
}
 +
.text3center {
 +
overflow : hidden;
 +
}
 +
.text3right {
 +
overflow : hidden;
 +
}
 +
 
 +
/* Blocks */
 +
.grid-container{
 +
    display: flex;
 +
    justify-content: center;
 +
}
 +
 
 +
.medium-square-block a div, .large-block  a div, .small-block  a div {
 +
    text-indent: 0;
 +
    text-align: center;
 +
    border-radius:10px;
 +
    overflow : hidden;
 +
}
 +
 
 +
.medium-square-block-content img, .large-block-content img, .small-block-content img {
 +
    width: inherit;
 +
    height: inherit;
 +
}
 +
.medium-square-block{
 +
    margin:0 15px;
 +
    margin-top: 40px;
 +
}
 +
 
 +
.large-block {
 +
    margin:0 35px;
 +
    margin-top: 40px;
 +
}
 +
 
 +
.small-block{
 +
    margin:0 90px;
 +
    margin-top: 40px;
 +
}
 +
 
 +
.medium-square-block-content{
 +
        width:245px;
 +
        height:245px;
 +
        border: 1px solid black;
 +
       
 +
}
 +
 
 +
.large-block-content {
 +
    width:400px;
 +
    height:200px;
 +
   
 +
    border: 1px solid black;
 +
}
 +
 
 +
.small-block-content {
 +
    width:100px;
 +
    height:100px;
 +
   
 +
    border: 1px solid black;
 +
}
 +
</style>
 +
 
 +
 
 +
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:200,80' rel='stylesheet' type='text/css'>
 +
<style>
 +
#footerdiv {
 +
  padding-top : 50px;
 +
}
 +
#mfooter {
 +
  position:absolute;
 +
  width:100%;
 +
  height:100px;
 +
  margin-left : 0;
 +
  margin-right : 0;
 +
  bottom:-100px;
 +
  color:white;
 +
  background:rgb(0, 0, 0);
 +
 
 +
}
 +
.footbox {
 +
  margin:30px 40px;
 +
  float:left;
 +
}
 +
.footbox a {
 +
  color:white;
 +
}
 +
</style>

Latest revision as of 02:43, 8 December 2018