|
|
(51 intermediate revisions not shown) |
Line 5: |
Line 5: |
| <style type="text/css"> | | <style type="text/css"> |
| /* Wiki styles */ | | /* Wiki styles */ |
- | div.thumb div a img {
| + | |
- | background-color:white;
| + | |
- | padding:6px 0px;
| + | |
- | }
| + | |
- | #globalWrapper {/* the wiki */
| + | |
- | background-color: rgb(255, 255, 255);
| + | |
- | width:100%;
| + | |
- | height:auto;
| + | |
- | margin:0 auto;
| + | |
- | padding:0;
| + | |
- | }
| + | |
| #top-section{/* (the igem flag + top menu)*/ | | #top-section{/* (the igem flag + top menu)*/ |
| position:fixed; | | position:fixed; |
Line 22: |
Line 12: |
| top:0; | | top:0; |
| height:auto; | | height:auto; |
- | width:1100px; | + | width:100%; |
| border:none; | | border:none; |
| z-index:3; | | z-index:3; |
Line 85: |
Line 75: |
| } | | } |
| #footer-box{/* la boite en bas de page*/ | | #footer-box{/* la boite en bas de page*/ |
- | width:1090px; | + | position : relative; |
| + | width:100%; |
| border:none; | | border:none; |
- | bottom:50px; | + | bottom:-190px; |
| color:rgb(255,255,255); | | color:rgb(255,255,255); |
- | background:rgb(30,39,43); | + | background : rgb(193,185,184); |
| + | margin : 0; |
| + | padding : 0; |
| + | font-color : rgb(255,255,255); |
| + | } |
| + | #footer-box a { |
| + | color : rgb(255,255,255); |
| } | | } |
| | | |
Line 95: |
Line 92: |
| display:none; | | display:none; |
| } | | } |
- |
| |
| /* Body */ | | /* Body */ |
| body { | | body { |
Line 128: |
Line 124: |
| font-weight:bold; | | font-weight:bold; |
| } | | } |
| + | ul { |
| + | list-style-type : disc; |
| + | align : justify; |
| + | } |
| + | p { |
| + | align : justify; |
| + | } |
| + | |
| + | p |
| /* a */ | | /* a */ |
| a { | | a { |
- | text-decoration:none;
| + | color: rgb(143,142,147); |
- | color: #559DD5; | + | |
| } | | } |
| a:visited { | | a:visited { |
- | color: #559DD5; | + | color: rgb(143,142,147); |
| } | | } |
| a:hover { | | a:hover { |
- | text-decoration: none; | + | text-decoration: underline; |
| } | | } |
| /* Images */ | | /* Images */ |
Line 152: |
Line 156: |
| } | | } |
| | | |
- | /* 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:1100px;
| |
- | 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: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> |