Template:Team:KIT-Kyoto/navi

From 2014.igem.org

(Difference between revisions)
 
(54 intermediate revisions not shown)
Line 9: Line 9:
function(){
function(){
$(this).stop().animate({
$(this).stop().animate({
-
'marginLeft':'-157px'
+
'marginLeft':'-173px'
},'fast','swing');
},'fast','swing');
},
},
Line 19: Line 19:
);
);
});
});
-
 
</script>
</script>
<style type="text/css">
<style type="text/css">
Line 37: Line 36:
div.active{
div.active{
 +
position:relative;
margin-top:0px;
margin-top:0px;
border-right:3px solid lime;
border-right:3px solid lime;
Line 46: Line 46:
padding:3px 10px;
padding:3px 10px;
margin:0;
margin:0;
-
font-size:15px;
+
z-index:10;
}
}
ul.submenu{
ul.submenu{
-
margin-top:-1px;
+
position:relative;
 +
margin-top:0px;
margin-left:-20px;
margin-left:-20px;
width:250px;
width:250px;
text-align:right;
text-align:right;
 +
z-index:10;
background-color:rgba(300,300,300,0.2);
background-color:rgba(300,300,300,0.2);
border-right:solid 2px rgba(300,300,300,0.2);
border-right:solid 2px rgba(300,300,300,0.2);
Line 59: Line 61:
}
}
ul.submenu li{
ul.submenu li{
 +
position:relative;
margin:0px;
margin:0px;
padding:3px 10px;
padding:3px 10px;
list-style:none;
list-style:none;
 +
text-decoration:none;
font-family:'Lucida Grande',
font-family:'Lucida Grande',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
  Meiryo, メイリオ, sans-serif;
-
-moz-transition-duration: 3s;
+
font-size:13px;
-
-webkit-transition: 3s;
+
-moz-transition-duration: 0.5s;
 +
-webkit-transition: 0.5s;
 +
transition-duration: 0.5s;
 +
z-index:10;
}
}
ul.submenu li:hover{
ul.submenu li:hover{
Line 72: Line 79:
}
}
-
ul.submenu li a:link {  
+
ul.submenu li a{
 +
text-decoration:none;
 +
display:block;
 +
text-align:right;
 +
}
 +
 
 +
ul.submenu li a:link,ul.submenu li a:active ,ul.submenu li a:visited{  
color: #00e600;
color: #00e600;
}
}
-
ul.submenu li a:visited {
+
 
-
color: #00e600;
+
-
}
+
ul.submenu li a:hover {  
ul.submenu li a:hover {  
color: #00ff00;  
color: #00ff00;  
-
}
 
-
ul.submenu li a:active {
 
-
color: #00e600;
 
}
}
 +
ul.submenu ul.slidemenu{
ul.submenu ul.slidemenu{
background-color:rgba(0,0,0,0.2);
background-color:rgba(0,0,0,0.2);
 +
margin-top:0;
margin-right:20px;
margin-right:20px;
-
text-align:left;
 
font-size:x-small;
font-size:x-small;
border-bottom:1px solid #ffa200;
border-bottom:1px solid #ffa200;
Line 95: Line 104:
ul.submenu ul.slidemenu li{
ul.submenu ul.slidemenu li{
border-right:solid 1px #ffa200;
border-right:solid 1px #ffa200;
 +
}
 +
 +
ul.slidemenu li a{
 +
text-align:left;
 +
text-decoration:none;
}
}
ul#nav5 {
ul#nav5 {
Line 100: Line 114:
padding:0;
padding:0;
margin:0;
margin:0;
 +
position:relative;
 +
z-index:10;
}
}
  .menuimg img{
  .menuimg img{
Line 105: Line 121:
}
}
.menuimg{
.menuimg{
-
width:384px;
+
width:400px;
height:21px;
height:21px;
text-align:right;
text-align:right;
Line 130: Line 146:
.menuimg:hover{
.menuimg:hover{
border-right:3px solid lime;
border-right:3px solid lime;
 +
}
 +
 +
#close{
 +
position:fixed;
 +
z-index:10;
 +
top:14px;
 +
left:215px;
 +
height:20px;
 +
width:35px;
 +
}
 +
#close a{
 +
display:block;
 +
height:20px;
 +
width:35px;
 +
background-image:url("https://static.igem.org/mediawiki/2014/6/6d/Kit_close.png");
 +
background-color:rgba(0,0,0,0.4);
 +
background-size:contain;
 +
}
 +
 +
#close a:hover{
 +
background-color:rgba(0,0,0,0.1);
 +
}
 +
 +
#close span{
 +
visibility:hidden;
}
}
</style>
</style>

Latest revision as of 18:30, 17 October 2014

Retrieved from "http://2014.igem.org/Template:Team:KIT-Kyoto/navi"