Template:Team:UNIK Copenhagen/template
From 2014.igem.org
(Difference between revisions)
(120 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | {{Team:UNIK Copenhagen/tweet}} | ||
+ | |||
<html> | <html> | ||
+ | |||
<head> | <head> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 27: | Line 31: | ||
body{ | body{ | ||
- | background-color: | + | background-color: white; |
- | background-image: | + | background-image: url("https://static.igem.org/mediawiki/2014/7/73/Team_UNIK_Copenhagen_green_lego_brick.PNG"); |
width: 100%; | width: 100%; | ||
margin: 0 auto; | margin: 0 auto; | ||
position: relative; | position: relative; | ||
- | background-attachment: | + | background-attachment: auto; |
} | } | ||
#top-section { | #top-section { | ||
Line 39: | Line 43: | ||
#menubar *{ | #menubar *{ | ||
color: #666666; | color: #666666; | ||
- | font-family: | + | font-family: "Lucida sans unicode", sans-serif; |
- | font-size: | + | font-size: 11px; |
- | background: | + | background: white; |
margin: 0px; | margin: 0px; | ||
padding: 5px; | padding: 5px; | ||
Line 48: | Line 52: | ||
#menubar.left-menu ul{ | #menubar.left-menu ul{ | ||
margin-left: -5px; | margin-left: -5px; | ||
- | font-family: | + | font-family: "Lucida sans unicode", sans-serif; |
- | font-size: | + | font-size: 11px; |
padding: 5px 3px 3px 5px; | padding: 5px 3px 3px 5px; | ||
- | background: | + | background: white; |
border-bottom-left-radius: 5px; | border-bottom-left-radius: 5px; | ||
border-bottom-right-radius: 5px; | border-bottom-right-radius: 5px; | ||
Line 63: | Line 67: | ||
#menubar.right-menu ul{ | #menubar.right-menu ul{ | ||
padding: 5px 6px 3px 3px; | padding: 5px 6px 3px 3px; | ||
+ | margin-left: -5px; | ||
} | } | ||
+ | #footer-box{ | ||
+ | background-color: rgba(50, 50, 50, 0.5); | ||
+ | z-index: 100; | ||
+ | height: 65px; | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | bottom: 20px; | ||
+ | border: none; | ||
+ | } | ||
+ | #footer, #footer ul{ | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | #footer{ | ||
+ | width: 900px; | ||
+ | margin: 0px auto | ||
+ | position:absolute; | ||
+ | bottom:0; | ||
+ | } | ||
+ | #footer p{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | #footer a{ | ||
+ | color: white; | ||
+ | } | ||
/*-------------------------------------------------------*/ | /*-------------------------------------------------------*/ | ||
/* Wrapper CSS */ | /* Wrapper CSS */ | ||
Line 71: | Line 101: | ||
display: block; | display: block; | ||
position: relative; | position: relative; | ||
- | width:964px; | + | width: 964px; |
- | min-height: | + | min-height: 2200px; |
margin: 45px auto -5px auto; | margin: 45px auto -5px auto; | ||
padding: 0px 10px 60px 10px; | padding: 0px 10px 60px 10px; | ||
Line 93: | Line 123: | ||
border-bottom: 1px solid #cccccc; | border-bottom: 1px solid #cccccc; | ||
border-top: 1px solid #cccccc; | border-top: 1px solid #cccccc; | ||
+ | background: white; | ||
} | } | ||
#nav li{ | #nav li{ | ||
Line 185: | Line 216: | ||
font-size: 16px; | font-size: 16px; | ||
} | } | ||
- | p,ol,ul{ | + | p{ |
+ | font-family:'Lato', sans-serif; | ||
+ | font-size: 10.5pt; | ||
+ | line-height: 20px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | ol,ul{ | ||
font-family: "Lucida sans unicode", sans-serif; | font-family: "Lucida sans unicode", sans-serif; | ||
- | font-size: | + | font-size: 16px; |
line-height: 20px; | line-height: 20px; | ||
- | |||
} | } | ||
h5{ | h5{ | ||
Line 200: | Line 236: | ||
.the_content{ | .the_content{ | ||
text-align: justify; | text-align: justify; | ||
+ | background: white; | ||
max-width: 960px; | max-width: 960px; | ||
margin: auto; | margin: auto; | ||
Line 209: | Line 246: | ||
} | } | ||
#article{ | #article{ | ||
- | max-width: | + | max-width: 800px; |
- | padding: | + | padding: 10px; |
+ | margin-left: 60px; | ||
} | } | ||
.image img{ | .image img{ | ||
Line 225: | Line 263: | ||
line-height: 18px; | line-height: 18px; | ||
padding-left: 15px; | padding-left: 15px; | ||
- | margin-bottom: | + | margin-bottom: 0px; |
width: 400px; | width: 400px; | ||
} | } | ||
Line 246: | Line 284: | ||
} | } | ||
+ | /*-----------------------*/ | ||
+ | /* Tweeet */ | ||
+ | /*-----------------------*/ | ||
+ | .tweetbar{ | ||
+ | float: right; | ||
+ | margin-right:12px; | ||
+ | } | ||
</style> | </style> | ||
- | < | + | <body> |
+ | <div id="wrapper"> | ||
<br> | <br> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/4/4f/Team_UNIK_Copenhagen_EASY_logo.PNG" title="EASY - Engineered Antibody Sensing"> | ||
+ | <div class="tweetbar"> | ||
+ | <a class="twitter-timeline" href="https://twitter.com/iGEMkhb" width="300" height="260" data-widget-id="499917303987720193" data-tweet-limit="">Tweets by @iGEMKBH</a> | ||
+ | </div> | ||
+ | <br><br> | ||
+ | |||
<div id="nav"> | <div id="nav"> | ||
<ul> | <ul> | ||
<li><a href="https://2014.igem.org/Team:UNIK_Copenhagen">Home</a></li> | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen">Home</a></li> | ||
+ | |||
+ | <li><a href="#">Synthetic Biology</a><ul> | ||
+ | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/About_synthetic_biology">What is synthetic biology?</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/About_iGEM">About iGEM</a></li> | ||
+ | </ul></li> | ||
+ | |||
+ | |||
+ | <li><a href="#">Make your own construct</a><ul> | ||
+ | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Construct_a_gene">Construct your own gene</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Construct_a_biological_system">Constuct a bio-system</a></li> | ||
+ | </ul></li> | ||
+ | |||
<li><a href="#">Project</a> | <li><a href="#">Project</a> | ||
<ul> | <ul> | ||
<li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Project">Overview</a></li> | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Project">Overview</a></li> | ||
- | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Tripartite_split_GFP">Tripartite | + | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Tripartite_split_GFP">Tripartite Split GFP</a></li> |
<li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Quenchibodies">Quenchibodies</a></li> | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Quenchibodies">Quenchibodies</a></li> | ||
- | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/ | + | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Modelling">Modelling</a></li> |
+ | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Quenchibook">Quenchibook</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/TSGFPbook">TSGFPbook</a></li> | ||
</ul></li> | </ul></li> | ||
Line 267: | Line 333: | ||
<li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Team">Meet the team</a></li> | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Team">Meet the team</a></li> | ||
<li><a href="https://igem.org/Team.cgi?id=1525">Official Team Profile</a></li> | <li><a href="https://igem.org/Team.cgi?id=1525">Official Team Profile</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/The_iGEM_community">The iGEMers</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Attributions">Attributions</a></li> | ||
</ul></li> | </ul></li> | ||
- | |||
- | |||
- | |||
- | |||
- | <li><a href="#"> | + | <li><a href="#">Outreach</a><ul> |
<li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Ethics">Ethics</a></li> | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Ethics">Ethics</a></li> | ||
- | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/ | + | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Lego_is_it_good_or_bad">Lego - is it good or bad?</a></li> |
+ | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Workshop">Ethics workshop</a></li> | ||
</ul></li> | </ul></li> | ||
+ | |||
+ | <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Safety">Safety</a></li> | ||
</ul> | </ul> | ||
- | |||
- | |||
- | |||
- | < | + | <div align="right" width="162px"><a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px" title="Click to go to iGEM's official webpage"></a> |
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </html> |
Latest revision as of 10:53, 29 August 2014