Skip to content

Instantly share code, notes, and snippets.

@mattintosh4
Created May 9, 2012 10:34
Show Gist options
  • Save mattintosh4/2643627 to your computer and use it in GitHub Desktop.
Save mattintosh4/2643627 to your computer and use it in GitHub Desktop.
#contentWrap{
position:relative;
padding-top:45px; /* フッターメニューの高さに合わせて調整 */
}
#contentBox{
padding:0;
}
.footNavi{
margin:0;
position:absolute;
top:0;
}
/* デフォルトメニューと広告の非表示 */
#gNavi,
#lNavi,
#superAd {display:none}
/* 余白とボーダーの無効化 */
.footNavi {margin:0!important;padding:0!important;border:0!important}
/* 余白 */
.footNavi * {margin:0!important;padding:0!important}
.footNavi dl {margin:0 0 0 2px!important}
.footNavi dl:first-child{margin:0!important}
.footNavi dt,
.footNavi dd a {padding:0 8px!important;line-height:32px;font-size:12px!important;font-weight:400!important;display:block!important}
.footNavi dd a:hover {text-decoration:none!important;color:inherit!important}
/* 背景色 */
.footNavi dd {background:hsl(50,50%,100%)}
.footNavi dt {background:hsl(50,50%,90%)}
.footNavi dl:hover dt {background:hsl(50,50%,80%)}
.footNavi dd a {background:transparent!important}
.footNavi dd a:hover {background:hsl(50,50%,90%)!important}
.footNavi dt,
.footNavi dd a {box-shadow:inset 0 0 0 1px #FFF}
/* 線幅 */
.footNavi dt {border-width:1px}
.footNavi dd a {border-width:0 1px 1px}
/* 線のスタイルと色 */
.footNavi dt,
.footNavi dd a {border-style:solid;border-color:hsl(50,50%,80%)}
/* 表示と非表示 */
.footNavi dl dd {display:none!important}
.footNavi dl:hover dd {display:block!important}
#contentBox{
padding:0;
}
#contentWrap{
position:relative;
padding-top:250px; /* .footNavi の高さに応じて変更 */
}
#gNavi,#lNavi,#superAd{
display:none;
}
.footNavi{
margin:0;
position:absolute;
top:0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment