|
|
| Line 32: |
Line 32: |
| | } | | } |
| | | | |
| - |
| |
| - | 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-left:-150px;
| |
| - | margin-top:0px;
| |
| - | 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: #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;
| |
| - | }
| |
| | div#container{ | | div#container{ |
| | margin:0 30px 0 270px; | | margin:0 30px 0 270px; |
"
