Template:UCB-Footer
From 2014.igem.org
(Difference between revisions)
Jimmynovik (Talk | contribs) (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...") |
Jimmynovik (Talk | contribs) |
||
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