Template:SandboxUp

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!doctype HTML>
<html>
<html>
<head>
<head>
-
<meta charset="utf-8"></meta>
+
<meta charset="utf-8" />
 +
<title>new</title>
 +
 
<style>
<style>
-
#menyrad_1 {
+
 
-
width: 100%;
+
nav {
 +
width: 768px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
display: block;
}
}
-
+
 
-
#menyrad_1:first-child {
+
nav ul {
-
height: 75px;
+
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 20px;
 +
list-style: none;
 +
position: relative;
 +
display: block;
 +
margin-right: 15px;
 +
margin-left: 15px;
 +
}
 +
 
 +
nav ul ul {
 +
display: none;
 +
background: #e7e7e7;
 +
border-radius: 0;
 +
padding: 0;
 +
position: absolute;
 +
top: 100%;
 +
margin: 0;
 +
margin-top: -1px;
 +
}
 +
 
 +
nav ul li:hover > ul {
 +
display: block;
 +
}
 +
 
 +
nav ul li {
 +
float: left;
 +
}
 +
 
 +
nav ul li:hover {
 +
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%);
 +
}
 +
 
 +
.red:hover, .red:focus {
 +
background-color: #f3d3d3;
}
}
-
a, a:visited {
+
.yellow:hover, .yellow:focus {
-
color: #000;
+
background-color: #f3f3d3;
}
}
-
.menuItem {
+
.green:hover, .green:focus {
-
text-align: center;
+
background-color: #d3f3d3;
-
border: 1px solid black;
+
-
height: 45px;
+
-
color: #000;
+
-
background-color: #e7e7e7;
+
}
}
-
blue:hover {
+
.blue:hover, .blue:focus {
background-color: #d3d3f3;
background-color: #d3d3f3;
}
}
-
</style>
+
.cyan:hover, .cyan:focus {
-
</head>
+
background-color: #d3f3f3;
-
<body>
+
}
 +
 +
.pink:hover, .pink:focus {
 +
background-color: #f3d3f3;
 +
}
 +
 +
nav ul li:hover a {
 +
color: #000000;
 +
}
-
<!--navigation menu -->
+
nav ul li:first-child:hover {
-
<table id="menyrad_1">
+
background-color: #e7e7e7;
-
<tr>
+
}
-
<td align="center">
+
-
<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="55px" height="49px" />
+
-
</a>
+
-
</td>
+
-
<td class="menuItem blue" > 
+
nav ul li:last-child:hover {
-
<a href="https://2014.igem.org/Team:Gothenburg">
+
background-color: #e7e7e7;
-
Home
+
}
-
</a>
+
-
</td>
+
nav ul li a {
 +
display: block;
 +
padding: 25px 34px;
 +
color: #000000;
 +
text-decoration: none;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#f3f3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
nav ul ul li {
-
<a href="https://2014.igem.org/Team:Gothenburg/Team"style="color:#000000"> Team </a> </td>
+
float: none;
 +
border-bottom: 1px solid #f0f0f0;
 +
border-right: 1px solid #f0f0f0;
 +
border-left: 1px solid #f0f0f0;
 +
position: relative;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#f3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
nav ul ul li:first-child {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Gothenburg"style="color:#000000"> Official Team Profile </a></td>
+
border-top: 1px solid #f0f0f0;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3f3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
nav ul ul li a {
-
<a href="https://2014.igem.org/Team:Gothenburg/Project"style="color:#000000"> Project</a></td>
+
padding: 15px 30px;
 +
color: #000000;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3f3f3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
nav ul ul li a:hover {
-
<a href="https://2014.igem.org/Team:Gothenburg/Parts"style="color:#000000"> Parts</a></td>
+
background: #d3d3d3;
 +
}
 +
nav ul ul ul {
 +
position: absolute;
 +
left: 100%;
 +
top:0;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#f3d3f3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
nav ul:after {
-
<a href="https://2014.igem.org/Team:Gothenburg/Modeling"style="color:#000000"> Modeling</a></td>
+
content: "";
 +
clear: both;
 +
display: block;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
</style>
-
<a href="https://2014.igem.org/Team:Gothenburg/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
</head>
-
<a href="https://2014.igem.org/Team:Gothenburg/Safety"style=" color:#000000"> Safety </a></td>
+
<body>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<!--
-
<a href="https://2014.igem.org/Team:Gothenburg/Attributions"style="color:#000000"> Attributions </a></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="55px" height="49px" />
 +
</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>
 +
-->
 +
 +
<nav>
 +
<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="#">Submeny 1</a></li>
 +
<li><a class="yellow" href="#">Submeny 2</a></li>
 +
<li><a class="yellow" href="#">Submeny 3</a>
 +
<ul>
 +
<li><a class="yellow" href="#">Submeny 3.1</a></li>
 +
<li><a class="yellow" href="#">Submeny 3.2</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="#">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/Safety">Safety</a></li>
 +
<li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Modeling">Modeling</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>
+
-
<!--end navigation menu -->
+
</body>
</body>
</html>
</html>

Revision as of 13:23, 9 July 2014

<!doctype HTML> new

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