Template:Team:Gothenburg/UpperTemplate

From 2014.igem.org

(Difference between revisions)
m
m (Fixed navbar padding)
 
(33 intermediate revisions not shown)
Line 10: Line 10:
.stuff {
.stuff {
width: 950px;
width: 950px;
-
padding-top: 15px;
+
padding-top: 5px;
margin-left: auto;
margin-left: auto;
margin-right: auto;
margin-right: auto;
Line 27: Line 27:
background: -moz-linear-gradient(top, #808080 0%, #f0f0f0 100%);  
background: -moz-linear-gradient(top, #808080 0%, #f0f0f0 100%);  
background: -webkit-linear-gradient(top, #808080 0%, #f0f0f0 100%);  
background: -webkit-linear-gradient(top, #808080 0%, #f0f0f0 100%);  
 +
background: -ms-linear-gradient(top, #808080 0%, #f0f0f0 100%);
 +
background: -o-linear-gradient(top, #808080 0%, #f0f0f0 100%);
*/ box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */
*/ box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
Line 63: 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%);
}
}
Line 70: Line 74:
background: -moz-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: -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%);
}
}
Line 77: Line 92:
background: -moz-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: -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%);
}
}
Line 84: Line 101:
background: -moz-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: -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, #d3d3f3 0%, #3030f3 100%);   
+
background: linear-gradient(bottom, #caf3e2 0%, #31f3a5 100%);   
-
background: -moz-linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%);  
+
background: -moz-linear-gradient(bottom, #caf3e2 0%, #31f3a5 100%);  
-
background: -webkit-linear-gradient(bottom, #d3d3f3 0%, #3030f3 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%);
}
}
Line 98: Line 119:
background: -moz-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: -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%);
}
}
Line 105: Line 146:
background: -moz-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: -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%);
-
.dark:hover, .dark:focus {
+
-
background-color: #f3d3f3;
+
-
background: linear-gradient(bottom, #d3d3d3 0%, #303030 100%); 
+
-
background: -moz-linear-gradient(bottom, #d3d3d3 0%, #303030 100%);  
+
-
background: -webkit-linear-gradient(bottom, #d3d3d3 0%, #303030 100%);
+
}
}
Line 128: Line 164:
nav ul li a {
nav ul li a {
display: block;
display: block;
-
padding: 15px 30px;
+
padding: 15px 20px;
color: #000000;
color: #000000;
text-decoration: none;
text-decoration: none;
Line 178: Line 214:
margin-left: auto;
margin-left: auto;
margin-right: auto;
margin-right: auto;
-
width: 950px;
+
width: 940px;
display: block;
display: block;
}
}
Line 196: Line 232:
<div class="stuff">
<div class="stuff">
-
<table id="banner1">
+
<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>
+
<td id="teamLogo">
<td id="teamLogo">
Line 206: Line 240:
<img src="https://static.igem.org/mediawiki/2014/c/cc/Team_Gothenburg_Logo_final_BW_solid_back.png" width="182px" height="165px" />
<img src="https://static.igem.org/mediawiki/2014/c/cc/Team_Gothenburg_Logo_final_BW_solid_back.png" width="182px" height="165px" />
</a>
</a>
 +
</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>
Line 230: 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="blue" href="https://2014.igem.org/Team:Gothenburg/Safety">Safety</a></li>
-
<li><a class="pink" href="https://2014.igem.org/Team:Gothenburg/Attributions">Attributions</a></li>
+
<li><a class="violet" href="https://2014.igem.org/Team:Gothenburg/Attributions">Attributions</a></li>
-
<li><a class="dark" href="https://2014.igem.org/Team:Gothenburg/Calendar">Calendar</a></li>
+
<li><a class="pink" href="https://2014.igem.org/Team:Gothenburg/Apply">Apply!</a></li>
</ul>
</ul>
</nav>
</nav>

Latest revision as of 12:43, 17 October 2014

TemplateUp