|
|
| (32 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | <style type="text/css"> | | <style type="text/css"> |
| - | /* Wiki styles */
| |
| - | div.thumb div a img {
| |
| - | background-color:white;
| |
| - | padding:6px 0px;
| |
| | | | |
| - | }
| + | .newfooter ul {padding-left: 5px;} |
| - | #globalWrapper {/* the wiki */
| + | .newfooter a {padding-left: 5px;} |
| - | background-color: rgb(255, 255, 255);
| + | |
| - | width:100%;
| + | |
| - | height:auto;
| + | |
| - | margin:0 auto;
| + | |
| - | padding:0;
| + | |
| | | | |
| - | }
| |
| - |
| |
| - |
| |
| - | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
| |
| - | background-color: #383838;
| |
| - | border: 0 none;
| |
| - | height: 14px;
| |
| - | z-index: 100;
| |
| - | top: 0;
| |
| - | position: fixed;
| |
| - | width: 975px;
| |
| - | left: 487px;
| |
| - | margin-left: -487px;
| |
| - | }
| |
| - |
| |
| - | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
| |
| - | background-color: #383838;
| |
| - | height: 14px;
| |
| - | display: block;
| |
| - | z-index: 10;
| |
| - | position: fixed;
| |
| - | width: 100%;
| |
| - | top: 0;
| |
| - | }
| |
| - |
| |
| - | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
| |
| - | color: #727272;
| |
| - | text-decoration: none;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | #p-logo{
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #menubar {/* la barre de menu du haut */
| |
| - | margin:0;
| |
| - | width:550px;
| |
| - | height:20px;
| |
| - | color:white;
| |
| - | background-color:rgb(46,43,52);
| |
| - | text-decoration:none;
| |
| - | font-size:12px;
| |
| - | 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;
| |
| - | top: 0px;
| |
| - | }
| |
| - | .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*/
| |
| - | display:none;
| |
| - | width:80%;
| |
| - | border:none;
| |
| - | margin-top:5px;
| |
| - | margin-bottom: 0px;
| |
| - | color:white;
| |
| - | background:rgb(30,39,43);
| |
| - | }
| |
| - |
| |
| - | #catlinks{/* le cadre sous le body useless */
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | /* Body */
| |
| - | body {
| |
| - | color: rgb(30,39,43);
| |
| - | background: white;
| |
| - | }
| |
| - | body,input {
| |
| - | font-family: Helvetica, Arial, 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;
| |
| - | 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:0px;
| |
| - | 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> |
| | <div class="newfooter"> | | <div class="newfooter"> |
| Line 452: |
Line 65: |
| | | | |
| | /*--Footer stuff is here--*/ | | /*--Footer stuff is here--*/ |
| - | .newfooter, .pushfooter {height: 130px; clear:both; margin-top: 15px;} | + | .newfooter, .pushfooter {height: 200px; clear:both; margin-top: 15px;} |
| - | .newfooter {background: #f0f0f0; color: #000;} | + | .newfooter {background: #f0f0f0; color: #000; font-size: normal; line-height: 30px;} |
| | #footerheader { width: 100%; background: #414141;height:10px;} | | #footerheader { width: 100%; background: #414141;height:10px;} |
| - | #footerheaderdesc { width: 975px; height: 50px; margin-left:auto; margin-right: auto; padding: 10px 0px 10px 0px;} | + | #footerheaderdesc { width: 975px; height: 50px; margin-left:auto; margin-right: 0; padding: 10px 0px 10px 0px;} |
| | #footerheaderdesc img {display: block; position: relative; padding-right: 20px; float:left;} | | #footerheaderdesc img {display: block; position: relative; padding-right: 20px; float:left;} |
| | #footerheaderdesc #igemtitle {display: block; position: relative; padding-right: 20px; padding-top: 10px; float:left; color: #fff; font-size: 1.8em; font-weight: bold; } | | #footerheaderdesc #igemtitle {display: block; position: relative; padding-right: 20px; padding-top: 10px; float:left; color: #fff; font-size: 1.8em; font-weight: bold; } |
| | #footerheaderdesc #tagline {display: block; position: relative; padding-right: 20px; float:left; } | | #footerheaderdesc #tagline {display: block; position: relative; padding-right: 20px; float:left; } |
| - | #newfooterbox {width: 975px; margin-right: auto; margin-left: auto; padding: 10px 0px 10px 0px;} | + | #newfooterbox {width: 85%; padding: 10px 0px 10px 0px; margin-left: 80px; margin-right: auto;} |
| | #newfooterbox a, #newfooterbox a:hover, #newfooterbox a:visited {color: #414141; text-decoration:none;} | | #newfooterbox a, #newfooterbox a:hover, #newfooterbox a:visited {color: #414141; text-decoration:none;} |
| - | .footertext {width:200px; height: 100px; float: left; border-right: 2px solid #cccccc; position:relative;} | + | .footertext {width:200px; height: 150px; float: left; border-right: 2px solid #cccccc; position:relative;} |
| | .footertext ul, #footertext ul li { list-style: none;} | | .footertext ul, #footertext ul li { list-style: none;} |
| | .footerextra {float: right; position: relative; display: block; text-align: right; margin-top: 60px; color: #999;} | | .footerextra {float: right; position: relative; display: block; text-align: right; margin-top: 60px; color: #999;} |
"
