218 lines
3.3 KiB
SCSS
218 lines
3.3 KiB
SCSS
/**=====================
|
|
36. NAV CSS Start
|
|
==========================**/
|
|
.nav-list{
|
|
padding: 30px;
|
|
.nav-list-disc{
|
|
text-align: left;
|
|
color: $dark-gray;
|
|
li{
|
|
padding: 9px 0;
|
|
&:first-child{
|
|
padding-top: 0;
|
|
}
|
|
&:last-child{
|
|
padding-bottom: 0;
|
|
}
|
|
a{
|
|
color: $theme-body-font-color;
|
|
.fa{
|
|
width: 14px;
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
&:hover{
|
|
color: $primary-color;
|
|
a{
|
|
color: $primary-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
.navs-icon{
|
|
padding: 30px;
|
|
svg{
|
|
width: 21px;
|
|
height: 21px;
|
|
margin-right: 10px;
|
|
}
|
|
.fa{
|
|
font-size: 16px;
|
|
margin-right: 10px;
|
|
}
|
|
li{
|
|
padding: 9px 0;
|
|
&:first-child{
|
|
padding-top: 0;
|
|
}
|
|
&:last-child{
|
|
padding-bottom: 0;
|
|
}
|
|
.text-muted{
|
|
color: $theme-body-font-color !important;
|
|
}
|
|
a{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
ul{
|
|
padding-top: 9px;
|
|
li{
|
|
line-height: 1;
|
|
&:first-child{
|
|
padding-top: 9px;
|
|
}
|
|
&:hover{
|
|
color: $primary-color;
|
|
a{
|
|
color: $primary-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
a {
|
|
color: $theme-body-font-color;
|
|
&:hover{
|
|
color: $primary-color;
|
|
}
|
|
&.active{
|
|
color: $primary-color;
|
|
}
|
|
span{
|
|
font-family: $font-rubik, $font-serif;
|
|
}
|
|
}
|
|
button{
|
|
&:hover{
|
|
a{
|
|
color:$white;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
.main-section{
|
|
padding-top: 30px;
|
|
}
|
|
.separator{
|
|
border-bottom: 1px solid $light-gray;
|
|
margin: 30px 0;
|
|
padding: 0;
|
|
}
|
|
.btn-link{
|
|
text-decoration: none;
|
|
line-height: 1;
|
|
padding: 0;
|
|
padding-bottom: 6px;
|
|
&:hover{
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
#accordionoc{
|
|
#collapseicon, #collapseicon1{
|
|
padding-top: 0px;
|
|
}
|
|
li{
|
|
button{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
}
|
|
}
|
|
.navs-icon.default-according.style-1 {
|
|
li{
|
|
button{
|
|
position: relative;
|
|
&:hover
|
|
{
|
|
color: $primary-color!important;
|
|
}
|
|
}
|
|
button[aria-expanded="true"]{
|
|
&:before {
|
|
right: 2px;
|
|
top:6px;
|
|
}
|
|
}
|
|
button[aria-expanded="false"]:before {
|
|
right: 2px;
|
|
top:6px;
|
|
}
|
|
}
|
|
}
|
|
.navs-dropdown{
|
|
button{
|
|
margin-top: 30px;
|
|
}
|
|
.onhover-show-div{
|
|
width:250px;
|
|
border-radius:4px;
|
|
box-shadow:0 0 2px 2px $light-gray;
|
|
button{
|
|
margin-top:0px;
|
|
}
|
|
.navs-icon{
|
|
li{
|
|
text-align: left;
|
|
a{
|
|
&:hover,
|
|
&.active{
|
|
svg{
|
|
path, line, polyline{
|
|
color: $primary-color !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before{
|
|
right: 77px;
|
|
left: unset;
|
|
}
|
|
.onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
|
|
right: 77px;
|
|
left: unset;
|
|
}
|
|
.icon-lists{
|
|
font-family: $font-rubik, $font-serif;
|
|
}
|
|
.pl-navs-inline{
|
|
padding-left: 30px!important;
|
|
}
|
|
.inline-nav{
|
|
li{
|
|
line-height: 1.3;
|
|
}
|
|
}
|
|
.nav-tabs {
|
|
border-color:$light-gray;
|
|
.nav-link{
|
|
&.active{
|
|
background-color:rgba($primary-color,0.1);
|
|
border-color:$light-gray;
|
|
color: $primary-color;
|
|
}
|
|
}
|
|
.nav-item{
|
|
&.show {
|
|
.nav-link{
|
|
background-color:rgba($primary-color,0.1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**=====================
|
|
36. NAV CSS Ends
|
|
==========================**/
|