Team:Paris Bettencourt/Wiki
From 2014.igem.org
(Difference between revisions)
Line 39: | Line 39: | ||
font-size:12px; | 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 */ | ||
+ | color:white; | ||
+ | text-decoration:none; | ||
+ | background:transparent; | ||
+ | z-index:3; | ||
+ | } | ||
+ | .left-menu{/* le menu de haut gauche */ | ||
+ | float:left; | ||
+ | z-index:3; | ||
+ | } | ||
+ | .right-menu{/* le menu de login haut droite*/ | ||
+ | float:right; | ||
+ | z-index:3; | ||
+ | } | ||
+ | .right-menu a{/* les lien du login */ | ||
+ | } | ||
+ | #search-controls{/* la barre de recherche*/ | ||
+ | display:none; | ||
+ | } | ||
+ | #content{/* le body de la page*/ | ||
+ | border:none; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | z-index:1; | ||
+ | width:100%; | ||
+ | height:auto; | ||
+ | background:#ffffff; | ||
+ | } | ||
+ | .firstHeading { /*titre de page */ | ||
+ | display:none; | ||
+ | border:none; | ||
+ | } | ||
+ | #bodyContent{/* contenu de page*/ | ||
+ | background-color:white; | ||
+ | border:none; | ||
+ | border-color:none; | ||
+ | padding:0; | ||
+ | height:auto; | ||
+ | width:100%; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | #footer-box{/* la boite en bas de page*/ | ||
+ | position : relative; | ||
+ | width:100%; | ||
+ | border:none; | ||
+ | bottom:-190px; | ||
+ | color:rgb(255,255,255); | ||
+ | background:rgb(30,39,43); | ||
+ | margin : 0; | ||
+ | padding : 0; | ||
} | } | ||
+ | #catlinks{/* le cadre sous le body useless */ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | /* Body */ | ||
+ | body { | ||
+ | color: rgb(30,39,43); | ||
+ | background: white; | ||
+ | } | ||
+ | body,input { | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | /*font-family: Cambria, serif; font-family: 'Lora', serif;*/ | ||
+ | } | ||
+ | /* Headers */ | ||
+ | h1,h2,h3,h4 { | ||
+ | font-weight: normal; | ||
+ | letter-spacing: 0 px; | ||
+ | border-bottom:none; | ||
+ | } | ||
+ | h2 { | ||
+ | /*color: rgb(228,45,51);*/ /* */ | ||
+ | font-size:25px; | ||
+ | line-height:26px; | ||
+ | border-bottom: 1px solid; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | h3,h4 { | ||
+ | font-size:20px; | ||
+ | line-height:21px; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | h4 { | ||
+ | font-size:18px; | ||
+ | line-height:19px; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | /* a */ | ||
+ | a { | ||
+ | text-decoration:none; | ||
+ | color: #559DD5; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #559DD5; | ||
+ | } | ||
+ | a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | /* Images */ | ||
+ | img.alignleft { | ||
+ | margin: 5px 20px 20px 0; | ||
+ | float: left; | ||
+ | } | ||
+ | img.aligntop { | ||
+ | margin: 5px 0 20px 0; | ||
+ | } | ||
+ | img.pic { | ||
+ | padding: 5px; | ||
+ | border: solid 1px #D4D4D4; | ||
+ | } | ||
+ | |||
+ | /* Custom Stuff */ | ||
+ | /* Page top title */ | ||
+ | #grouptitle { | ||
+ | text-align:left; | ||
+ | font-size:4.5em; | ||
+ | line-height: 1.2; | ||
+ | margin-top:30px; | ||
+ | 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 { | ||
+ | width:100%; | ||
+ | margin:0 auto; | ||
+ | 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:49%; | ||
+ | } | ||
+ | .rightparagraph { | ||
+ | float:left; | ||
+ | width:49%; | ||
+ | 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:30%; | ||
+ | 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:30%; | ||
+ | height:162.5px; | ||
+ | margin-right:15px; | ||
+ | } | ||
+ | .bkgr { | ||
+ | margin-bottom:15px; | ||
+ | } | ||
+ | .aims { | ||
+ | float:none; | ||
+ | position:relative; | ||
+ | bottom:162.5px; | ||
+ | margin-bottom:-162.5px; | ||
+ | } | ||
+ | .results { | ||
+ | width:49.5%; | ||
+ | height:340px; | ||
+ | margin-right:15px; | ||
+ | } | ||
+ | .biocriks { | ||
+ | width:20%; | ||
+ | height:340px; | ||
+ | } | ||
+ | .hlink, .jlink { | ||
+ | width:25%; | ||
+ | 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> |
Revision as of 15:15, 30 September 2014