File: //proc/self/cwd/assets/css/metisMenu.css
/*!
* metismenu https://github.com/onokumus/metismenu#readme
* A jQuery menu plugin
* @version 3.0.6
* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
* @license: MIT
*/
.metismenu .arrow {
float: right;
line-height: 1.42857;
}
*[dir="rtl"] .metismenu .arrow {
float: left;
}
/*
* Require Bootstrap 3.x
* https://github.com/twbs/bootstrap
*/
.metismenu .glyphicon.arrow:before {
content: "\e079";
}
.metismenu .mm-active>a>.glyphicon.arrow:before {
content: "\e114";
}
/*
* Require Font-Awesome
* http://fortawesome.github.io/Font-Awesome/
*/
.metismenu .fa.arrow:before {
content: "\f104";
}
.metismenu .mm-active>a>.fa.arrow:before {
content: "\f107";
}
/*
* Require Ionicons
* http://ionicons.com/
*/
.metismenu .ion.arrow:before {
content: "\f3d2"
}
.metismenu .mm-active>a>.ion.arrow:before {
content: "\f3d0";
}
.metismenu .plus-times {
float: right;
}
*[dir="rtl"] .metismenu .plus-times {
float: left;
}
.metismenu .fa.plus-times:before {
content: "\f067";
}
.metismenu .mm-active>a>.fa.plus-times {
transform: rotate(45deg);
}
.metismenu .plus-minus {
float: right;
}
*[dir="rtl"] .metismenu .plus-minus {
float: left;
}
.metismenu .fa.plus-minus:before {
content: "\f067";
}
.metismenu .mm-active>a>.fa.plus-minus:before {
content: "\f068";
}
.metismenu .mm-collapse:not(.mm-show) {
display: none;
}
.metismenu .mm-collapsing {
position: relative;
height: 0;
overflow: hidden;
transition-timing-function: ease;
transition-duration: .35s;
transition-property: height, visibility;
}
.metismenu .has-arrow {
position: relative;
}
.metismenu .has-arrow::after {
position: absolute;
content: '';
width: .5em;
height: .5em;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: currentColor;
border-color: initial;
right: 1em;
transform: rotate(-45deg) translate(0, -50%);
transform-origin: top;
top: 50%;
transition: all .3s ease-out;
}
*[dir="rtl"] .metismenu .has-arrow::after {
right: auto;
left: 1em;
transform: rotate(135deg) translate(0, -50%);
}
.metismenu .mm-active>.has-arrow::after, .metismenu .has-arrow[aria-expanded="true"]::after {
transform: rotate(-135deg) translate(0, -50%);
}
*[dir="rtl"] .metismenu .mm-active>.has-arrow::after, *[dir="rtl"] .metismenu .has-arrow[aria-expanded="true"]::after {
transform: rotate(225deg) translate(0, -50%);
}
/* custom code */
.hamburger-menu {
display: inline-block;
}
.hamburger-menu a {
display: inline-block;
}
.body-overlay {
background-color: #000000;
height: 100%;
width: 100%;
position: fixed;
top: 0;
z-index: 1010;
left: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s linear 0s;
transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.body-overlay.active {
opacity: .5;
visibility: visible;
}
.side-mobile-menu ul li a {
display: block;
border-bottom: 1px solid rgba(150, 144, 162, 0.09);
font-size: 14px;
color: #fff;
font-weight: 600;
line-height: 48px;
text-transform: capitalize;
position: relative;
}
.side-mobile-menu ul li a[aria-expanded="true"] {
color: var(--color-primary);
}
.side-mobile-menu ul li a:hover {
color: var(--color-primary);
}
.side-mobile-menu ul li ul li:hover>a {
color: var(--color-primary);
}
.slide-bar.slide-bar-blockchain .side-mobile-menu ul li a[aria-expanded="true"],
.slide-bar.slide-bar-blockchain .side-mobile-menu ul li a:hover,
.slide-bar.slide-bar-blockchain .side-mobile-menu ul li ul li:hover>a {
color: #15B785;
}
.slide-bar.slide-bar-bitcoin .side-mobile-menu ul li a[aria-expanded="true"],
.slide-bar.slide-bar-bitcoin .side-mobile-menu ul li a:hover,
.slide-bar.slide-bar-bitcoin .side-mobile-menu ul li ul li:hover>a {
color: #45ACAB;
}
.side-mobile-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.slide-bar {
position: fixed;
overflow-y: auto;
top: 0;
right: -360px;
max-width: 330px;
width: 100%;
padding: 30px;
padding-top: 80px;
height: 100%;
display: block;
background-color: #0B0B29;
z-index: 1020;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.slide-bar.slide-bar-blockchain {
background: #0B0E13;
}
.slide-bar.slide-bar-blockchain .header-mobile-search input {
background-color: #0B0E13;
}
.slide-bar.slide-bar-blockchain .header-mobile-search input:focus {
border-color: #15B785;
}
.slide-bar.slide-bar-bitcoin {
background: #111828;
}
.slide-bar.slide-bar-bitcoin .header-mobile-search input {
background-color: #111828;
}
.slide-bar.slide-bar-bitcoin .header-mobile-search input:focus {
border-color: #45ACAB;
}
.slide-bar.show {
right: 0;
}
.side-mobile-menu ul li ul li a {
position: relative;
padding-left: 15px;
text-transform: capitalize;
font-size: 16px;
}
.side-mobile-menu ul li.dropdown>a::after {
position: absolute;
content: "";
width: 8px;
height: 8px;
border-width: 0 2px 2px 0;
border-style: solid;
border-color: initial;
right: 16px;
top: 50%;
-webkit-transform: rotate(-45deg) translateY(-50%);
-webkit-transform-origin: top;
transform-origin: top;
transition: all 0.3s ease-out;
transform: rotate(-45deg) translateY(-50%);
-moz-transform: rotate(-45deg) translateY(-50%);
-ms-transform: rotate(-45deg) translateY(-50%);
-o-transform: rotate(-45deg) translateY(-50%);
}
.side-mobile-menu ul li.dropdown a[aria-expanded="true"]::after {
-webkit-transform: rotate(-135deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
}
.side-mobile-menu ul li ul li a::before {
content: "";
width: 8px;
height: 8px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border: 2px solid #101a23;
border-radius: 50%;
}
.side-mobile-menu ul li ul li a {
text-transform: capitalize;
font-size: 15px;
padding-left: 15px;
}
.close-mobile-menu a {
color: #fff;
position: relative;
z-index: 2;
font-size: 16px;
left: 0;
display: block;
}
.close-mobile-menu {
position: absolute;
top: 0;
left: 0;
text-align: center;
line-height: 40px;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
}
.slide-bar .tx-close {
background: rgba(150,144,162,.08);
width: 45px;
height: 45px;
border-width: 14px;
}
.slide-bar .tx-close::before, .slide-bar .tx-close::after {
background-color: #fff;
}
.header-mobile-search input {
width: 100%;
height: 50px;
background-color: #fff;
padding: 0 18px;
padding-right: 40px;
font-size: 14px;
border: 1px solid #ececec;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
border-radius: 3px;
}
.header-mobile-search input:focus {
border-color: var(--color-primary);
}
.header-mobile-search {
margin-bottom: 15px;
position: relative;
display: block;
}
.header-mobile-search button {
position: absolute;
width: 50px;
height: 100%;
right: 0;
line-height: 100%;
padding: 0;
border: none;
background-color: initial;
background-image: none;
color: #3a505f;
top: 0;
cursor: pointer;
}