diff --git a/assets/stylesheets/template/widget/sitemenu.scss b/assets/stylesheets/template/widget/sitemenu.scss index fd62e23..3852730 100644 --- a/assets/stylesheets/template/widget/sitemenu.scss +++ b/assets/stylesheets/template/widget/sitemenu.scss @@ -1,4 +1,4 @@ -@charset "utf-8"; +@charset "utf-8"; @import "../initial"; @@ -6,102 +6,117 @@ margin-top: 16px; font-weight: bold; - @include clearfix; + @include clearfix; - .sitemenu-title { - font-size: 1.8em; - font-weight: normal - } - .sitemenu-list.level-1 { - list-style: square; - color: $site-menu-disc; - overflow: hidden; - list-style-position: inside; - margin: 0; - line-height: 0.4; - background-color: #F0F0F0; - } - .sitemenu-item.level-1 { - font-size: 1em; - position: relative; - float: left; - padding: 1.2em 0; - margin: 8px; - } - - .sitemenu-link.level-1 { - color: #4B4B4B; - text-decoration: none; - &:hover { - color: $a-hover; - text-decoration: underline; + .sitemenu-title { + font-size: 1.8em; + font-weight: normal } - } - .sitemenu-dropdown-toggle { - font-size: 0.75rem; - padding: 0.125em .3125rem; - cursor: pointer; - display: none; - } - - // sitemenu dropdown - .sitemenu-list.dropdown-menu { - min-width: 100%; - margin-top: 0.25em; - border: none; - border-radius: .2em; - background: $theme-color-main; - } - - .sitemenu-link.level-2 { - color: $theme-white; - font-size: 0.8125rem; - padding: 0.25em 0.625rem; - - &:hover { - text-decoration: underline; - background-color: transparent; + .sitemenu-list.level-1 { + list-style: square; + color: $site-menu-disc; + list-style-position: inside; + margin: 0; + line-height: 0.4; + background-color: #F0F0F0; + } + + .sitemenu-item.level-1 { + font-size: 1em; + position: relative; + float: left; + padding: 1.2em 0; + margin: 0.5em; + margin-bottom: 0; + + &:hover { + color: $a-hover; + text-decoration: underline; + + .sitemenu-list.level-2 { + display: block; + } + } + } + + .sitemenu-link.level-1 { + color: #4B4B4B; + text-decoration: none; + } + + + .sitemenu-dropdown-toggle { + font-size: 0.75rem; + padding: 0.125em .3125rem; + cursor: pointer; + } + // sitemenu dropdown + .sitemenu-list.dropdown-menu { + min-width: 100%; + margin-top: 0; + border: none; + border-radius: .2em; + background: $theme-color-main; + } + + .sitemenu-link.level-2 { + color: $theme-white; + font-size: 0.8125rem; + padding: 0.25em 0.625rem; + + &:hover { + text-decoration: underline; + background-color: transparent; + } } - } } .sitemenu-vertical { - .sitemenu-list { - background-color: $theme-color-second; - } - - .sitemenu-item.level-1 { - padding: 0.625em 1.25em; - position: relative; - color: $theme-white; - } - - .sitemenu-link { - font-size: 0.8125rem; - color: $theme-white; - } - - .sitemenu-dropdown-toggle { - font-size: 0.75rem; - padding: 0.125em .3125rem; - cursor: pointer; - } - - .sitemenu-list.dropdown-menu { - border: none; - border-radius: .2em; - background: $theme-color-main; - } - - .sitemenu-link.level-2 { - color: $theme-white; - font-size: 0.8125rem; - padding: 0.25em 0.625rem; - - &:hover { - text-decoration: underline; - background-color: transparent; + .sitemenu-list { + background-color: $theme-color-second; + } + + .sitemenu-item.level-1 { + padding: 0.625em 1.25em; + position: relative; + color: $theme-white; + + &:hover { + color: $a-hover; + text-decoration: underline; + + .sitemenu-list.level-2 { + display: block; + } + } + } + + .sitemenu-link { + font-size: 0.8125rem; + color: $theme-white; + } + + .sitemenu-dropdown-toggle { + font-size: 0.75rem; + padding: 0.125em .3125rem; + cursor: pointer; + } + + .sitemenu-list.dropdown-menu { + border: none; + border-radius: .2em; + background: $theme-color-main; + } + + .sitemenu-link.level-2 { + color: $theme-white; + font-size: 0.8125rem; + padding: 0.25em 0.625rem; + + &:hover { + text-decoration: underline; + background-color: transparent; + } } - } } \ No newline at end of file