163 lines
2.9 KiB
SCSS
163 lines
2.9 KiB
SCSS
@charset "utf-8";
|
|
|
|
@import "../initial";
|
|
|
|
.sitemenu-horizontal {
|
|
background: #efefef;
|
|
margin-top: 18px;
|
|
box-shadow: 0 2px 0 #d2e6ee;
|
|
|
|
@include clearfix;
|
|
|
|
.sitemenu-title {
|
|
display: none;
|
|
}
|
|
|
|
.sitemenu-item.level-1 {
|
|
font-size: 0.8125rem;
|
|
position: relative;
|
|
float: left;
|
|
padding:8px 0;
|
|
color: #4a7db3;
|
|
transition:all .3s;
|
|
|
|
&:hover {
|
|
background-color:#4a7db3;
|
|
.sitemenu-list.dropdown-menu{
|
|
display:block;
|
|
}
|
|
.sitemenu-link.level-1{
|
|
// background-color:#4a7db3;
|
|
color:white;
|
|
}
|
|
.sitemenu-dropdown-toggle{
|
|
color:white;
|
|
background-color:#4a7db3;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sitemenu-link.level-1 {
|
|
margin-right: .25rem;
|
|
color: #4a7db3;
|
|
transition: all .3s;
|
|
padding: 0 .8em;
|
|
|
|
&:hover{
|
|
color:white;
|
|
// background: #4a7db3;
|
|
}
|
|
}
|
|
|
|
|
|
.sitemenu-dropdown-toggle {
|
|
font-size: 0.75rem;
|
|
padding: 2px .3125rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sitemenu-dropdown-toggle:hover{
|
|
|
|
}
|
|
|
|
// sitemenu dropdown
|
|
.sitemenu-list.dropdown-menu {
|
|
min-width: 100%;
|
|
margin-top: -1px;
|
|
padding:0;
|
|
border: none;
|
|
border-radius: .2em;
|
|
background-color:#efefef;
|
|
// background: $theme-color-main;
|
|
|
|
}
|
|
|
|
.sitemenu-link.level-2 {
|
|
color: $theme-white;
|
|
font-size: 0.8125rem;
|
|
padding: 4px 0.625rem;
|
|
color:white;
|
|
background-color:#242424;
|
|
|
|
&:hover {
|
|
// text-decoration: underline;
|
|
background-color:white;
|
|
color:#37518A;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sitemenu-vertical {
|
|
.sitemenu-list {
|
|
// background-color: $theme-color-second;
|
|
background-color: #efefef;
|
|
box-shadow: 0 -2px 0 #d2e6ee;
|
|
}
|
|
|
|
.sitemenu-item.level-1 {
|
|
padding: 10px 20px;
|
|
position: relative;
|
|
color: $theme-white;
|
|
transition:all .3s;
|
|
border-bottom: 1px dashed #cccccc;
|
|
}
|
|
|
|
.sitemenu-item.level-1:hover{
|
|
color:white;
|
|
background-color:#4a7db3;
|
|
.sitemenu-dropdown-toggle {
|
|
color:white;
|
|
}
|
|
.sitemenu-list.dropdown-menu{
|
|
display:block;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.sitemenu-link {
|
|
// font-size: 0.8125rem;
|
|
// color: $theme-white;
|
|
color:#4a7db3;
|
|
font-size:0.9375em;
|
|
transition:all .3s;
|
|
display:block;
|
|
width: 100%;
|
|
}
|
|
|
|
.sitemenu-item.level-1:hover .sitemenu-link.level-1{
|
|
color:white;
|
|
}
|
|
|
|
.sitemenu-dropdown-toggle {
|
|
font-size: 0.75rem;
|
|
padding: 2px .3125rem;
|
|
cursor: pointer;
|
|
color:#4a7db3;
|
|
display: block;
|
|
float: right;
|
|
margin-top: -20px;
|
|
}
|
|
|
|
.sitemenu-list.dropdown-menu {
|
|
border: none;
|
|
border-radius: .2em;
|
|
// background: $theme-color-main;
|
|
background-color:#242424;
|
|
margin: -1px 0 0px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sitemenu-link.level-2 {
|
|
// color: $theme-white;
|
|
font-size: 0.8125rem;
|
|
padding: 4px 0.625rem;
|
|
color:white;
|
|
background-color:#242424;
|
|
|
|
&:hover {
|
|
// text-decoration: underline;
|
|
background-color: white;
|
|
color:#37518A;
|
|
}
|
|
}
|
|
} |