Team:CBNU-Korea/Menu

From 2011.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
-
<!--
+
<--
-
 
+
#menu_example{
-
ul.osx-dock li a {
+
width:150px;
-
display: block;
+
}
-
height: 50px;
+
#menu_example a{
-
padding: 0 1px;
+
display:block;
-
margin: 0;
+
padding:10px 10px 10px 15px;
-
-webkit-transition: 0.15s linear;
+
margin-bottom:1px;
-
-webkit-transition-property: -webkit-transform margin;
+
background-color:#292929;
-
-webkit-box-reflect: below 2px; -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.45, transparent), to(rgba(255, 255, 255, 0.25)));
+
color:#888;
-
}
+
font:18px verdana;
-
+
text-transform:uppercase;
-
ul.osx-dock li a img {
+
}
-
width: 48px;
+
#menu_example a:hover{
-
}
+
padding_left:10px;
-
+
border-left:5px solid #b6e24c;
-
ul.osx-dock li:hover {
+
color:#FFF;
-
margin-left: 9px; margin-right: 9px;
+
}
-
z-index: 200;
+
-
}
+
-
+
-
ul.osx-dock li:hover a {
+
-
-webkit-transform-origin: center bottom;
+
-
-webkit-transform: scale(1.5);
+
-
}
+
-
+
-
ul.osx-dock li.nearby {
+
-
margin-left: 6px; margin-right: 6px;
+
-
z-index: 100;
+
-
}
+
-
+
-
ul.osx-dock li.nearby a {
+
-
-webkit-transform-origin: center bottom;
+
-
-webkit-transform: scale(1.25);
+
-
}
+
-
+
-
ul.osx-dock li span {
+
-
background: rgba(0,0,0,0.75);
+
-
position: absolute;
+
-
bottom: 80px;
+
-
margin: 0 auto;
+
-
display: none;
+
-
width: auto;
+
-
font-size: 11px;
+
-
font-weight: bold;
+
-
padding: 3px 6px;
+
-
-webkit-border-radius: 6px;
+
-
color: #fff;
+
-
}
+
-
ul.osx-dock li:hover span {
+
-
display: block;
+
-
}
+
-
 
+
-->
-->
</style>
</style>
Line 63: Line 28:
<BODY>
<BODY>
 +
<div id="menu_example">
 +
<TABLE border=0 width=965 bordercolor='#292929' bgcolor='#292929' cellpadding='0' cellspacing='0'>
 +
<TR>
 +
<TD width=33%>
 +
<a href="https://2011.igem.org/Team:CBNU-Korea"><img src="https://static.igem.org/mediawiki/2011/f/f7/Menu001.png">  Project Description</a>
 +
</TD>
 +
<TD width=33%>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2011/f/f7/Menu001.png">  Team</a>
 +
</TD>
 +
<TD width=33%>
 +
<a href="https://2011.igem.org/Team:CBNU-Korea/Safety"><img src="https://static.igem.org/mediawiki/2011/f/f7/Menu001.png">  Safety</a>
 +
</TD>
-
<ul class="osx-dock">
+
</TR>
-
<li class="active">
+
</TABLE>
-
<span>ZURB</span>
+
</div>
-
<a href="http://www.zurb.com" title="ZURB"><img src="http://www.zurb.com/playground/playground/osx-dock/zurb-icon.png" /></a>
+
-
</li>
+
-
<li>
+
-
<span>LinkedIn</span>
+
-
<a href="http://www.linkedin.com" title="LinkedIn"><img src="http://www.zurb.com/playground/playground/osx-dock/linkedin-icon.png" /></a>
+
-
</li>
+
-
 
+
</BODY>
</BODY>
</HTML>
</HTML>

Latest revision as of 01:31, 2 September 2011