Template:Team:UNIK Copenhagen/template

From 2014.igem.org

(Difference between revisions)
 
(131 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: transparent;
+
background-color: white;
-
background-image: transparent;
+
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: fixed;
+
background-attachment: auto;
}
}
#top-section {
#top-section {
Line 39: Line 43:
#menubar *{
#menubar *{
color: #666666;
color: #666666;
-
background: transparent;
+
font-family:  "Lucida sans unicode", sans-serif;
 +
font-size: 11px;
 +
background: white;
margin: 0px;
margin: 0px;
padding: 5px;
padding: 5px;
Line 46: Line 52:
#menubar.left-menu ul{
#menubar.left-menu ul{
margin-left: -5px;
margin-left: -5px;
 +
font-family:  "Lucida sans unicode", sans-serif;
 +
font-size: 11px;
padding: 5px 3px 3px 5px;
padding: 5px 3px 3px 5px;
background: white;
background: white;
Line 59: 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 67: Line 101:
display: block;
display: block;
position: relative;
position: relative;
-
width:964px;
+
width: 964px;
-
min-height: 1000px;
+
min-height: 2200px;
margin: 45px auto -5px auto;
margin: 45px auto -5px auto;
padding: 0px 10px 60px 10px;
padding: 0px 10px 60px 10px;
Line 85: Line 119:
display: block;
display: block;
width: 940px;
width: 940px;
-
height: 38px;
+
height: 52px;
margin: 0 auto;
margin: 0 auto;
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 95: Line 130:
float: left;
float: left;
top: -1px;
top: -1px;
-
padding: 8px 0px 0px 0px;
+
padding: 10px 0px 0px 0px;
margin: 0px;
margin: 0px;
z-index: 95;
z-index: 95;
Line 120: Line 155:
text-align: center;
text-align: center;
font-family: Arial Unicode MS;
font-family: Arial Unicode MS;
-
font-size: 14px;
+
font-size: 16px;
text-decoration: none;
text-decoration: none;
display: block;
display: block;
height: 30px;
height: 30px;
color: #333333;
color: #333333;
-
padding: 0px 10px 0px 10px;
+
padding: 0px 8px 0px 8px;
-
margin: 0px;
+
margin: 6px;
z-index: 95;
z-index: 95;
}
}
Line 132: Line 167:
text-align: left;
text-align: left;
width:165px;
width:165px;
-
padding-left: 12px;
+
padding-left: 10px;
z-index: 95;
z-index: 95;
}
}
Line 154: Line 189:
#nav ul li:hover ul li a{
#nav ul li:hover ul li a{
z-index: 95;
z-index: 95;
 +
font-size: 14px;
}
}
#nav ul li:hover ul li a:hover{
#nav ul li:hover ul li a:hover{
Line 164: Line 200:
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
h1{
h1{
-
font-family: Arial Unicode MS;
+
font-family: "Lucida sans unicode", sans-serif;
font-size: 24px;
font-size: 24px;
}
}
h2{
h2{
-
font-family: Arial Unicode MS;
+
font-family: "Lucida sans unicode", sans-serif;
font-size: 20px;
font-size: 20px;
}
}
h3{
h3{
-
font-family: Arial Unicode MS;
+
font-family: "Lucida sans unicode", sans-serif;
font-size: 18px;
font-size: 18px;
font-weight: normal;
font-weight: normal;
}
}
h4{
h4{
-
font-family: Arial Unicode MS;
+
font-family: "Lucida sans unicode", sans-serif;
font-size: 16px;
font-size: 16px;
}
}
-
p,ol,ul{
+
p{
-
font-family: Arial Unicode MS;
+
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-size: 16px;
font-size: 16px;
-
line-height: 25px;
+
line-height: 20px;
 +
}
 +
h5{
 +
font: 22px Arial Unicode MS;
}
}
-
 
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*                    Content area                      */
/*                    Content area                      */
Line 192: 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 201: Line 246:
}
}
#article{
#article{
-
max-width: 630px;
+
max-width: 800px;
-
padding: 20px;
+
padding: 10px;
 +
margin-left: 60px;
}
}
.image img{
.image img{
Line 214: Line 260:
margin: 10px;
margin: 10px;
font-size:14px;
font-size:14px;
-
font-family: Arial Unicode MS;
+
font-family: "Lucida sans unicode", sans-serif;
line-height: 18px;
line-height: 18px;
padding-left: 15px;
padding-left: 15px;
-
margin-bottom: 20px;
+
margin-bottom: 0px;
width: 400px;
width: 400px;
}
}
Line 224: Line 270:
}
}
.references{
.references{
-
font-family: Arial Unicode MS;
+
font-family: "Lucida sans unicode", sans-serif;
margin-top: 40px;
margin-top: 40px;
border-top: 1px solid grey;
border-top: 1px solid grey;
Line 238: Line 284:
}
}
 +
/*-----------------------*/
 +
/*      Tweeet          */
 +
/*-----------------------*/
 +
.tweetbar{
 +
float: right;
 +
margin-right:12px;
 +
}
</style>
</style>
 +
<body>
 +
<div id="wrapper">
 +
<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">
 +
<ul>
 +
<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>
-
 
-
<div id="nav">
 
-
<ul>
 
-
<li><a href="https://2014.igem.org/Team:UNIK_Copenhagen">Home</a></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 split GFP</a></li>
+
<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/Results">Results</a></li>
+
<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 263: 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="#">iGEM</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/The_iGEM_community">The iGEM community</a></li>
 
-
</ul></li>
 
-
<li><a href="#">Ethics</a><ul>
+
<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/Workshop">Workshop</a></li>
+
<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