Team:Paris Bettencourt/Wiki

From 2013.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 85: Line 85:
}
}
#footer-box{/* la boite en bas de page*/
#footer-box{/* la boite en bas de page*/
-
    /*position:absolute;
 
-
    bottom:0;
 
-
    display: block;
 
-
    margin:0;*/
 
     width:1090px;  
     width:1090px;  
     border:none;
     border:none;
Line 104: 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: Arial, Helvetica, sans-serif;
-
    /*font-family: 'Lora', serif;*/
+
/*font-family: Cambria, serif; font-family: 'Lora', serif;*/
}
}
/* Headers */
/* Headers */
Line 117: Line 111:
     letter-spacing: 0 px;
     letter-spacing: 0 px;
     border-bottom:none;
     border-bottom:none;
-
/*line-height: 25px;*/
 
}
}
h2 {
h2 {
-
  /*color: rgb(228,45,51);*/ /*  */
+
    /*color: rgb(228,45,51);*/ /*  */
-
  font-size:25px;
+
    font-size:25px;
-
  line-height:26px;
+
    line-height:26px;
-
  border-bottom: 1px solid;
+
    border-bottom: 1px solid;
-
  font-weight: bold;
+
    font-weight: bold;
}
}
h3,h4 {
h3,h4 {
-
  font-size:22px;
+
    font-size:20px;
 +
    line-height:21px;
 +
    font-weight:bold;
}
}
h4 {
h4 {
-
  font-size:19px;
+
    font-size:18px;
 +
    line-height:19px;
 +
    font-weight:bold;
}
}
-
 
/* a */
/* a */
a {
a {
-
  text-decoration:none;
+
    text-decoration:none;
-
  color: #559DD5;
+
    color: #559DD5;
}
}
a:visited {
a:visited {
Line 156: Line 152:
     border: solid 1px #D4D4D4;
     border: solid 1px #D4D4D4;
}
}
 +
 +
/* Custom Stuff */
/* Page top title */
/* Page top title */
#grouptitle {
#grouptitle {
Line 174: Line 172:
}
}
#page {
#page {
-
    /*margin-bottom:0px;*/
 
     width:1100px;
     width:1100px;
     margin:0 auto;
     margin:0 auto;
     text-align:justify;
     text-align:justify;
     margin-top:20px;
     margin-top:20px;
-
}
 
-
#page {
 
     font-size:17px;
     font-size:17px;
}
}
/* Paragraphs */
/* Paragraphs */
#page p, #page .leftparagraph p, #page .rightparagraph p {
#page p, #page .leftparagraph p, #page .rightparagraph p {
-
  margin-bottom: 2px;
+
    margin-bottom: 2px;
-
  font-size:17px;
+
    font-size:17px;
}
}
 +
/* Lists */
#page ul, #page p ul, #page .leftparagraph p ul, #page .rightparagraph p ul {
#page ul, #page p ul, #page .leftparagraph p ul, #page .rightparagraph p ul {
-
  margin:0;
+
    margin:0;
-
  padding:0;
+
    padding:0;
-
  font-size:17px;
+
    font-size:17px;
-
  list-style:none;
+
    list-style:none;
}
}
#page ul li, #page p ul li, #page .leftparagraph p ul li, #page .rightparagraph p ul li {
#page ul li, #page p ul li, #page .leftparagraph p ul li, #page .rightparagraph p ul li {
-
  padding:0;
+
    padding:0;
-
  margin:0;
+
    margin:0;
-
  margin-top:8px;
+
    margin-top:6px;
}
}
-
#page ul li::before, #page p ul li:before, #page .leftparagraph p ul li:before, #page .rightparagraph p ul li:before {
+
#page ul li:before, #page p ul li:before, #page .leftparagraph p ul li:before, #page .rightparagraph p ul li:before {
-
  content: "• ";
+
    content: " • ";
-
  color: rgb(30,39,43);
+
    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 {
.pagecnt {
-
  float:left;
+
    float:left;
-
  width:52%;
+
    width:52%;
-
  height:auto;
+
    height:auto;
}
}
.pageimgs {
.pageimgs {
-
  float:left;
+
    float:left;
-
  width:45%;
+
    width:45%;
-
  margin-left:3%;
+
    margin-left:3%;
-
  height:1000px;
+
    height:1000px;
-
  height:auto;
+
    height:auto;
}
}
-
.leftparagraph {
+
 
-
    float:left;
+
/* Overviews */
-
    margin:0px 15px;
+
-
    margin-right:10px;
+
-
    width:545px;
+
-
}
+
-
.rightparagraph {
+
-
    float:left;
+
-
    width:545px;
+
-
    margin:0px 15px;
+
-
    margin-left:10px;
+
-
}
+
.projtile {
.projtile {
-
    float:left;
+
    float:left;
-
    width:355px;
+
    width:355px;
-
    height:200px;     
+
    height:200px;     
-
    color:rgb(30,39,43);
+
    color:rgb(30,39,43);
-
    background:rgb(252,250,229);  
+
    background:rgb(252,250,229);  
-
    overflow:hidden;
+
    overflow:hidden;
}
}
.projtile h2 {
.projtile h2 {
-
    text-align:center;
+
    text-align:center;
-
    width:90%;
+
    width:90%;
-
    font-size:25px;
+
    font-size:25px;
-
    margin-left:5%;
+
    margin-left:5%;
-
    margin-bottom:5px;
+
    margin-bottom:5px;
-
    height:1.05em;
+
    height:1.05em;
-
    font-weight:bold;
+
    font-weight:bold;
-
    border-bottom: 1px solid;
+
    border-bottom: 1px solid;
-
    font-family: 'Archivo Narrow', sans-serif;
+
    font-family: 'Archivo Narrow', sans-serif;
}
}
-
.projtile p, .abstractile p {
+
.projtile p {
-
    /*text-align:center;*/
+
    margin-left:5%;
-
    margin-left:5%;
+
    width:90%;
-
    width:90%;
+
    font-size:17px;
-
    font-size:17px;
+
}
}
 +
.abstractile p {
 +
    width:95%;
 +
    margin-left:2.5%;
 +
}
 +
 +
/* Abstract panels */
.overbox {   
.overbox {   
-
  height:430px;
+
    height:430px;
-
  color:rgb(30,39,43);
+
    color:rgb(30,39,43);
-
  margin-bottom:20px;
+
    margin-bottom:20px;
}
}
.overbox a {
.overbox a {
-
  color:rgb(30,39,43);
+
    color:rgb(30,39,43);
}
}
.bkgr, .aims, .results, .biocriks, .hlink, .mainfig {
.bkgr, .aims, .results, .biocriks, .hlink, .mainfig {
-
  float:left;
+
    float:left;
-
  color:rgb(30,39,43);
+
    color:rgb(30,39,43);
-
  background:rgb(252,250,229);  
+
    background:rgb(252,250,229);  
-
  border-radius:7px;
+
    border-radius:7px;
-
  overflow:hidden;
+
    overflow:hidden;
}
}
-
.bkgr h2, .aims h2, .results h2, .biocriks h2, .hlink h2 {
+
.bkgr, .aims {
-
  color:rgb(30,39,43);
+
    width:320px;
-
  text-align:center;
+
    height:162.5px;
-
  width:90%;
+
    margin-right:15px;
-
  margin-left:5%;
+
-
  margin-bottom:5px;
+
-
  height:1.05em;
+
-
  border-bottom: 1px solid;
+
-
  font-family: 'Archivo Narrow', sans-serif;
+
}
}
-
.hlink h2 {
+
.bkgr {
-
  border:none;
+
    margin-bottom:15px;
-
  font-size:20px;
+
-
  margin:0;
+
-
  width:100%;
+
-
  height:53;
+
-
  font-family: Arial, Helvetica, sans-serif;
+
-
  margin-bottom:17px;
+
-
  font-weight:normal;
+
}
}
-
.bkgr p, .aims p, .results p, .biocriks p, .mainfig p {
+
.aims {
-
  font-size:18px;
+
    float:none;
-
  margin-left:5%;
+
    position:relative;
-
  margin-right:5%;
+
    bottom:162.5px;
 +
    margin-bottom:-162.5px;
}
}
-
.biocriks ol {
+
.results {
-
  width:90%;
+
    width:545px;
-
  margin:0;
+
    height:340px;
-
  padding:0;
+
    margin-right:15px;
-
  margin-left:40px;
+
-
  font-size:20px;
+
}
}
-
.biocriks ol li{
+
.biocriks {
-
  padding:0;
+
    width:205px;
-
  margin:0;
+
    height:340px;
-
  margin-top:20px;
+
}
}
-
.results ul {
+
.hlink, .jlink {
-
  width:90%;
+
    width:263.5px;
-
  margin:0;
+
    height:53px;
-
  padding:0;
+
    margin-top:15px;
-
  margin-left:5%;
+
    margin-right:15px;
-
  font-size:19px;
+
    text-align:center;
-
  list-style:none;
+
    color:rgb(30,39,43);
}
}
-
.results ul li {
+
.jlink {
-
  padding:0;
+
    float:left;
-
  margin:0;
+
    background:rgb(250,247,186);
-
  margin-top:10px;
+
    border-top-left-radius:7px;
-
  margin-left:8px;
+
    border-top-right-radius:7px;
 +
    margin-bottom:-5px;
}
}
-
.results h2 {  
+
.bkgr h2, .aims h2, .results h2, .biocriks h2, .hlink h2 {
-
  text-align:left;
+
    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;
}
}
-
.bkgr, .aims {
+
.hlink h2, .jlink h2 {
-
  width:320px;
+
    position:relative;
-
  height:162.5px;
+
    top:4px;
-
  margin-right:15px;
+
    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;
}
}
-
.bkgr {
+
.hlink:hover h2, .jlink:hover h2 {
-
  margin-bottom:15px;
+
    font-weight:bold;
}
}
-
.aims {
+
.bkgr p, .aims p, .results p, .biocriks p, .mainfig p {
-
  float:none;
+
    font-size:18px;
-
  position:relative;
+
    margin-left:5%;
-
  bottom:162.5px;
+
    margin-right:5%;
-
  margin-bottom:-162.5px;
+
}
}
-
.results {
+
.biocriks ol {
-
  width:545px;
+
    width:90%;
-
  height:340px;
+
    margin:0;
-
  margin-right:15px;
+
    padding:0;
 +
    margin-left:40px;
 +
    font-size:20px;
}
}
-
.biocriks {
+
.biocriks ol li{
-
  width:205px;
+
    padding:0;
-
  height:340px;
+
    margin:0;
 +
    margin-top:20px;
}
}
-
.hlink {
+
#page .overbox .results ul {
-
  width:263.5px;
+
    width:90%;
-
  height:53px;
+
    margin-left:5%;
-
  margin-top:15px;
+
}
-
  margin-right:15px;
+
.results h2 {
 +
    text-align:left;
}
}
.suplink {
.suplink {
-
  position:relative;
+
    position:relative;
}
}
</style>
</style>
</html>
</html>

Latest revision as of 01:20, 29 October 2013