Template:Team:Gothenburg/UpperTemplate

From 2014.igem.org

(Difference between revisions)
Line 6: Line 6:
<style>
<style>
-
 
+
nav {
nav {
-
width: 80%;
+
width: 660px;
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
Line 15: Line 15:
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); */
+
*/ box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */
-
-webkit-border-radius: 10px;
+
-webkit-border-radius: 10px;
-
-moz-border-radius: 10px;
+
-moz-border-radius: 10px;
-
border-radius: 10px;
+
border-radius: 10px;
-
padding: 0 10px;
+
padding: 0 10px;
-
list-style: none;
+
list-style: none;
-
position: relative;
+
position: relative;
-
display: block;
+
display: block;
-
margin-right: 15px;
+
margin-right: 0px;
-
margin-left: 15px;
+
margin-left: 0px;
}
}
Line 59: Line 59:
.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%);
}
}
.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%);
}
}
.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%);
}
}
.blue:hover, .blue:focus {
.blue:hover, .blue:focus {
background-color: #d3d3f3;
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%);
}
}
.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%);
}
}
.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%);
}
}
Line 95: Line 113:
nav ul li a {
nav ul li a {
display: block;
display: block;
-
padding: 25px 34px;
+
padding: 15px 30px;
color: #000000;
color: #000000;
text-decoration: none;
text-decoration: none;
Line 145: Line 163:
margin-left: auto;
margin-left: auto;
margin-right: auto;
margin-right: auto;
-
width: 80%;
+
width: 660px;
display: block;
display: block;
}
}
Line 173: Line 191:
<th>
<th>
<a href="https://www.facebook.com/pages/iGEM-Team-Gothenburg-2014/614159082031604" target="_blank">
<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" />
+
<img src="https://scontent-a-ams.xx.fbcdn.net/hphotos-xaf1/t1.0-9/10492215_690566680990741_1563064325472748899_n.jpg" width="110px" height="120px" />
</a>
</a>
</th>
</th>
Line 180: Line 198:
<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="51px" height="46px" />
</a>
</a>
<a href="https://2014.igem.org/Main_Page" target="_blank">
<a href="https://2014.igem.org/Main_Page" target="_blank">

Revision as of 14:34, 17 July 2014

new