Template:UalbertaHeader
From 2012e.igem.org
(Difference between revisions)
(Redirected page to Template:UalbertaHeader) |
|||
Line 1: | Line 1: | ||
- | # | + | <html> |
+ | |||
+ | <head> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&subset=latin,latin-ext' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | #contentSub { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | top: 0px; | ||
+ | } | ||
+ | |||
+ | #top-spacer { | ||
+ | height: 20px; | ||
+ | background: #1a1a1a url(https://static.igem.org/mediawiki/2012e/3/38/Contentbg.jpg) top center fixed; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | width: 1000px; | ||
+ | padding: 0px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #bodyContent a[href^="https://"], .link-https { | ||
+ | background: center right no-repeat; padding-right: 0px; | ||
+ | } | ||
+ | |||
+ | #top-section{ | ||
+ | height: auto; | ||
+ | width: 1000px; | ||
+ | border: 0px; | ||
+ | padding: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | background: transparent; | ||
+ | color: inherit; | ||
+ | } | ||
+ | |||
+ | div.tright { | ||
+ | border-color: transparent; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #text-content { | ||
+ | margin-left: 100px; | ||
+ | margin-right: 100px; | ||
+ | } | ||
+ | |||
+ | #main-content .editsection a{ | ||
+ | color: transparent | ||
+ | } | ||
+ | |||
+ | #main-content .editsection { | ||
+ | color: transparent | ||
+ | } | ||
+ | |||
+ | #main-content .editsection a:hover{ | ||
+ | color: #B37C39 | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #catlinks { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #topmenu ul{ | ||
+ | height:30px; | ||
+ | list-style:none; | ||
+ | margin:0; | ||
+ | padding:0px; | ||
+ | } | ||
+ | |||
+ | #topmenu li{ | ||
+ | float:left; | ||
+ | padding:0px; | ||
+ | } | ||
+ | |||
+ | #topmenu li a{ | ||
+ | background:#72d451; | ||
+ | color:#000000; | ||
+ | display:block; | ||
+ | font-weight:bold; | ||
+ | line-height:30px; | ||
+ | margin:0px; | ||
+ | padding:0px 16px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #topmenu li a:hover, #topmenu ul li:hover a{ | ||
+ | background: #235f2d; | ||
+ | color:#000000; | ||
+ | text-decoration:none; | ||
+ | border:solid 0px 0px 0px 0px; | ||
+ | border-color:#ff0000; | ||
+ | } | ||
+ | |||
+ | #topmenu li ul{ | ||
+ | background:#dedede; | ||
+ | display:none; | ||
+ | height:auto; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | border:0; | ||
+ | position:absolute; | ||
+ | width:200px; | ||
+ | z-index:200; | ||
+ | } | ||
+ | |||
+ | #topmenu li:hover ul{ | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | #topmenu li li { | ||
+ | display:block; | ||
+ | float:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | width:200px; | ||
+ | } | ||
+ | |||
+ | #topmenu li:hover li a{ | ||
+ | background:none; | ||
+ | } | ||
+ | |||
+ | #topmenu li ul a{ | ||
+ | display:block; | ||
+ | height:30px; | ||
+ | font-size:12px; | ||
+ | font-style:normal; | ||
+ | margin:0px; | ||
+ | padding:0px 10px 0px 15px; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | #topmenu li ul a:hover, #topmenu li ul li:hover a{ | ||
+ | background:#000000; | ||
+ | border:0px; | ||
+ | color:#ff7200; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #topmenu p{ | ||
+ | clear:left; | ||
+ | } | ||
+ | |||
+ | #tagline { | ||
+ | text-indent: 550px; | ||
+ | font-size: small; | ||
+ | } | ||
+ | */ | ||
+ | |||
+ | /* Crystal's styles */ | ||
+ | *{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;} | ||
+ | |||
+ | /* HTML elements */ | ||
+ | body{ | ||
+ | background: url(https://static.igem.org/mediawiki/2012e/e/e1/Bodybg.png); | ||
+ | color:#444; | ||
+ | font-family:'Droid Sans',Tahoma,Arial,sans-serif; | ||
+ | font-size:10px; | ||
+ | line-height:1.6em; | ||
+ | } | ||
+ | |||
+ | #header a{color:#383838;text-decoration:none;} | ||
+ | #header a:hover{color:#555;text-decoration:none;} | ||
+ | a img{border:none;} | ||
+ | h1,h2,h3,h4 { | ||
+ | clear:left; | ||
+ | color:#446912; | ||
+ | font-weight:400; | ||
+ | margin:0.7em 0; | ||
+ | font-family:'Yanone Kaffeesatz'; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | h1{font-size:2.6em;} | ||
+ | h2{font-size:2.4em;} | ||
+ | h3{font-size:1.9em;} | ||
+ | |||
+ | p,ul{margin:0 0 0 0;} | ||
+ | |||
+ | i,em {font-style:italic;} | ||
+ | b,strong {font-weight:700;} | ||
+ | |||
+ | /* Main wrappers */ | ||
+ | #wrapper1240{background-color:#fff;margin:20px auto;width:1240px;} | ||
+ | #wrapper960{background-color:#fff;margin:35px auto;width:960px;} | ||
+ | #wrapper760{background-color:#fff;margin:20px auto;width:760px;} | ||
+ | #wrapper600{background-color:#fff;margin:0 auto;width:600px;} | ||
+ | #wrapperfluid{background-color:#fff;margin:0 auto;max-width:1260px;} | ||
+ | |||
+ | /* Layout IDs */ | ||
+ | #header{position:relative;} | ||
+ | #sitetitle{float:left;margin:30px 0 10px 30px;} | ||
+ | #sitetitle h1 {font-size:40px;color:#fff;margin:0;padding:0;} | ||
+ | #header-image{height:300px;margin:0;padding:0;} | ||
+ | #main-content{padding:15px 30px;background-color:#35411b;color:#fff;} | ||
+ | #main-content h2,#main-content h3,#main-content h4{color:#b37c39;} | ||
+ | #main-content a{color:#fff;text-decoration:underline;} | ||
+ | #extended{padding:15px 30px;background-color:#fff;clear: both;} | ||
+ | #extended a{text-decoration:underline;} | ||
+ | |||
+ | /* Top links menu */ | ||
+ | #toplinks{background-color:#446912;padding:0 30px;} | ||
+ | #toplinks ul{list-style:none;margin:0;text-align:right;} | ||
+ | #toplinks ul li{display:inline-block;font-size:11px;margin:15px 0 12px 15px;} | ||
+ | #toplinks ul li a{color:#dadddd;} | ||
+ | #toplinks ul li a:hover{color:#fff;text-decoration:none;} | ||
+ | |||
+ | /* Earth background */ | ||
+ | #toplinks, #main-content {background:#35411b url(https://static.igem.org/mediawiki/2012e/3/38/Contentbg.jpg) top center no-repeat;} | ||
+ | |||
+ | /* Main navigation menu */ | ||
+ | #nav{float:left;font-family:'Droid Sans',Verdana,Tahoma,sans-serif;text-align:center;} | ||
+ | #nav ul{list-style:none;margin:30px 30px 26px 20px;} | ||
+ | #nav ul li{background:none!important;display:inline-block;text-align:left;height:auto;line-height:25px;margin-bottom:0;margin-left:20px;position:relative;} | ||
+ | #nav ul li a{color:#446912;display:block;font-size:12px;padding-top:0;text-transform:uppercase;} | ||
+ | #nav ul li a:hover{color:#446912;} | ||
+ | #nav ul li a.current{color:#446912;} | ||
+ | |||
+ | /* Columns */ | ||
+ | #sidebar{width:33.3%; float:left;} | ||
+ | #rightbar{width:66.6%;float:right;} | ||
+ | #trio1{float:left;width:10%;} | ||
+ | #trio2{float:left;width:45%;} | ||
+ | #trio3{float:right;width:45%;} | ||
+ | .inner{margin:5px 30px;} | ||
+ | #trio1 .inner{margin-left:0;} | ||
+ | #trio2 .inner{margin:0;} | ||
+ | #trio3 .inner{margin-right:0;} | ||
+ | .left .inner{margin-left:0;} | ||
+ | .right .inner{margin-right:0;} | ||
+ | |||
+ | /* Footer */ | ||
+ | #footer p{color:#b37c39;font-size:12px;margin:0;padding:15px 30px;text-align:center;} | ||
+ | #footer a{color:#b37c39;} | ||
+ | #footer a:hover{color:#fff;} | ||
+ | |||
+ | /* Image alignment */ | ||
+ | img.alignleft,img.aligncenter,img.alignright{background:#fff;padding:4px;margin-bottom:10px;border:1px solid #ddd;} | ||
+ | .alignleft{float:left;margin-right:30px;} | ||
+ | .alignright{float:right;margin-left:30px;} | ||
+ | .aligncenter{text-align:center;display:block;clear:both;margin:5px auto;} | ||
+ | |||
+ | /* Additional classes */ | ||
+ | .shadow{background:url(https://static.igem.org/mediawiki/2012e/8/8e/Shadow.png) top center no-repeat;} | ||
+ | .clear{clear:both;} | ||
+ | .left{float:left;} | ||
+ | .right{float:right;} | ||
+ | |||
+ | /* Clearing fix */ | ||
+ | .clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;} | ||
+ | * html .clearfix{height:1%;} | ||
+ | *:first-child+html .clearfix{min-height:1%;} | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <div id="top-spacer"></div> | ||
+ | |||
+ | <div id="header" class="clearfix shadow"> | ||
+ | |||
+ | <div id="sitetitle" class="clearfix"> | ||
+ | <h1><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E">Upcycled Aromatics</a></h1> | ||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2012e/0/02/A%2B.png" style="margin:10px;" height="60px"> | ||
+ | <a href="https://2012e.igem.org/"><img src="https://static.igem.org/mediawiki/2012e/8/8e/IGemE.png" style="float:right;height:66px;width:100px;margin:20px;"></a> | ||
+ | <p> | ||
+ | <p> | ||
+ | <p> | ||
+ | |||
+ | <div id="nav" class="clearfix"> | ||
+ | <ul> | ||
+ | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E">Home</a></li> | ||
+ | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Team">Team</a></li> | ||
+ | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Project">Project</a></li> | ||
+ | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Business_Plan">Business Plan</a></li> | ||
+ | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Source_Data">Source Data</a></li> | ||
+ | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Achievements">Achievements</a></li> | ||
+ | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Outreach">Outreach</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012e/0/0d/Alberta_Team.jpg" width="1000px" height="374px" class="top-img" alt="" /> | ||
+ | </div> | ||
+ | |||
+ | <div id="main-content" class="clearfix"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </html> |
Revision as of 04:09, 26 October 2012