Template:Team:Gothenburg/UpperTemplate

From 2014.igem.org

(Difference between revisions)
m (Fixed navbar padding)
 
(46 intermediate revisions not shown)
Line 1: Line 1:
<!-- <!doctype HTML> -->
<!-- <!doctype HTML> -->
<html>
<html>
 +
<head>
<head>
<meta charset="utf-8" />
<meta charset="utf-8" />
-
<title>new</title>
+
<title>TemplateUp</title>
<style>
<style>
-
 
+
 +
.stuff {
 +
width: 950px;
 +
padding-top: 5px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
nav {
nav {
-
width: 80%;
+
width: 950px;
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
Line 15: Line 23:
nav ul {
nav ul {
-
background: #e7e7e7;  
+
background: #808080;  
-
background: linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%);   
+
background: linear-gradient(top, #808080 0%, #f0f0f0 100%);   
-
background: -moz-linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%);  
+
background: -moz-linear-gradient(top, #808080 0%, #f0f0f0 100%);  
-
background: -webkit-linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%);  
+
background: -webkit-linear-gradient(top, #808080 0%, #f0f0f0 100%);  
-
*/ box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */
+
background: -ms-linear-gradient(top, #808080 0%, #f0f0f0 100%);
-
-webkit-border-radius: 10px;
+
background: -o-linear-gradient(top, #808080 0%, #f0f0f0 100%);
-
-moz-border-radius: 10px;
+
*/ box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */
-
border-radius: 10px;
+
-webkit-border-radius: 10px;
-
padding: 0 10px;
+
-moz-border-radius: 10px;
-
list-style: none;
+
border-radius: 10px;
-
position: relative;
+
padding: 0 10px;
-
display: block;
+
list-style: none;
-
margin-right: 15px;
+
position: relative;
-
margin-left: 15px;
+
display: block;
 +
margin-right: 0px;
 +
margin-left: 0px;
}
}
Line 55: Line 65:
background: -moz-linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%);  
background: -moz-linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%);  
background: -webkit-linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%);
background: -webkit-linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%);
 +
background: -ms-linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%);
 +
background: -o-linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%);
}
}
.red:hover, .red:focus {
.red:hover, .red:focus {
background-color: #f3d3d3;
background-color: #f3d3d3;
 +
background: linear-gradient(bottom, #f3d3d3 0%, #f33030 100%); 
 +
background: -moz-linear-gradient(bottom, #f3d3d3 0%, #f33030 100%);
 +
background: -webkit-linear-gradient(bottom, #f3d3d3 0%, #f33030 100%);
 +
background: -ms-linear-gradient(bottom, #f3d3d3 0%, #f33030 100%);
 +
background: -o-linear-gradient(bottom, #f3d3d3 0%, #f33030 100%);
 +
}
 +
 +
.orange:hover, .orange:focus {
 +
background-color: #f3e5d3;
 +
background: linear-gradient(bottom, #f3e5d3 0%, #f3b530 100%); 
 +
background: -moz-linear-gradient(bottom, #f3e5d3 0%, #f3b530 100%);
 +
background: -webkit-linear-gradient(bottom, #f3e5d3 0%, #f3b530 100%);
 +
background: -ms-linear-gradient(bottom, #f3e5d3 0%, #f3b530 100%);
 +
background: -o-linear-gradient(bottom, #f3e5d3 0%, #f3b530 100%);
}
}
.yellow:hover, .yellow:focus {
.yellow:hover, .yellow:focus {
background-color: #f3f3d3;
background-color: #f3f3d3;
 +
background: linear-gradient(bottom, #f3f3d3 0%, #f3f330 100%); 
 +
background: -moz-linear-gradient(bottom, #f3f3d3 0%, #f3f330 100%);
 +
background: -webkit-linear-gradient(bottom, #f3f3d3 0%, #f3f330 100%);
 +
background: -ms-linear-gradient(bottom, #f3f3d3 0%, #f3f330 100%);
 +
background: -o-linear-gradient(bottom, #f3f3d3 0%, #f3f330 100%);
}
}
.green:hover, .green:focus {
.green:hover, .green:focus {
background-color: #d3f3d3;
background-color: #d3f3d3;
 +
background: linear-gradient(bottom, #d3f3d3 0%, #30f330 100%); 
 +
background: -moz-linear-gradient(bottom, #d3f3d3 0%, #30f330 100%);
 +
background: -webkit-linear-gradient(bottom, #d3f3d3 0%, #30f330 100%);
 +
background: -ms-linear-gradient(bottom, #d3f3d3 0%, #30f330 100%);
 +
background: -o-linear-gradient(bottom, #d3f3d3 0%, #30f330 100%);
}
}
-
.blue:hover, .blue:focus {
+
.teal:hover, .teal:focus {
-
background-color: #d3d3f3;
+
background-color: #d3f3e4;
 +
background: linear-gradient(bottom, #caf3e2 0%, #31f3a5 100%); 
 +
background: -moz-linear-gradient(bottom, #caf3e2 0%, #31f3a5 100%);
 +
background: -webkit-linear-gradient(bottom, #caf3e2 0%, #31f3a5 100%);
 +
background: -ms-linear-gradient(bottom, #caf3e2 0%, #31f3a5 100%);++
 +
background: -o-linear-gradient(bottom, #caf3e2 0%, #31f3a5 100%);
}
}
.cyan:hover, .cyan:focus {
.cyan:hover, .cyan:focus {
background-color: #d3f3f3;
background-color: #d3f3f3;
 +
background: linear-gradient(bottom, #d3f3f3 0%, #30f3f3 100%); 
 +
background: -moz-linear-gradient(bottom, #d3f3f3 0%, #30f3f3 100%);
 +
background: -webkit-linear-gradient(bottom, #d3f3f3 0%, #30f3f3 100%);
 +
background: -ms-linear-gradient(bottom, #d3f3f3 0%, #30f3f3 100%);
 +
background: -o-linear-gradient(bottom, #d3f3f3 0%, #30f3f3 100%);
 +
}
 +
 +
.blue:hover, .blue:focus {
 +
background-color: #d3d3f3;
 +
background: linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%); 
 +
background: -moz-linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%);
 +
background: -webkit-linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%);
 +
background: -ms-linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%);
 +
background: -o-linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%);
 +
}
 +
 +
.violet:hover, .violet:focus {
 +
background-color: #e7d3f3;
 +
background: linear-gradient(bottom, #e7d3f3 0%, #ac31f3 100%); 
 +
background: -moz-linear-gradient(bottom, #e7d3f3 0%, #ac31f3 100%);
 +
background: -webkit-linear-gradient(bottom, #e7d3f3 0%, #ac31f3 100%);
 +
background: -ms-linear-gradient(bottom, #e7d3f3 0%, #ac31f3 100%);
 +
background: -o-linear-gradient(bottom, #e7d3f3 0%, #ac31f3 100%);
}
}
.pink:hover, .pink:focus {
.pink:hover, .pink:focus {
background-color: #f3d3f3;
background-color: #f3d3f3;
 +
background: linear-gradient(bottom, #f3d3f3 0%, #f330f3 100%); 
 +
background: -moz-linear-gradient(bottom, #f3d3f3 0%, #f330f3 100%);
 +
background: -webkit-linear-gradient(bottom, #f3d3f3 0%, #f330f3 100%);
 +
background: -ms-linear-gradient(bottom, #f3d3f3 0%, #f330f3 100%);
 +
background: -o-linear-gradient(bottom, #f3d3f3 0%, #f330f3 100%);
}
}
Line 95: Line 164:
nav ul li a {
nav ul li a {
display: block;
display: block;
-
padding: 25px 34px;
+
padding: 15px 20px;
color: #000000;
color: #000000;
text-decoration: none;
text-decoration: none;
Line 142: Line 211:
}
}
-
#banner {
+
#banner1 {
margin-left: auto;
margin-left: auto;
margin-right: auto;
margin-right: auto;
-
width: 80%;
+
width: 940px;
display: block;
display: block;
}
}
Line 161: Line 230:
<body>
<body>
 +
<div class="stuff">
-
<table id="banner">
+
<table id="banner1" style="padding-left:12px">
<tr>
<tr>
-
<td id="title">
+
-
<img src="http://static.giantbomb.com/uploads/ignore_jpg_scale_super/0/7785/2159258-_insert_title_.png" width="540px" height="165px" />
+
 
 +
<td id="teamLogo">
 +
<a href="https://www.facebook.com/pages/iGEM-Team-Gothenburg-2014/614159082031604" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2014/c/cc/Team_Gothenburg_Logo_final_BW_solid_back.png" width="182px" height="165px" />
 +
</a>
</td>
</td>
 +
                <td id="title">
 +
<img src="https://static.igem.org/mediawiki/2014/d/d7/Hicym.png" width="540px" height="165px" style="margin-right:50px"/>
 +
</td>
 +
<td>
<td>
<table id="logos">
<table id="logos">
-
<tr>
 
-
<th>
 
-
<a href="https://www.facebook.com/pages/iGEM-Team-Gothenburg-2014/614159082031604" target="_blank">
 
-
<img src="https://scontent-a-ams.xx.fbcdn.net/hphotos-xaf1/t1.0-9/10492215_690566680990741_1563064325472748899_n.jpg" width="110px" height="110px" />
 
-
</a>
 
-
</th>
 
-
 
<tr>
<tr>
<td>
<td>
<a href="http://www.chalmers.se/en/Pages/default.aspx" target="_blank">
<a href="http://www.chalmers.se/en/Pages/default.aspx" target="_blank">
-
<img src="http://www.chalmers.se/_layouts/ChalmersPublicWeb/Images/chalmers-avancez.png" width="51px" height="50px" />
+
<img src="http://www.chalmers.se/_layouts/ChalmersPublicWeb/Images/chalmers-avancez.png" width="91px" height="82px" />
</a>
</a>
 +
</td>
 +
</tr>
 +
 +
<tr>
 +
<td>
<a href="https://2014.igem.org/Main_Page" target="_blank">
<a href="https://2014.igem.org/Main_Page" target="_blank">
-
<img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px" height="55px">
+
<img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="82px" height="82px">
-
</a>
+
</a>
</td>
</td>
</tr>
</tr>
Line 192: Line 268:
</table>
</table>
-
<nav>
+
<nav >
-
<ul>
+
<ul style="padding-left:105px">
<li>
<li>
-
<a class="red" href="https://2014.igem.org/Team:Gothenburg/">Home</a>
+
<a class="red" href="https://2014.igem.org/Team:Gothenburg">Home</a>
</li>
</li>
-
 
+
-
<li><a class="yellow" href="https://2014.igem.org/Team:Gothenburg/Project/">Project</a>
+
<li><a class="orange" href="https://2014.igem.org/Team:Gothenburg/Team">Team</a>
<ul>
<ul>
-
<li><a class="yellow" href="#">Overview</a></li>
+
<li><a class="orange" href="https://igem.org/Team.cgi?id=1503" target="_blank">Official Team profile</a></li>
-
<li><a class="yellow" href="#">In Detail</a></li>
+
<li><a class="orange" href="https://2014.igem.org/wiki/index.php?title=Team:Gothenburg/Unofficial_Team_Page">Unofficial Team profile</a></li>
-
<li><a class="yellow" href="#">Methods</a>
+
-
<ul>
+
-
<li><a class="yellow" href="#">Dry Work</a></li>
+
-
<li><a class="yellow" href="#">Wet Work</a></li>
+
-
</ul>
+
-
</li>
+
</ul>
</ul>
</li>
</li>
-
+
 
-
<li><a class="green" href="https://2014.igem.org/Team:Gothenburg/Team/">Team</a>
+
 
 +
<li><a class="yellow" href="https://2014.igem.org/Team:Gothenburg/Parts">Parts</a>
<ul>
<ul>
-
<li><a class="green" href="https://igem.org/Team.cgi?year=2014/" target="_blank">Official Team profile</a></li>
+
<li><a class="yellow" href="https://2014.igem.org/Team:Gothenburg/Parts/Constructs">Constructs</a></li>
-
<li><a class="green" href="#">Unofficial Team profile</a></li>
+
<li><a class="yellow" href="https://2014.igem.org/Team:Gothenburg/Parts/Part_Submission">Part Submission</a></li>
 +
<li><a class="yellow" href="https://2014.igem.org/Team:Gothenburg/Parts/Results">Results</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Notebook/">Notebook</a>
+
 +
<li><a class="green" href="https://2014.igem.org/Team:Gothenburg/Notebook">Notebook</a>
<ul>
<ul>
-
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Modeling/">Modeling</a></li>
+
<li><a class="green" href="https://2014.igem.org/Team:Gothenburg/Calendar">Calendar</a></li>
-
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Safety/">Safety</a></li>
+
<li><a class="green" href="https://2014.igem.org/Team:Gothenburg/Methods">Methods</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a class="blue" href="https://2014.igem.org/Team:Gothenburg/Parts/">Parts</a>
+
 +
<li><a class="teal" href="https://2014.igem.org/Team:Gothenburg/Modeling">Modeling</a></li>
 +
 +
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/BTB">BTB</a>
<ul>
<ul>
-
<li><a class="blue" href="#">Part 1</a></li>
+
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/BTB/Human_Practice">Human Practice</a></li>
-
<li><a class="blue" href="#">Part 2</a></li>
+
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/BTB/Ethics">Ethics</a>
-
<li><a class="blue" href="#">Part 3</a></li>
+
<ul>
-
<li><a class="blue" href="#">Part 4</a></li>
+
 +
</ul>
 +
</li>
</ul>
</ul>
-
</li>
+
</li>
-
+
-
<li><a class="pink" href="https://2014.igem.org/Team:Gothenburg/Attributions/">Attributions</a></li>
+
 +
<li><a class="blue" href="https://2014.igem.org/Team:Gothenburg/Safety">Safety</a></li>
 +
 +
<li><a class="violet" href="https://2014.igem.org/Team:Gothenburg/Attributions">Attributions</a></li>
 +
 +
<li><a class="pink" href="https://2014.igem.org/Team:Gothenburg/Apply">Apply!</a></li>
</ul>
</ul>
</nav>
</nav>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 12:43, 17 October 2014

TemplateUp

Retrieved from "http://2014.igem.org/Template:Team:Gothenburg/UpperTemplate"