@charset "utf-8"; @import "../initial"; .sitemenu-horizontal { padding: 10px 0; @include clearfix; .sitemenu-title { display: none; } .sitemenu-item.level-1 { font-size: 0.8125rem; position: relative; float: left; margin-right: 1%; margin-bottom: 12px; padding: 8px .8em; padding-bottom: 8px; color: $theme-color-main; border-radius: 0; background: darken($theme-color-main, 10%); &:hover { background: $theme-color-second; } } .sitemenu-link.level-1 { margin-right: .25rem; color: #fff; } .sitemenu-dropdown-toggle { font-size: 0.75rem; padding: 2px .3125rem; cursor: pointer; } // sitemenu dropdown .sitemenu-list.dropdown-menu { min-width: 100%; margin-top: 4px; border: none; border-radius: .2em; background: $theme-color-main; } .sitemenu-link.level-2 { color: $theme-gray-darker; font-size: 0.8125rem; padding: 4px 0.625rem; &:hover { text-decoration: underline; background-color: transparent; } } } .sitemenu-vertical { margin-bottom: 30px; font-family: "Roboto", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif; border: 1px solid #ddd; border-top: 5px solid #ddd; padding: 12px 0; @media (min-width: 768px){ width: 90%; } .sitemenu-title { margin: 0; padding: 12px 20px; padding-left: 40px; margin-bottom: 0; position: relative; color: white; color:#e35443; // background-color: $theme-color-second; font-size: 18px; font-weight: bold; } .sitemenu-list { background-color: transparent; margin-bottom: 0; } .sitemenu-item.level-1 { // margin-bottom: 1px; position: relative; color: $theme-gray-darker; // background-color: $theme-gray-light; &:hover{ background-color: $theme-color-second; &:before{ background: #fff; } & > a{ color: $theme-gray-lighter; } } &:before{ position: absolute; left: 15px; top:50%; transform:translateY(-50%); width: 10px; height: 2px; content: ''; background: $theme-color-main; } } .sitemenu-link { display: block; padding: 10px 20px; padding-left: 40px; font-size: 0.8125rem; color: $theme-gray-darker; } .sitemenu-dropdown-toggle { font-size: 0.75rem; padding: 2px .3125rem; cursor: pointer; } .sitemenu-list.dropdown-menu { border: none; border-radius: .2em; background: $theme-color-main; } .sitemenu-link.level-2 { color: $theme-gray-darker; font-size: 0.8125rem; padding: 4px 0.625rem; &:hover { text-decoration: underline; background-color: transparent; } } }