Team:Paris Bettencourt/Wiki
From 2013.igem.org
(Difference between revisions)
(20 intermediate revisions not shown) | |||
Line 85: | Line 85: | ||
} | } | ||
#footer-box{/* la boite en bas de page*/ | #footer-box{/* la boite en bas de page*/ | ||
- | |||
- | |||
- | |||
- | |||
width:1090px; | width:1090px; | ||
border:none; | border:none; | ||
Line 104: | Line 100: | ||
body { | body { | ||
color: rgb(30,39,43); | color: rgb(30,39,43); | ||
- | + | background: white; | |
- | background: | + | |
} | } | ||
body,input { | body,input { | ||
- | |||
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-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; | ||
- | |||
} | } | ||
h2 { | h2 { | ||
- | + | /*color: rgb(228,45,51);*/ /* */ | |
- | + | font-size:25px; | |
- | + | line-height:26px; | |
- | + | border-bottom: 1px solid; | |
- | + | font-weight: bold; | |
} | } | ||
h3,h4 { | h3,h4 { | ||
- | + | font-size:20px; | |
+ | line-height:21px; | ||
+ | font-weight:bold; | ||
} | } | ||
h4 { | h4 { | ||
- | + | font-size:18px; | |
+ | line-height:19px; | ||
+ | font-weight:bold; | ||
} | } | ||
- | |||
/* a */ | /* a */ | ||
a { | a { | ||
- | + | text-decoration:none; | |
- | + | 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 { | ||
- | |||
width:1100px; | width:1100px; | ||
margin:0 auto; | margin:0 auto; | ||
text-align:justify; | text-align:justify; | ||
margin-top:20px; | margin-top:20px; | ||
- | |||
- | |||
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; | |
- | + | 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; | |
- | + | 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 { | #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 | + | #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 { | .pagecnt { | ||
- | + | float:left; | |
- | + | width:52%; | |
- | + | height:auto; | |
} | } | ||
.pageimgs { | .pageimgs { | ||
- | + | float:left; | |
- | + | width:45%; | |
- | + | margin-left:3%; | |
- | + | height:1000px; | |
- | + | height:auto; | |
} | } | ||
- | + | ||
- | + | /* Overviews */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
.projtile { | .projtile { | ||
- | + | float:left; | |
- | + | width:355px; | |
- | + | height:200px; | |
- | + | color:rgb(30,39,43); | |
- | + | background:rgb(252,250,229); | |
- | + | overflow:hidden; | |
} | } | ||
.projtile h2 { | .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 { | .projtile p { | ||
- | + | margin-left:5%; | |
- | + | width:90%; | |
- | + | font-size:17px; | |
- | + | ||
} | } | ||
.abstractile p { | .abstractile p { | ||
- | + | width:95%; | |
- | + | margin-left:2.5%; | |
} | } | ||
+ | /* Abstract panels */ | ||
.overbox { | .overbox { | ||
- | + | height:430px; | |
- | + | color:rgb(30,39,43); | |
- | + | margin-bottom:20px; | |
} | } | ||
.overbox a { | .overbox a { | ||
- | + | color:rgb(30,39,43); | |
} | } | ||
.bkgr, .aims, .results, .biocriks, .hlink, .mainfig { | .bkgr, .aims, .results, .biocriks, .hlink, .mainfig { | ||
- | + | float:left; | |
- | + | color:rgb(30,39,43); | |
- | + | background:rgb(252,250,229); | |
- | + | border-radius:7px; | |
- | + | overflow:hidden; | |
} | } | ||
- | .bkgr | + | .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 | + | .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; | ||
} | } | ||
- | .results h2 { | + | .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; | |
} | } | ||
- | .aims { | + | .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 { | + | .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 { | .suplink { | ||
- | + | position:relative; | |
} | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 01:20, 29 October 2013