Template:Team:KIT-Kyoto/naviCSS

From 2014.igem.org

(Difference between revisions)
Line 11: Line 11:
}
}
 +
 +
div#SideMenu{
 +
top:0;
 +
bottom:0;
 +
margin-right:0;
 +
width:250px;
 +
height:100%;
 +
position:fixed;
 +
background-color: rgba(100,100,100,0.7);
 +
overflow:scroll;
 +
/* IE6 */
 +
_position:absolute;
 +
_top:expression(eval(document.documentElement.scrollTop+30)+'px');
 +
}
 +
 +
div.active{
 +
margin-left:-150px;
 +
margin-top:1px;
 +
border-right:2px solid lime;
 +
}
 +
ul.submenu{
 +
margin-top:-1px;
 +
margin-left:-20px;
 +
width:250px;
 +
text-align:right;
 +
background-color:rgba(300,300,300,0.2);
 +
border-right:solid 2px rgba(300,300,300,0.2);
 +
border-bottom:solid 2px rgba(300,300,300,0.2);
 +
}
 +
ul.submenu li{
 +
margin:0px;
 +
padding:3px 10px;
 +
list-style:none;
 +
font-family:'Lucida Grande',
 +
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 +
Meiryo, メイリオ, sans-serif;
 +
}
 +
ul.submenu li:hover{
 +
background-color:rgba(0,300,100,0.3);
 +
}
 +
 +
ul.submenu li a:link {
 +
color: #00FF00;
 +
}
 +
ul.submenu li a:visited {
 +
color: #00FF00;
 +
}
 +
ul.submenu li a:hover {
 +
color: #00ff00;
 +
}
 +
ul.submenu li a:active {
 +
color: #00FF00;
 +
}
 +
 +
ul.submenu ul.slidemenu{
 +
background-color:rgba(0,0,0,0.2);
 +
margin-right:20px;
 +
text-align:left;
 +
border-bottom:1px solid #ffa200;
 +
}
 +
 +
ul.submenu ul.slidemenu li{
 +
border-right:solid 1px #ffa200;
 +
}
</style>
</style>

Revision as of 07:42, 9 September 2014

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