Template:Team:KIT-Kyoto/naviCSS

From 2014.igem.org

(Difference between revisions)
 
(44 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
ul#nav5 {
 
-
list-style:none;
 
-
}
 
-
 
-
ul#navi5 li {
 
-
        margin-left: -120px;
 
-
float: left;
 
-
        margin-bottom: 5px;
 
-
}
 
-
 
-
 
div#SideMenu{
div#SideMenu{
top:0;
top:0;
Line 20: Line 9:
position:fixed;
position:fixed;
background-color: rgba(100,100,100,0.7);
background-color: rgba(100,100,100,0.7);
-
overflow:scroll;
+
 
/* IE6 */
/* IE6 */
_position:absolute;  
_position:absolute;  
Line 27: Line 16:
div.active{
div.active{
-
margin-left:-150px;
+
margin-top:0px;
-
margin-top:1px;
+
border-right:3px solid lime;
-
border-right:2px solid lime;
+
width:227px;
 +
height:21px;
 +
text-align:right;
 +
text-transform:uppercase;
 +
background-color:rgba(0,0,0,0.5);
 +
padding:3px 10px;
 +
margin:0;
 +
font-size:15px;
}
}
 +
ul.submenu{
ul.submenu{
margin-top:-1px;
margin-top:-1px;
Line 53: Line 50:
ul.submenu li a:link {  
ul.submenu li a:link {  
-
color: #00FF00;
+
color: #00e600;
}
}
ul.submenu li a:visited {
ul.submenu li a:visited {
-
color: #00FF00;  
+
color: #00e600;  
}
}
ul.submenu li a:hover {  
ul.submenu li a:hover {  
Line 62: Line 59:
}
}
ul.submenu li a:active {  
ul.submenu li a:active {  
-
color: #00FF00;  
+
color: #00e600;  
}
}
Line 74: Line 71:
ul.submenu ul.slidemenu li{
ul.submenu ul.slidemenu li{
border-right:solid 1px #ffa200;
border-right:solid 1px #ffa200;
 +
}
 +
ul#nav5 {
 +
list-style:none;
 +
padding:0;
 +
margin:0;
 +
}
 +
.menuimg img{
 +
margin-bottom:-1px;
 +
}
 +
.menuimg{
 +
width:384px;
 +
height:21px;
 +
text-align:right;
 +
background-color:rgba(0,0,0,0.5);
 +
padding:3px 10px;
 +
margin:0;
 +
font-size:15px;
 +
text-transform:uppercase;
 +
}
 +
 +
.menuimg a{
 +
display:block;
 +
font-family:'Lucida Grande',
 +
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 +
Meiryo, メイリオ, sans-serif;
 +
}
 +
.menuimg a:link,.menuimg a:active,.menuimg a:hover,.menuimg a:visited,.active a:link,.active a:hover,.active a:active,.active a:visited{
 +
color:#ffffff;
 +
text-decoration: none;
 +
}
 +
 +
 +
.menuimg:hover{
 +
border-right:3px solid lime;
}
}
</style>
</style>

Latest revision as of 06:32, 18 September 2014