Team:Virginia/Modeling

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html>
+
<iframe width="512" height="376" src="http://video.pbs.org/viralplayer/2365298526" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" seamless></iframe>
-
<html>
+
-
<head>
+
-
  <style>
+
-
    nav ul ul {
+
-
display: none;
+
-
}
+
-
 
+
-
nav{
+
-
padding:0px;
+
-
}
+
-
 
+
-
nav ul li:hover > ul {
+
-
display: block;
+
-
}
+
-
    nav ul {
+
-
background: rgba(0,0,0,0.5);
+
-
padding: 0px;
+
-
list-style: none;
+
-
position: relative;
+
-
display: inline-table;
+
-
}
+
-
nav ul:after {
+
-
content: ""; clear: both; display: block;
+
-
}
+
-
   
+
-
    nav ul li {
+
-
float: left;
+
-
}
+
-
nav ul li:hover {
+
-
background: #4b545f;
+
-
}
+
-
nav ul li:hover a {
+
-
color: #fff;
+
-
}
+
-
+
-
nav ul li a {
+
-
display: block; padding: 0px 40px 0px 40px;
+
-
color: #ffffff; text-decoration: none;
+
-
}
+
-
    nav ul ul {
+
-
background: #5f6975; border-radius: 0px; padding: 0;
+
-
position: absolute; top: 100%;
+
-
}
+
-
nav ul ul li {
+
-
float: none;
+
-
border-top: 1px solid #6b727c;
+
-
border-bottom: 1px solid #575f6a;
+
-
position: relative;
+
-
}
+
-
nav ul ul li a {
+
-
padding: 0px 40px;
+
-
color: #fff;
+
-
}
+
-
nav ul ul li a:hover {
+
-
background: #4b545f;
+
-
}
+
-
    </style>
+
-
</head>
+
-
<body>
+
-
<nav>
+
-
<ul>
+
-
<li><a href="#">Home</a></li>
+
-
<li><a href="#">Tutorials</a>
+
-
<ul>
+
-
<li><a href="#">Photoshop</a></li>
+
-
<li><a href="#">Illustrator</a></li>
+
-
<li><a href="#">Web Design</a>
+
-
</li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Articles</a>
+
-
<ul>
+
-
<li><a href="#">Web Design</a></li>
+
-
<li><a href="#">User Experience</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Inspiration</a></li>
+
-
</ul>
+
-
</nav>
+
-
</body>
+
-
</html>
+

Revision as of 14:32, 4 August 2014

<iframe width="512" height="376" src="http://video.pbs.org/viralplayer/2365298526" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" seamless></iframe>