"
Template:UalbertaHeader3
From 2012e.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
| - | + | <style type="text/css"> | |
| + | /* | ||
.firstHeading {display: none;} | .firstHeading {display: none;} | ||
| Line 111: | Line 112: | ||
text-indent: 550px; | text-indent: 550px; | ||
font-size: small; | font-size: small; | ||
| - | + | } | |
| + | */ | ||
| + | |||
| + | /* Crystal's header styles */ | ||
| + | *{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;} | ||
| + | |||
| + | /* HTML elements */ | ||
| + | body{background:#1a1a1a url(images/bodybg.png) top center fixed;color:#444;font-family:'Droid Sans',Tahoma,Arial,sans-serif;font-size:13px;line-height:1.6em;} | ||
| + | a{color:#383838;text-decoration:none;} | ||
| + | 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';} | ||
| + | h1{font-size:2.6em;} | ||
| + | h2{font-size:2.4em;} | ||
| + | h3{font-size:1.9em;} | ||
| + | p,ul{margin:0 0 20px 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;} | ||
| + | #content{padding:15px 30px;background-color:#446912;color:#fff;} | ||
| + | #content h2,#content h3,#content h4{color:#b37c39;} | ||
| + | #content a{color:#fff;text-decoration:underline;} | ||
| + | #extended{padding:15px 30px;background-color:#fff;} | ||
| + | #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, #content, #footer{background:#446912 url(images/contentbg.jpg) top center no-repeat;} | ||
| + | |||
| + | /* Main navigation menu */ | ||
| + | #nav{float:right;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:right;height:auto;line-height:25px;margin-bottom:0;margin-left:25px;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%;} | ||
| + | #main{width:66.6%;} | ||
| + | #trio1{float:left;width:33.3%;} | ||
| + | #trio2{float:left;width:33.3%;} | ||
| + | #trio3{float:right;width:33.3%;} | ||
| + | .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{clear:both;background-color:#643b1b;} | ||
| + | #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;} | ||
| + | |||
| + | /* Follow us Logos */ | ||
| + | #facebook li{ | ||
| + | background: url(images/facebook.png) no-repeat; | ||
| + | } | ||
| + | #twitter li{ | ||
| + | background: url(images/twitter.png) no-repeat; | ||
| + | } | ||
| + | #flickr li{ | ||
| + | background: url(images/flickr.png) no-repeat; | ||
| + | } | ||
| + | |||
| + | /* Additional classes */ | ||
| + | .shadow{background:url(images/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%;} | |
</style> | </style> | ||
| Line 122: | Line 218: | ||
<body> | <body> | ||
| + | <div id="header" class="clearfix shadow"> | ||
| + | <div id="sitetitle" class="clearfix"> | ||
| + | <h1><a href="index.html">Upcycled Aromatics</a></h1> | ||
| + | </div> | ||
| + | |||
| + | <div id="nav" class="clearfix"> | ||
| + | <ul> | ||
| + | |||
| + | <li><a class="current" href="index.html">Home</a></li> | ||
| + | <li><a href="2-columns-left.html">Team</a></li> | ||
| + | <li><a href="2-columns-right.html">Genetics</a></li> | ||
| + | <li><a href="3-columns.html">Business Plan</a></li> | ||
| + | <li><a href="full-width.html">Source Data</a></li> | ||
| + | <li><a href="full-width.html">Attributions</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <!-- OLD CONTENT | ||
<br> | <br> | ||
<div id="logo"> | <div id="logo"> | ||
| - | <img src="https://static.igem.org/mediawiki/2012e/9/9a/IGEM_LOGO_3%282%29_final.jpg" width="530px" height="200px" style="float:left; padding-top:20px; margin-left:200px;padding-bottom:20px;"> | + | <img src="https://static.igem.org/mediawiki/2012e/9/9a/IGEM_LOGO_3%282%29_final.jpg" width="530px" height="200px" style="float:left; padding-top:20px; margin-left:200px;padding-bottom:20px;"> |
| - | <img src="http://mobile.ualberta.ca/welcome/images/UAlberta_Icon.png" width="100px" height="104px" style="float:right; margin-right:25px;"> | + | <img src="http://mobile.ualberta.ca/welcome/images/UAlberta_Icon.png" width="100px" height="104px" style="float:right; margin-right:25px;"> |
| - | </div> | + | </div> |
| - | <div id="tagline"> | + | <div id="tagline"> |
| - | <h1> Don't stop at recycle, Upcycle.</h1> | + | <h1> Don't stop at recycle, Upcycle.</h1> |
</div> | </div> | ||
| Line 135: | Line 250: | ||
<ul> | <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/Opportunity">Opportunity</a></li> | |
| - | + | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Summary">Elevator Pitch Video</a></li> | |
| - | + | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Waiting4Pizza">Waiting4Pizza</a></li> | |
| - | + | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Genetics">Genetics</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> | |
</ul> | </ul> | ||
| - | + | --> | |
</html> | </html> | ||
Revision as of 20:22, 8 September 2012
