Template:UCB-Footer

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <div class="newfooter"> <div id="footerheader"> <div id="footerheaderdesc"> </div> </div> <div id="newfooterbox"> <div class="footertext"> <ul> <li><a href="http://igem.or...")
Line 1: Line 1:
<html>
<html>
 +
<style type="text/css">
 +
/* 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 { /*-- 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>
<div class="newfooter">
<div class="newfooter">
<div id="footerheader">
<div id="footerheader">

Revision as of 20:02, 4 October 2014