Team:Paris Bettencourt/Wiki

From 2013.igem.org

(Difference between revisions)
 
(218 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<link href='http://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic' rel='stylesheet' type='text/css'/>
+
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
-
 
+
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Arimo:400,400italic' rel='stylesheet' type='text/css'>
<style type="text/css">
<style type="text/css">
/* Wiki styles */
/* Wiki styles */
Line 10: Line 11:
#globalWrapper {/* the wiki */
#globalWrapper {/* the wiki */
     background-color: rgb(255, 255, 255);
     background-color: rgb(255, 255, 255);
-
     width:100%;
+
     width:1100px;
     height:auto;
     height:auto;
-
     margin:0;
+
     margin:0 auto;
     padding:0;
     padding:0;
}
}
#top-section{/* the igem flag + top menu)*/
#top-section{/* the igem flag + top menu)*/
-
     height:auto;
+
     position:fixed;
-
     margin-top:0;
+
     margin:0;
-
    margin-left:auto;
+
-
    margin-right:auto;
+
-
    margin-bottom:0 !important;  
+
     padding:0;
     padding:0;
-
     border:0;
+
     top:0;
-
     position:relative;
+
     height:auto;
-
     top:100px;
+
     width:1100px;
-
     display:display;
+
     border:none;
     z-index:3;
     z-index:3;
-
    width:1000px;
 
}
}
#p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
#p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
     display:none;
     display:none;
-
    border:none;
 
-
    margin:none;
 
}
}
-
#menubar{/* la barre de menu du haut */
+
#menubar {/* la barre de menu du haut */
-
     display:block;
+
     display:none;
-
     color:rgb(255, 255, 255);
+
     margin:0;
 +
    width:550px;
 +
    height:20px;
 +
    color:white;
 +
    background-color:rgb(46,43,52);
     text-decoration:none;
     text-decoration:none;
-
     background-color:transparent;
+
     font-size:12px;
     z-index:0;
     z-index:0;
 +
}
 +
#menubar ul {
 +
    line-height:20px;   
}
}
#menubar a{/*les lien de la barre de menu du haut */
#menubar a{/*les lien de la barre de menu du haut */
-
     color:rgb(255, 255, 255);
+
     color:white;
     text-decoration:none;
     text-decoration:none;
     background:transparent;
     background:transparent;
-
     z-index:0;
+
     z-index:3;
}
}
.left-menu{/* le menu de haut gauche */
.left-menu{/* le menu de haut gauche */
 +
    float:left; 
     z-index:3;
     z-index:3;
-
    position:relative;
 
-
    left:-15px;
 
}
}
.right-menu{/* le menu de login haut droite*/
.right-menu{/* le menu de login haut droite*/
-
     position:absolute;
+
     float:right;
-
    right:70px;
+
     z-index:3;
     z-index:3;
}
}
Line 67: Line 67:
     margin:0;
     margin:0;
     z-index:1;
     z-index:1;
-
    line-height:1.5em;
 
     width:100%;
     width:100%;
     height:auto;
     height:auto;
Line 82: Line 81:
     padding:0;
     padding:0;
     height:auto;
     height:auto;
-
     width:1000px;
+
     width:1100px;
     margin:0 auto;
     margin:0 auto;
}
}
#footer-box{/* la boite en bas de page*/
#footer-box{/* la boite en bas de page*/
-
    /*position:absolute;
+
     width:1090px;  
-
    bottom:0;
+
-
    display: block;
+
-
    margin:0;*/
+
-
     width:1000px;  
+
     border:none;
     border:none;
 +
    margin-top:5px;
     margin-bottom:50px;
     margin-bottom:50px;
-
     background-color:#ffffff;
+
     color:white;
 +
    background:rgb(30,39,43);
}
}
 +
#catlinks{/* le cadre sous le body useless */
#catlinks{/* le cadre sous le body useless */
     display:none;
     display:none;
Line 102: Line 100:
body {
body {
     color: rgb(30,39,43);
     color: rgb(30,39,43);
-
    /*line-height: 1em;*/
+
     background: white;  
-
     background: #FFFFFF;  
+
}
}
body,input {
body,input {
-
     /*font-family: Cambria, serif;*/
+
     font-family: Arial, Helvetica, sans-serif;
-
    font-family: 'Lora', serif;
+
/*font-family: Cambria, serif; font-family: 'Lora', serif;*/
}
}
/* Headers */
/* Headers */
Line 114: Line 111:
     letter-spacing: 0 px;
     letter-spacing: 0 px;
     border-bottom:none;
     border-bottom:none;
-
/*line-height: 25px;*/
 
}
}
h2 {
h2 {
-
     color: #990000; /*  */
+
     /*color: rgb(228,45,51);*/ /*  */
-
     font-size:1.5em;
+
     font-size:25px;
 +
    line-height:26px;
     border-bottom: 1px solid;
     border-bottom: 1px solid;
-
/*font-weight: bold;*/
+
    font-weight: bold;
}
}
h3,h4 {
h3,h4 {
-
     color: #333333; /*  */
+
     font-size:20px;
-
/*margin-bottom: 1em;
+
    line-height:21px;
-
  position:relative;
+
    font-weight:bold;
-
  left:25px;*/
+
}
}
-
/* Paragraphs */
+
h4 {
-
p {
+
     font-size:18px;
-
     margin-bottom: 2px;
+
    line-height:19px;
 +
    font-weight:bold;
}
}
/* a */
/* a */
Line 155: Line 152:
     border: solid 1px #D4D4D4;
     border: solid 1px #D4D4D4;
}
}
 +
 +
/* Custom Stuff */
/* Page top title */
/* Page top title */
#grouptitle {
#grouptitle {
-
     text-align:center;
+
     text-align:left;
-
     font-size:3.5em;
+
     font-size:4.5em;
-
    font-weight:bold;
+
     line-height: 1.2;
     line-height: 1.2;
     margin-top:30px;
     margin-top:30px;
-
     margin-top:20px;
+
     margin-bottom:20px;
 +
    font-family: 'Archivo Narrow', sans-serif;
 +
    font-weight:bold;
 +
    position:relative;
 +
    color:rgb(46,43,52);
 +
    top:5px;
 +
    left:35px;
 +
}
 +
#grouptitle img {
 +
    margin-left:-35px;
}
}
#page {
#page {
-
    /*margin-bottom:0px;*/
+
     width:1100px;
-
     width:1000px;
+
     margin:0 auto;
     margin:0 auto;
     text-align:justify;
     text-align:justify;
 +
    margin-top:20px;
 +
    font-size:17px;
 +
}
 +
/* Paragraphs */
 +
#page p, #page .leftparagraph p, #page .rightparagraph p {
 +
    margin-bottom: 2px;
 +
    font-size:17px;
 +
}
 +
/* Lists */
 +
#page ul, #page p ul, #page .leftparagraph p ul, #page .rightparagraph p ul {
 +
    margin:0;
 +
    padding:0;
 +
    font-size:17px;
 +
    list-style:none;
 +
}
 +
#page ul li, #page p ul li, #page .leftparagraph p ul li, #page .rightparagraph p ul li {
 +
    padding:0;
 +
    margin:0;
 +
    margin-top:6px;
 +
}
 +
#page ul li:before, #page p ul li:before, #page .leftparagraph p ul li:before, #page .rightparagraph p ul li:before {
 +
    content: " • ";
 +
    padding: 2px;
 +
    color: rgb(30,39,43);
 +
}
 +
 +
/* Divide the page */
 +
.leftparagraph {
 +
    float:left;
 +
    margin:10px 0px;
 +
    margin-right:20px;
 +
    width:530px;
 +
}
 +
.rightparagraph {
 +
    float:left;
 +
    width:530px;
 +
    margin:10px 0px;
 +
    margin-left:20px;
 +
}
 +
.pagecnt {
 +
    float:left;
 +
    width:52%;
 +
    height:auto;
 +
}
 +
.pageimgs {
 +
    float:left;
 +
    width:45%;
 +
    margin-left:3%;
 +
    height:1000px;
 +
    height:auto;
 +
 +
}
 +
 +
/* Overviews */
 +
.projtile {
 +
    float:left;
 +
    width:355px;
 +
    height:200px;   
 +
    color:rgb(30,39,43);
 +
    background:rgb(252,250,229);
 +
    overflow:hidden;
 +
}
 +
.projtile h2 {
 +
    text-align:center;
 +
    width:90%;
 +
    font-size:25px;
 +
    margin-left:5%;
 +
    margin-bottom:5px;
 +
    height:1.05em;
 +
    font-weight:bold;
 +
    border-bottom: 1px solid;
 +
    font-family: 'Archivo Narrow', sans-serif;
 +
}
 +
.projtile p {
 +
    margin-left:5%;
 +
    width:90%;
 +
    font-size:17px;
 +
}
 +
.abstractile p {
 +
    width:95%;
 +
    margin-left:2.5%;
 +
}
 +
 +
/* Abstract panels */
 +
.overbox { 
 +
    height:430px;
 +
    color:rgb(30,39,43);
 +
    margin-bottom:20px;
 +
}
 +
.overbox a {
 +
    color:rgb(30,39,43);
 +
}
 +
.bkgr, .aims, .results, .biocriks, .hlink, .mainfig {
 +
    float:left;
 +
    color:rgb(30,39,43);
 +
    background:rgb(252,250,229);
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
}
 +
.bkgr, .aims {
 +
    width:320px;
 +
    height:162.5px;
 +
    margin-right:15px;
 +
}
 +
.bkgr {
 +
    margin-bottom:15px;
 +
}
 +
.aims {
 +
    float:none;
 +
    position:relative;
 +
    bottom:162.5px;
 +
    margin-bottom:-162.5px;
 +
}
 +
.results {
 +
    width:545px;
 +
    height:340px;
 +
    margin-right:15px;
 +
}
 +
.biocriks {
 +
    width:205px;
 +
    height:340px;
 +
}
 +
.hlink, .jlink {
 +
    width:263.5px;
 +
    height:53px;
 +
    margin-top:15px;
 +
    margin-right:15px;
 +
    text-align:center;
 +
    color:rgb(30,39,43);
 +
}
 +
.jlink {
 +
    float:left;
 +
    background:rgb(250,247,186);
 +
    border-top-left-radius:7px;
 +
    border-top-right-radius:7px;
 +
    margin-bottom:-5px;
 +
}
 +
.bkgr h2, .aims h2, .results h2, .biocriks h2, .hlink h2 {
 +
    color:rgb(30,39,43);
 +
    text-align:center;
 +
    width:90%;
 +
    margin-left:5%;
 +
    margin-bottom:5px;
 +
    height:1.05em;
 +
    border-bottom: 1px solid;
 +
    font-family: 'Archivo Narrow', sans-serif;
 +
}
 +
.hlink h2, .jlink h2 {
 +
    position:relative;
 +
    top:4px;
 +
    border:none;
 +
    font-size:21px;
 +
    margin:0;
 +
    width:100%;
 +
    height:53px;
 +
    /*font-family: Arial, Helvetica, sans-serif;*/
 +
    font-family: 'Archivo Narrow', sans-serif;
 +
    margin-bottom:0;
 +
    font-weight:normal;
 +
}
 +
.hlink:hover h2, .jlink:hover h2 {
 +
    font-weight:bold;
 +
}
 +
.bkgr p, .aims p, .results p, .biocriks p, .mainfig p {
 +
    font-size:18px;
 +
    margin-left:5%;
 +
    margin-right:5%;
 +
}
 +
.biocriks ol {
 +
    width:90%;
 +
    margin:0;
 +
    padding:0;
 +
    margin-left:40px;
 +
    font-size:20px;
 +
}
 +
.biocriks ol li{
 +
    padding:0;
 +
    margin:0;
 +
    margin-top:20px;
 +
}
 +
#page .overbox .results ul {
 +
    width:90%;
 +
    margin-left:5%;
 +
}
 +
.results h2 {
 +
    text-align:left;
 +
}
 +
.suplink {
 +
    position:relative;
}
}
</style>
</style>
</html>
</html>

Latest revision as of 01:20, 29 October 2013

Retrieved from "http://2013.igem.org/Team:Paris_Bettencourt/Wiki"