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

 
(152 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 30: Line 24:
 
#HQ_page h4 {
 
#HQ_page h4 {
 
         color : rgb(64,64,64);
 
         color : rgb(64,64,64);
−
        font-size : 15;
 
 
}
 
}
 
#HQ_page table {
 
#HQ_page table {
Line 50: Line 43:
 
         width : 100%;
 
         width : 100%;
 
}
 
}
−
@media only screen and (max-width: 1280px) {
+
@media only screen and (max-width: 1200px) {
  
 
}
 
}
−
@media only screen and (max-width: 700px) {
+
@media only screen and (max-width: 800px) {
 
       body {
 
       body {
 
               width : 800px;
 
               width : 800px;
Line 88: Line 81:
 
}
 
}
 
.textbody span {
 
.textbody span {
−
       font-size : 14px;
+
       font-size : 12px;
 
       text-align : justify;
 
       text-align : justify;
 
}
 
}
Line 115: Line 108:
 
.header {
 
.header {
 
width : 100%;
 
width : 100%;
−
height : 60vh;
+
 
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 130: Line 123:
 
     align-items: center;
 
     align-items: center;
 
justify-content: center;
 
justify-content: center;
 +
margin-top:80px;
 +
}
 +
.header img {
 +
    height: 400px;
 
}
 
}
 
.textbody {
 
.textbody {
Line 135: 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 158:
 
         line-height : 50px;
 
         line-height : 50px;
 
margin-bottom : 75px;
 
margin-bottom : 75px;
−
font-family: Didot, Didot LT STD,  Hoefler Text, Lemon/Milk lIGHT, 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-height : 30px;
 
         line-height : 30px;
−
        margin-bottom : 75px;
 
 
         text-decoration : none;
 
         text-decoration : none;
  
Line 191: 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 344: 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 : 20px;
 
−
}
 
−
 
−
.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 511: Line 499:
 
nav
 
nav
 
{
 
{
−
     width: 100%;
+
     width: 90%;
 
     background: #66b24c;
 
     background: #66b24c;
 
}
 
}
Line 557: Line 545:
 
                                  
 
                                  
 
                               ul.wtf-menu li a{
 
                               ul.wtf-menu li a{
−
                                font-size:130%;
 
 
                                 color: #000000;
 
                                 color: #000000;
 
                                 text-decoration: none;
 
                                 text-decoration: none;
Line 651: Line 638:
 
                                 width: 100%;
 
                                 width: 100%;
 
                                 padding-right: 30px;
 
                                 padding-right: 30px;
 +
                                top:18px;
 
                             }
 
                             }
 
                              
 
                              
Line 669: Line 657:
  
  
−
width : 150px;
+
width : 120px;
 
top : 0;
 
top : 0;
−
         margin-left : 20px;
+
         margin-left : 10px;
  
 
}
 
}
Line 682: 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 703: Line 691:
 
     float: left;
 
     float: left;
 
}
 
}
−
 
  
 
</style>
 
</style>
Line 713: Line 700:
 
                                 <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>
 
                                 <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>                                                 
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Production">Production</a></li>
−
                                                                <li><a
+
        <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>
−
href="https://2018.igem.org/Team:Paris_Bettencourt/Interlab_study">Interlab Study </a></li>
+
    <ul class="submenu">
−
                                            </ul>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Active_Testing">Active Testing</a></li>
−
                                        </li>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Biocompatibility_Testing">Biocompatibility 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>
+
    </ul>
−
                                            <ul class="submenu">
+
        <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#firstmodel">AMPs</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#secondmodel">TWIST library</a></li>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Public_Engagement">Public Engagement</a></li>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Model#thirdmodel">Star-shaped AMPs</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>
+
<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>
−
                                            <ul class="submenu">
+
        <ul class="submenu">  
−
                                                <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/AMPDesigner_Overview">AMP Designer Overview</a></li>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Results">Results</a></li>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/AMP_Forest">AMP Forest</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_Evolver">AMP Evolver</a></li>
−
                                            </ul>
+
        <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Result">Result</a></li>
−
                                        </li>
+
    </ul>
−
                                        <li class="parent main-item"><a href="#">Human Practices &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
+
</li>
−
                                            <ul class="submenu">
+
<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/Silver">Silver HP</a></li>
+
 
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/HP/Gold_Integrated">Gold</a></li>
+
<ul class="submenu">
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/HP/Integrated HP">Integrated HP</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/Engagement">Public Engagement</a></li>
+
    <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Results">Key Results</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/BioBricks">BioBricks</a></li>
−
                                            </ul>
+
    <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/InterLab">InterLab</a></li>  
−
                                        </li>
+
</ul>
−
                                        <li class="parent main-item">
+
 
−
                                            <a href="https://2018.igem.org/Team:Paris_Bettencourt/Lab_Notebook">Lab Book</a>
+
<li class="parent main-item"><a href="#">Team &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
−
                                        </li>
+
 
−
                                        <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/Members">Members</a></li>
−
                                                <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/Collaborations">Collaborations</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/Attributions">Attributions</a></li>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Composite_Part">Composite Parts</a></li>
+
</ul>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Part_Collection">Part Collection</a></li>
+
</li>
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Parts">Parts</a></li>
+
 
−
                               
+
<li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Lab_Notebook">Lab Notebook</a></li>
−
                                            </ul>
+
<li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Acknowledgements">Acknowledgements</a></li>
−
                                        </li>
+
 
−
                                        <li class="parent main-item"><a href="#">Team &#160;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
+
 
−
                                            <ul class="submenu">
+
<div id="logolist2">
−
                                                <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Team">Team Members</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/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 803: Line 782:
 
                        
 
                        
 
                 </nav>
 
                 </nav>
 +
<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">
 
<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'>
 
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>
 
<style type="text/css">
 
<style type="text/css">
−
 
−
#header1 {
 
−
background-image : url("https://static.igem.org/mediawiki/2018/8/86/Header_Modeling_PB.jpeg");
 
 
}
 
}
 
.buttons {
 
.buttons {
Line 851: Line 846:
 
overflow : hidden;
 
overflow : hidden;
 
}
 
}
−
</style>
 
  
−
<body>
+
/* Blocks */
 +
.grid-container{
 +
    display: flex;
 +
    justify-content: center;
 +
}
  
−
<div id=header1 class="header">Title</div>
+
.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>
  
−
</body>
 
  
 
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:200,80' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:200,80' rel='stylesheet' type='text/css'>
Line 884: Line 926:
 
}
 
}
 
</style>
 
</style>
−
 
−
</html>
 

Latest revision as of 02:43, 8 December 2018