Template:UCB-Footer

From 2014.igem.org

(Difference between revisions)
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;
 
-
}
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
-
#globalWrapper {/* the wiki */
+
-
    background-color: rgb(255, 255, 255);
+
-
    width:100%;
+
-
    height:auto;
+
-
    margin:0 auto;
+
-
    padding:0;
+
 +
.firstHeading {
 +
width: 975px;
 +
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
}
}
 +
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
 +
 +
h1 {display: none;}
 +
 +
ul {list-style: none;}
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
Line 27: Line 28:
         left: 487px;  
         left: 487px;  
margin-left: -487px;
margin-left: -487px;
 +
}
 +
 +
#toc {
 +
      position: fixed;
 +
      top: 85px;
 +
      left: 0;
 +
      height: 50%;
 +
      width: 15%;
 +
      min-width: 170px;
 +
}
 +
#toc td {
 +
      vertical-align: text-top;
 +
      padding-top: 20px;
 +
}
 +
 +
#bodyContent {
 +
        width: 975px;
 +
margin: 0 auto;
 +
        padding-top: 60px;
 +
        padding-left: 180px;
 +
       
}
}
Line 45: Line 67:
}
}
-
#p-logo{
+
body {  
-
    display:none;
+
background-color: #fff;
}
}
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
-
#menubar {/* la barre de menu du haut */
+
 
-
    margin:0;
+
html, body, .wrapper { /*-- changes default wiki settings --*/
-
    width:550px;
+
width: 100%;  
-
    height:20px;
+
height: 100%;  
-
    color:white;
+
background-color: transparent;
-
    background-color:rgb(46,43,52);
+
-
    text-decoration:none;
+
-
    font-size:12px;
+
-
    z-index:0;
+
}
}
-
#menubar ul {
+
 
-
    line-height:20px;    
+
#contentcontainer { /*-- creates container for all content on page --*/
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 960px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #transparent;
 +
margin-top: 0px;  
}
}
-
#menubar a{/*les lien de la barre de menu du haut */
+
 
-
    color:white;
+
.sidemenu, .sidemenu li {  
-
    text-decoration:none;
+
list-style-type: none;  
-
    background:transparent;
+
list-style-image: none;  
-
    z-index:3;
+
font-family: verdana;  
-
}
+
text-decoration: none;  
-
.left-menu{/* le menu de haut gauche */
+
color:#000;  
-
    float:left;  
+
font-size: 14px;
-
    z-index:3;
+
-
}
+
-
.right-menu{/* le menu de login haut droite*/
+
-
    float:right;
+
-
    z-index:3;
+
-
}
+
-
.right-menu a{/* les lien du login */
+
}
}
 +
.sidemenu li {display: block;}
 +
 +
.sidemenu a {
 +
text-decoration:none;
 +
color: #000;
 +
display: block;
 +
width: 180px;
 +
height: 100%;
 +
padding: 3px 5px;
 +
transition: .25s ease-in-out;
 +
-moz-transition: .25s ease-in-out;
 +
-webkit-transition: .25s ease-in-out;
 +
}
 +
 +
.sidemenu a.greyout { color: #909090; }
-
#search-controls{/* la barre de recherche*/
+
.sidemenu a:hover {
-
    display:none;
+
color:#666;
 +
background-color: #d9f5aa;
}
}
-
#content{/* le body de la page*/
+
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
-
    border:none;
+
.sub-sidemenu a {color: #666;}
-
    padding:0;
+
 
-
    margin:0;
+
div.underconst
-
    z-index:1;
+
{
-
    width:100%;
+
padding:10px;
-
    height:auto;
+
border-radius:5px;
-
    background:#ffffff;
+
background-color:pink;
-
    top: 0px;
+
text-align:center;
-
}
+
-
.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;
+
}
}
 +
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 +
 +
.contentpara {margin-bottom: 30px;}
 +
 +
span.email{font-family: monospace; font-weight: normal;}
 +
 +
fieldset {border: 1px solid #337f53;}
 +
 +
.greyout {color: #A0A0A0;}
 +
.highlightme {background-color: #FFFF00;}
 +
 +
#alertContainer { margin-bottom: 10px; width: 936px;}
 +
#annContainer {margin-left: 8px;}
 +
#newsContainer {border: 1px solid #ccc;}
-
#footer-box{/* la boite en bas de page*/
+
.newsTitle {
-
    display:none;
+
display: block;  
-
    width:80%;  
+
color: #414141;
-
    border:none;
+
font-size: 25px;
-
    margin-top:5px;
+
        font-family: Georgia, Times, "Times New Roman", serif;
-
    margin-bottom: 0px;
+
padding: 10px 15px 5px 10px;  
-
    color:white;
+
border-bottom: 1px solid #ccc;  
-
    background:rgb(30,39,43);
+
margin-bottom: 0px;  
}
}
-
#catlinks{/* le cadre sous le body useless */
+
.newsItem {
-
    display:none;
+
border-bottom: 1px solid #ccc;
 +
display: block;
 +
padding: 5px 15px 0px 10px;
 +
margin-bottom: 0px;  
}
}
-
/* Body */
+
.newsItem h3 {
-
body {
+
width: auto;
-
    color: rgb(30,39,43);
+
display: inline;
-
    background: white;  
+
font-size: 14px;
 +
font-family: Arial, Helvetica, sans-serif;  
 +
padding: 0px;  
 +
margin: 0px;
 +
 
}
}
-
body,input {
+
 
-
    font-family: Helvetica, Arial, sans-serif;
+
.newsItem img {
-
/*font-family: Cambria, serif; font-family: 'Lora', serif;*/
+
float: right;  
 +
clear: right;  
 +
width: 80px;
 +
padding-left: 15px;
 +
display: inline-block;  
}
}
-
/* Headers */
+
.newsItem .newsDate {
-
h1,h2,h3,h4 {
+
font-style: italic;  
-
    font-weight: normal;
+
font-size: 14px;  
-
    letter-spacing: 0 px;
+
display: inline-block;  
-
    border-bottom:none;
+
color: #999;  
-
}
+
float: right;  
-
h2 {
+
padding: 0px 0px 10px 15px;
-
    /*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 */
+
.newsItem p, .newsItem ul, .newsItem li {
-
/* Page top title */
+
padding: 0px;  
-
#grouptitle {
+
margin-left: 20px;  
-
    text-align:left;
+
font-size: 12px;  
-
    font-size:4.5em;
+
line-height: 1.2;
-
    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 */
+
.newsItem p {margin-top: 10px;}
-
.leftparagraph {
+
 
-
    float:left;
+
.annItem {
-
    margin:10px 0px;
+
border: 2px solid #414141;  
-
    margin-right:20px;
+
display: block;
-
    width:530px;
+
padding: 0px 15px 10px 10px;  
 +
margin-bottom: 18px;  
 +
position: relative;
 +
height: 160px;
 +
vertical-align: middle;
}
}
-
.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;
 
 +
.annItem .annCentered {
 +
display: table-cell;
 +
vertical-align: middle;
 +
height: 160px;
}
}
-
/* Overviews */
+
.annCentered h3 {
-
.projtile {
+
padding: 0px;
-
    float:left;
+
display: block;  
-
    width:355px;
+
margin-left: auto;  
-
    height:200px;   
+
margin-right: auto;  
-
    color:rgb(30,39,43);
+
text-align: center;
-
    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 */
+
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
-
.overbox { 
+
.annItem li {list-style: none; margin: 5px}
-
    height:430px;
+
 
-
    color:rgb(30,39,43);
+
.newfooter {position: absolute; left: 0;width: 100%;}
-
    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">

Revision as of 20:05, 4 October 2014


Retrieved from "http://2014.igem.org/Template:UCB-Footer"