Template:SandboxUp

From 2014.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 1: Line 1:
 +
<!-- <!doctype HTML> -->
<html>
<html>
<head>
<head>
-
<meta charset="utf-8"></meta>
+
<meta charset="utf-8" />
 +
<title>new</title>
 +
 
<style>
<style>
-
.center {
+
 
-
align: center;
+
nav {
 +
width: 80%;
 +
margin-left:auto;
 +
margin-right:auto;
 +
display: block;
}
}
-
</style>
 
-
</head>
 
-
<body>
 
-
<!--navigation menu -->
+
nav ul {
-
<td class="center" colspan="3">
+
background: #e7e7e7;
 +
background: 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%);
 +
*/ box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */
 +
-webkit-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
padding: 0 10px;
 +
list-style: none;
 +
position: relative;
 +
display: block;
 +
margin-right: 15px;
 +
margin-left: 15px;
 +
}
-
<table width="100%" title="test">
+
nav ul ul {
-
<tr heigth="75px">
+
display: none;
 +
background: #e7e7e7;
 +
border-radius: 0;
 +
padding: 0;
 +
position: absolute;
 +
top: 100%;
 +
margin: 0;
 +
margin-top: -1px;
 +
}
-
<td align ="center">
+
nav ul li:hover > ul {
-
<a href="http://www.chalmers.se/en/Pages/default.aspx" target="_blank">
+
display: block;
-
<img src="http://www.chalmers.se/_layouts/ChalmersPublicWeb/Images/chalmers-avancez.png" width="55px">
+
}
-
</a>
+
-
</td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3f3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
nav ul li {
-
<a href="https://2014.igem.org/Team:Gothenburg"style="color:#000000">
+
float: left;
-
Home
+
}
-
</a>
+
-
</td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#f3f3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
nav ul li:hover {
-
<a href="https://2014.igem.org/Team:Gothenburg/Team"style="color:#000000"> Team </a> </td>
+
background: #e7e7e7;  
 +
background: 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%);
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#f3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.red:hover, .red:focus {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Gothenburg"style="color:#000000"> Official Team Profile </a></td>
+
background-color: #f3d3d3;
 +
}
 +
 +
.yellow:hover, .yellow:focus {
 +
background-color: #f3f3d3;
 +
}
 +
 +
.green:hover, .green:focus {
 +
background-color: #d3f3d3;
 +
}
 +
 +
.blue:hover, .blue:focus {
 +
background-color: #d3d3f3;
 +
}
 +
 +
.cyan:hover, .cyan:focus {
 +
background-color: #d3f3f3;
 +
}
 +
 +
.pink:hover, .pink:focus {
 +
background-color: #f3d3f3;
 +
}
 +
 +
nav ul li:hover a {
 +
color: #000000;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3f3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
nav ul li:first-child:hover {
-
<a href="https://2014.igem.org/Team:Gothenburg/Project"style="color:#000000"> Project</a></td>
+
background-color: #e7e7e7;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3f3f3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
nav ul li:last-child:hover {
-
<a href="https://2014.igem.org/Team:Gothenburg/Parts"style="color:#000000"> Parts</a></td>
+
background-color: #e7e7e7;
 +
}
 +
 +
nav ul li a {
 +
display: block;
 +
padding: 25px 34px;
 +
color: #000000;
 +
text-decoration: none;
 +
}
 +
 +
nav ul li a:visited {
 +
text-decoration:none;
 +
color: #000000;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#f3d3f3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
nav ul ul li {
-
<a href="https://2014.igem.org/Team:Gothenburg/Modeling"style="color:#000000"> Modeling</a></td>
+
float: none;
 +
border-bottom: 1px solid #f0f0f0;
 +
border-right: 1px solid #f0f0f0;
 +
border-left: 1px solid #f0f0f0;
 +
position: relative;
 +
}
 +
 
 +
nav ul ul li:first-child {
 +
border-top: 1px solid #f0f0f0;
 +
}
 +
 
 +
nav ul ul li a {
 +
padding: 15px 30px;
 +
color: #000000;
 +
}
 +
 +
nav ul ul li a:visited {
 +
text-decoration:none;
 +
color: #000000;
 +
}
 +
 
 +
nav ul ul li a:hover {
 +
background: #d3d3d3;
 +
}
 +
nav ul ul ul {
 +
position: absolute;
 +
left: 100%;
 +
top:0;
 +
}
 +
 
 +
nav ul:after {
 +
content: "";
 +
clear: both;
 +
display: block;
 +
}
 +
 +
#banner {
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 80%;
 +
display: block;
 +
}
 +
 +
#title {
 +
float: left;
 +
}
 +
 +
table, td, th {
 +
padding: 0px
 +
}
 +
 
 +
</style>
 +
</head>
 +
 
 +
<body>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<table id="banner">
-
<a href="https://2014.igem.org/Team:Gothenburg/Notebook"style="color:#000000"> Notebook</a></td>
+
<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 style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<td>
-
<a href="https://2014.igem.org/Team:Gothenburg/Safety"style=" color:#000000"> Safety </a></td>
+
<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>
 +
<td>
 +
<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" />
 +
</a>
 +
<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">
 +
</a>
 +
</td>
 +
</tr>
 +
</table>
 +
</td>
 +
</tr>
 +
</table>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<nav>
-
<a href="https://2014.igem.org/Team:Gothenburg/Attributions"style="color:#000000"> Attributions </a></td>
+
<ul>
 +
<li>
 +
<a class="red" href="https://2014.igem.org/Team:Gothenburg/">Home</a>
 +
</li>
 +
<li><a class="yellow" href="https://2014.igem.org/Team:Gothenburg/Project/">Project</a>
 +
<ul>
 +
<li><a class="yellow" href="#">Overview</a></li>
 +
<li><a class="yellow" href="#">In Detail</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>
 +
</li>
 +
 +
<li><a class="green" href="https://2014.igem.org/Team:Gothenburg/Team/">Team</a>
 +
<ul>
 +
<li><a class="green" href="https://igem.org/Team.cgi?year=2014/" target="_blank">Official Team profile</a></li>
 +
<li><a class="green" href="#">Unofficial Team profile</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Notebook/">Notebook</a>
 +
<ul>
 +
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Modeling/">Modeling</a></li>
 +
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Safety/">Safety</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a class="blue" href="https://2014.igem.org/Team:Gothenburg/Parts/">Parts</a>
 +
<ul>
 +
<li><a class="blue" href="#">Part 1</a></li>
 +
<li><a class="blue" href="#">Part 2</a></li>
 +
<li><a class="blue" href="#">Part 3</a></li>
 +
<li><a class="blue" href="#">Part 4</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a class="pink" href="https://2014.igem.org/Team:Gothenburg/Attributions/">Attributions</a></li>
-
<td align ="center"> <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"></a> </td>
+
</ul>
-
</tr>
+
</nav>
-
</table>
+
-
</td>
+
-
<!--end navigation menu -->
+
</body>
</body>
</html>
</html>

Latest revision as of 00:09, 11 July 2014

new

Retrieved from "http://2014.igem.org/Template:SandboxUp"