Template:Team:KIT-Kyoto/naviCSS
From 2014.igem.org
(Difference between revisions)
(24 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | div#SideMenu{ | |
- | + | top:0; | |
+ | bottom:0; | ||
+ | margin-right:0; | ||
+ | width:250px; | ||
+ | height:100%; | ||
+ | position:fixed; | ||
+ | background-color: rgba(100,100,100,0.7); | ||
+ | |||
+ | /* IE6 */ | ||
+ | _position:absolute; | ||
+ | _top:expression(eval(document.documentElement.scrollTop+30)+'px'); | ||
+ | } | ||
+ | |||
+ | div.active{ | ||
+ | margin-top:0px; | ||
+ | border-right:3px 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{ | ||
+ | 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; | 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: #00e600; | ||
+ | } | ||
+ | ul.submenu li a:visited { | ||
+ | color: #00e600; | ||
+ | } | ||
+ | ul.submenu li a:hover { | ||
+ | color: #00ff00; | ||
+ | } | ||
+ | ul.submenu li a:active { | ||
+ | color: #00e600; | ||
+ | } | ||
+ | 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; | ||
+ | } | ||
+ | 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