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

Line 30: Line 30:
 
#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 49:
 
         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 74: Line 73:
 
#top-button {
 
#top-button {
 
position : fixed;
 
position : fixed;
−
right : 15px;
+
right : 20px;
 
bottom : 10px;
 
bottom : 10px;
 
         width : 25px;
 
         width : 25px;
Line 88: Line 87:
 
}
 
}
 
.textbody span {
 
.textbody span {
−
       font-size : 14px;
+
       font-size : 12px;
 
       text-align : justify;
 
       text-align : justify;
 
}
 
}
Line 115: Line 114:
 
.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 129:
 
     align-items: center;
 
     align-items: center;
 
justify-content: center;
 
justify-content: center;
 +
margin-top:80px;
 
}
 
}
 
.textbody {
 
.textbody {
Line 135: Line 135:
 
margin : 0 auto;
 
margin : 0 auto;
 
text-align : justify;
 
text-align : justify;
 +
padding-top : 75px;
 
display : block;
 
display : block;
 
font-family : "Futura", sans-serif;
 
font-family : "Futura", sans-serif;
 
color : rgb(64,64,64);
 
color : rgb(64,64,64);
 
font-size : 15px;
 
font-size : 15px;
−
        margin-top : 15px;
+
         margin-bottom : 50px;
−
         margin-bottom : 20px;
+
 
         text-indent : 15px;
 
         text-indent : 15px;
 
}
 
}
Line 146: Line 146:
 
#HQ_page .textbody p {
 
#HQ_page .textbody p {
 
       font-family : "Futura", sans-serif;
 
       font-family : "Futura", sans-serif;
−
        margin : 0 auto;
 
−
        margin-top : 10px;
 
 
color : rgb(64,64,64);
 
color : rgb(64,64,64);
−
font-size : 16px;
+
font-size : 15px;
 
}
 
}
  
Line 162: Line 160:
 
font-size : 50px;
 
font-size : 50px;
 
         line-height : 50px;
 
         line-height : 50px;
−
margin-bottom : 20px;
+
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-top : 50px;
 
−
        margin-bottom : 40px;
 
 
         text-decoration : none;
 
         text-decoration : none;
  
Line 195: Line 190:
 
}
 
}
 
.text1 img {
 
.text1 img {
−
       width : 40%;
+
       width : 50%;
−
       margin-left : 30%;
+
       margin-left : 25%;
 
       margin-right : 25%;
 
       margin-right : 25%;
 
}
 
}
Line 348: Line 343:
 
#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 476: Line 446:
 
display : inline-block;
 
display : inline-block;
 
height : 60px;
 
height : 60px;
−
width : 130px;
+
width : 175px;
 
margin-top : -50px;
 
margin-top : -50px;
 
margin-right : 50px;
 
margin-right : 50px;
Line 520: Line 490:
 
ul
 
ul
 
{
 
{
−
   width:  85%;
+
   width:  80%;
 
   margin:  0 auto;
 
   margin:  0 auto;
 
   padding: 0;  
 
   padding: 0;  
Line 561: Line 531:
 
                                  
 
                                  
 
                               ul.wtf-menu li a{
 
                               ul.wtf-menu li a{
−
                                font-size:95%;
 
 
                                 color: #000000;
 
                                 color: #000000;
 
                                 text-decoration: none;
 
                                 text-decoration: none;
Line 655: Line 624:
 
                                 width: 100%;
 
                                 width: 100%;
 
                                 padding-right: 30px;
 
                                 padding-right: 30px;
 +
                                top:18px;
 
                             }
 
                             }
 
                              
 
                              
Line 669: Line 639:
  
 
#home{
 
#home{
−
     margin-top: 20px;
+
     margin-top: 18px;
 
     margin-right: 10px;
 
     margin-right: 10px;
  
  
−
width : 100px;
+
width : 120px;
 
top : 0;
 
top : 0;
 
         margin-left : 10px;
 
         margin-left : 10px;
Line 689: Line 659:
 
     display: flex;
 
     display: flex;
 
    
 
    
−
     width: 150px;
+
     width: 155px;
 
     margin-top: -54px;
 
     margin-top: -54px;
 
     margin-right: 50px;
 
     margin-right: 50px;
Line 707: Line 677:
 
     float: left;
 
     float: left;
 
}
 
}
−
 
  
 
</style>
 
</style>
Line 813: Line 782:
 
                        
 
                        
 
                 </nav>
 
                 </nav>
 +
<a><img id="top-button" src="https://static.igem.org/mediawiki/2018/e/e2/Arrow2PB.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 {

Revision as of 20:20, 14 October 2018