|
|
| (64 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | <script type="text/javascript"> | | <script type="text/javascript"> |
| - | /**** sandbox用 *****/
| + | function adjustHeight() { |
| - | function MouseOffFirst() { | + | var HEIGHT = $(window).height() + 100 |
| - | document.getElementById("top-dms-content").style.display = 'none';
| + | document.getElementById("kyoto-background").style.height = screen.height + 'px'; |
| - | document.getElementById("top-magnet-content").style.display = 'none';
| + | HEIGHT = HEIGHT - 260 |
| | + | document.getElementById("kyoto-side_menu").style.maxHeight = HEIGHT + 'px'; |
| | + | HEIGHT = HEIGHT - 20 |
| | + | document.getElementById("kyoto-content_page").style.maxHeight = HEIGHT + 'px'; |
| | } | | } |
| - |
| |
| - | function MouseOnTopDMS() {
| |
| - | document.getElementById("top-dms-content").style.display = 'block';
| |
| - | }
| |
| - |
| |
| - | function MouseOffTopDMS() {
| |
| - | document.getElementById("top-dms-content").style.display = 'none';
| |
| - | }
| |
| - |
| |
| - | function MouseOnTopMagnet() {
| |
| - | document.getElementById("top-magnet-content").style.display = 'block';
| |
| - | }
| |
| - |
| |
| - | function MouseOffTopMagnet() {
| |
| - | document.getElementById("top-magnet-content").style.display = 'none';
| |
| - | }
| |
| - |
| |
| - | /**** sandbox2用 *****/
| |
| - | .nav {height:36px; /*メニュー全体高さ*/
| |
| - | background:#96514d; /*メニュー全体背景色*/
| |
| - | color:#fff; /*メニュー全体文字色*/
| |
| - | text-shadow:1px 1px #888;
| |
| - | z-index:1000
| |
| - | }
| |
| - | .menu a {
| |
| - | float:left;
| |
| - | color:#eee; /*リンクの文字色*/
| |
| - | text-decoration:none;
| |
| - | width:120px;
| |
| - | height:28px;
| |
| - | padding-top:8px
| |
| - | }
| |
| - | .menu span {
| |
| - | float:left;
| |
| - | color:#eee; /*spanの文字色*/
| |
| - | text-decoration:none;
| |
| - | width:120px;
| |
| - | height:28px;
| |
| - | padding-top:8px
| |
| - | }
| |
| - | .menu a:hover {
| |
| - | color:#bedb00 /*マウスをのせた時の文字色*/
| |
| - | }
| |
| - | .menu {
| |
| - | list-style:none;
| |
| - | font:16px Arial, Verdana; /*文字設定*/
| |
| - | text-align:center;
| |
| - | width:600px; /*メニューの全体幅*/
| |
| - | margin:0 auto
| |
| - | }
| |
| - | .menu li {
| |
| - | position:relative;
| |
| - | float:left;
| |
| - | width:120px;
| |
| - | z-index:1000
| |
| - | }
| |
| - | .menu ul {
| |
| - | display:none;
| |
| - | position:absolute;
| |
| - | font:normal 13px Arial, Verdana; /*下に出てくるメニューのフォント*/
| |
| - | top:36px;
| |
| - | left:0;
| |
| - | background:#96514d; /*下に出てくるメニューの背景色*/
| |
| - | display:none;
| |
| - | list-style:none
| |
| - | }
| |
| - | .menu ul li {
| |
| - | float:none;
| |
| - | border-top:1px solid #ccc;
| |
| - | width:120px
| |
| - | }
| |
| - | .menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {
| |
| - | float:none;
| |
| - | display:block;
| |
| - | background:none;
| |
| - | height:22px;
| |
| - | padding-top:5px
| |
| - | }
| |
| - | .menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {
| |
| - | background:#936d6b; /*下に出てくるメニューのマウスをのせた時の背景色*/
| |
| - | color:#bedb00 /*下に出てくるメニューのマウスをのせた時の文字色*/
| |
| - | }
| |
| - | .menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {
| |
| - | float:none;
| |
| - | display:block;
| |
| - | background:none;
| |
| - | height:22px;
| |
| - | padding-top:5px
| |
| - | }
| |
| - | .menu ul ul {
| |
| - | left:120px;
| |
| - | top:0
| |
| - | }
| |
| - | .menu li.submenu {
| |
| - | font-weight:bold
| |
| - | }
| |
| - | .menu li.noborder {
| |
| - | border-top:none
| |
| - | }
| |
| - | #info {
| |
| - | width:180px; /*テキストのボックス幅*/
| |
| - | background:#fdeff2 /*テキストの背景色*/
| |
| - | }
| |
| - | #info li {
| |
| - | width:160px; /*テキストの幅*/
| |
| - | border-top:none;
| |
| - | padding:8px 10px;
| |
| - | color:#666; /*テキストの文字色*/
| |
| - | text-shadow:1px 1px #fff;
| |
| - | text-align:left
| |
| - | }
| |
| - | var dropdown=new TINY.dropdown.init("dropdown", {id:'menu', active:'menuhover'});
| |
| | </script> | | </script> |
| | </html> | | </html> |
| - | <html><body onload="javascript:MouseOffFirst()"></html> | + | <html><body onload="javascript:adjustHeight()"></html> |
"
