init
Цей коміт міститься в:
@@ -0,0 +1,38 @@
|
||||
.bottom {
|
||||
background: $dark;
|
||||
|
||||
.bottom-logo {
|
||||
|
||||
p {
|
||||
color : $body-color;
|
||||
line-height: 30px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-widget {
|
||||
@include respond("tab-port") {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.widget-title {
|
||||
font-size : 18px;
|
||||
font-weight : 600;
|
||||
color : #fff;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
ul {
|
||||
li {
|
||||
a {
|
||||
color : $body-color;
|
||||
font-weight : 400;
|
||||
margin-bottom: 10px;
|
||||
display : inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
.footer {
|
||||
// border-top: 1px solid rgba(255, 255, 255, 0.2);
|
||||
background: $body-bg;
|
||||
padding : 20px 0px;
|
||||
|
||||
position : fixed;
|
||||
bottom : 0;
|
||||
left : $sidebar-width + 30px;
|
||||
// right : $map-width + 30px;
|
||||
|
||||
border-radius: $radius;
|
||||
|
||||
.copyright {
|
||||
position : relative;
|
||||
text-align: left;
|
||||
|
||||
p {
|
||||
margin : 0;
|
||||
font-size: 14px;
|
||||
color : $body-color;
|
||||
|
||||
a {
|
||||
color : $primary;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer-social {
|
||||
text-align: right;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
|
||||
a {
|
||||
color : $dark;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.details {
|
||||
.footer {
|
||||
left: 0px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,580 @@
|
||||
.header {
|
||||
padding : 20px 0px;
|
||||
position : fixed;
|
||||
top : 0;
|
||||
left : $sidebar-width;
|
||||
right : 0;
|
||||
z-index : 02;
|
||||
// transition: all 0.3s ease-in;
|
||||
background : $body-bg;
|
||||
|
||||
&.bg-primary {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
||||
}
|
||||
|
||||
@include respond("tab-port") {
|
||||
// left : 100px;
|
||||
// margin: 0px;
|
||||
}
|
||||
|
||||
@include respond("phone-land") {
|
||||
left : 0;
|
||||
padding : 10px 0px;
|
||||
background: $white;
|
||||
}
|
||||
|
||||
.brand-logo {
|
||||
display: none;
|
||||
|
||||
@include respond("tab-port") {
|
||||
display: none;
|
||||
margin : 0px 20px 0px 0px;
|
||||
}
|
||||
|
||||
@include respond("phone-land") {
|
||||
display: block;
|
||||
|
||||
img {
|
||||
// max-width: 35px;
|
||||
filter: none;
|
||||
}
|
||||
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.landing {
|
||||
padding : 20px 0px;
|
||||
left : 0px;
|
||||
// border-bottom: 1px solid $border-color;
|
||||
// position: relative;
|
||||
|
||||
a {
|
||||
display : flex;
|
||||
align-items : center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.brand-logo {
|
||||
display : block;
|
||||
margin-top : 0px;
|
||||
margin-left: 0px;
|
||||
|
||||
img {
|
||||
filter : none;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
top : 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-content,
|
||||
.header-left,
|
||||
.header-right {
|
||||
display : flex;
|
||||
justify-content: space-between;
|
||||
align-items : center;
|
||||
}
|
||||
|
||||
.notification {
|
||||
cursor: pointer;
|
||||
|
||||
.notify-bell {
|
||||
margin-right: 15px;
|
||||
|
||||
@include respond("phone-land") {
|
||||
margin-right : 15px;
|
||||
// margin-left : 15px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.dropdown-menu {
|
||||
border : 0px;
|
||||
padding : 15px 20px 10px;
|
||||
margin : 0px;
|
||||
top : 25px !important;
|
||||
width : 330px;
|
||||
box-shadow : 0 36px 48px rgba($color: #1b1994, $alpha: 0.08);
|
||||
border-radius : 5px;
|
||||
// background-color: #423A6F;
|
||||
|
||||
h4 {
|
||||
border-bottom : 1px solid $border-color;
|
||||
padding-bottom: 15px;
|
||||
font-size : 16px;
|
||||
}
|
||||
|
||||
a {
|
||||
display : block;
|
||||
border-bottom: 1px solid $border-color;
|
||||
padding : 10px 0px;
|
||||
|
||||
&:last-child {
|
||||
border : 0px;
|
||||
display : flex;
|
||||
justify-content: flex-end;
|
||||
align-items : center;
|
||||
color : $dark;
|
||||
|
||||
i {
|
||||
margin-left: 5px;
|
||||
font-size : 18px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0px;
|
||||
color : $headings-color;
|
||||
font-weight : $headings-font-weight;
|
||||
font-size : 14px;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 13px;
|
||||
color : $body-color;
|
||||
}
|
||||
|
||||
span {
|
||||
&.icon {
|
||||
height : 40px;
|
||||
width : 40px;
|
||||
color : $white;
|
||||
display : flex;
|
||||
align-items : center;
|
||||
justify-content: center;
|
||||
border-radius : 50px;
|
||||
|
||||
i {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&.success {
|
||||
background: $success;
|
||||
}
|
||||
|
||||
&.fail {
|
||||
background: $danger;
|
||||
}
|
||||
|
||||
&.pending {
|
||||
background: $warning;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-toggle::after {
|
||||
border-top : 0px;
|
||||
margin-left : 10.2px;
|
||||
display : inline-block;
|
||||
font-style : normal;
|
||||
font-variant : normal;
|
||||
text-rendering : auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family : "Font Awesome 5 Pro", "Font Awesome 5 Free";
|
||||
font-weight : 700;
|
||||
content : "\f107";
|
||||
}
|
||||
|
||||
.profile_log {
|
||||
cursor: pointer;
|
||||
|
||||
.user {
|
||||
display : flex;
|
||||
align-items: center;
|
||||
|
||||
.thumb {
|
||||
height : 35px;
|
||||
width : 35px;
|
||||
border-radius: 50px;
|
||||
color : #fff;
|
||||
text-align : center;
|
||||
|
||||
img {
|
||||
max-width: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
// .arrow {
|
||||
|
||||
// // color: $white;
|
||||
// i {
|
||||
// font-weight: bold;
|
||||
// font-size : 14px;
|
||||
// line-height: 16px;
|
||||
// margin-top : 6px;
|
||||
// display : inline-block;
|
||||
// }
|
||||
|
||||
// @include respond("tab-land") {
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
|
||||
}
|
||||
|
||||
|
||||
.dropdown-menu {
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
margin : 0px;
|
||||
top : 25px !important;
|
||||
box-shadow : 0 1.5rem 4rem rgba(22, 28, 45, 0.15);
|
||||
border-radius : 5px;
|
||||
background-color: $white;
|
||||
min-width : 240px;
|
||||
|
||||
.user-email {
|
||||
padding: 10px 20px 10px;
|
||||
|
||||
.thumb {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.user-info {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 14px;
|
||||
|
||||
i {
|
||||
font-size: 22px;
|
||||
color : $dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.user-balance {
|
||||
display : flex;
|
||||
justify-content: space-around;
|
||||
margin-bottom : 15px;
|
||||
|
||||
p {
|
||||
margin-bottom: 0px;
|
||||
font-weight : 500;
|
||||
color : $headings-color;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
padding : 10px 20px;
|
||||
border-top : 1px solid $border-color;
|
||||
// font-size : 14px;
|
||||
// color : $body-color;
|
||||
font-weight : 400;
|
||||
display : flex;
|
||||
align-items : center;
|
||||
|
||||
&:first-child {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
&.logout {
|
||||
color: $danger;
|
||||
|
||||
i {
|
||||
color: $danger;
|
||||
}
|
||||
}
|
||||
|
||||
i {
|
||||
margin-right: 10px;
|
||||
font-size : 18px;
|
||||
color : $primary;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.active {
|
||||
background-color: $primary;
|
||||
color : $white;
|
||||
|
||||
i {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.dark-light-toggle {
|
||||
margin-right: 20px;
|
||||
cursor : pointer;
|
||||
display : none;
|
||||
|
||||
@include respond("phone-land") {
|
||||
margin-right: 0px;
|
||||
margin-left : 15px;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.light {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dark-theme {
|
||||
.dark {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.light {
|
||||
display: block;
|
||||
color : $warning;
|
||||
}
|
||||
}
|
||||
|
||||
// Landing page
|
||||
|
||||
.navigation {
|
||||
.navbar {
|
||||
background-color: transparent !important;
|
||||
padding : 0px;
|
||||
|
||||
ul {
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
|
||||
@include respond("tab-port") {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
&>li {
|
||||
display : inline-block;
|
||||
padding : 0px 7px;
|
||||
// margin-left: 15px;
|
||||
width : 100%;
|
||||
|
||||
@include respond("tab-port") {
|
||||
border-bottom: 1px solid $border-color;
|
||||
margin : 0 15px;
|
||||
padding : 7px 15px;
|
||||
// background: $primary;
|
||||
}
|
||||
|
||||
&>a {
|
||||
font-size : 16px;
|
||||
font-weight: $headings-font-weight;
|
||||
color : $dark;
|
||||
|
||||
@include respond("tab-port") {
|
||||
&::after {
|
||||
position: absolute;
|
||||
right : 15px;
|
||||
top : 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 991px) {
|
||||
.dropdown {
|
||||
&>a {
|
||||
position : relative;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background: $white;
|
||||
padding : 15px 0;
|
||||
display : block;
|
||||
opacity : 0;
|
||||
visibility: hidden;
|
||||
z-index : 1030;
|
||||
transition: all 0.2s ease-in-out;
|
||||
box-shadow: 0 1.5rem 4rem rgba(22, 28, 45, 0.15);
|
||||
border : 0px;
|
||||
margin-top: 10px;
|
||||
z-index : 998;
|
||||
min-width : 10rem;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
color : $body-color;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
color : $primary;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li.dropdown {
|
||||
&:hover {
|
||||
a {
|
||||
&::before {
|
||||
opacity: 1;
|
||||
bottom : -9px;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
// display: block;
|
||||
opacity : 1;
|
||||
visibility : visible;
|
||||
// transform: translate3d(-50%,0,0);
|
||||
margin-top : 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include respond("tab-port") {
|
||||
.dropdown-menu {
|
||||
border : 0px;
|
||||
padding: 0px;
|
||||
|
||||
a {
|
||||
border-bottom: 1px solid $border-color;
|
||||
padding : 15px;
|
||||
color : $body-color;
|
||||
|
||||
// background: #323232;
|
||||
&:last-child {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
i,
|
||||
h6 {
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
p {
|
||||
color : $body-color;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.signin-btn {
|
||||
min-width: 100px;
|
||||
|
||||
// .btn-primary {
|
||||
// border-radius: 100px;
|
||||
// }
|
||||
}
|
||||
|
||||
.logo-white {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.light {
|
||||
.logo-primary {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logo-white {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.navigation {
|
||||
.navbar {
|
||||
ul {
|
||||
&>li {
|
||||
&>a {
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.active,
|
||||
&:active {
|
||||
color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.signin-btn {
|
||||
.btn-primary {
|
||||
background: $white;
|
||||
color : $dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search {
|
||||
min-width: 450px;
|
||||
|
||||
|
||||
@include respond("phone-land") {
|
||||
min-width : auto;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-bottom-left-radius: $radius;
|
||||
border-top-left-radius : $radius;
|
||||
}
|
||||
|
||||
.input-group-text {
|
||||
border-top-right-radius : $radius;
|
||||
border-bottom-right-radius: $radius;
|
||||
background : $primary;
|
||||
|
||||
i {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon-menu {
|
||||
height : 40px;
|
||||
width : 40px;
|
||||
display : flex;
|
||||
justify-content: center;
|
||||
align-items : center;
|
||||
border-radius : 50%;
|
||||
background : #fff;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
background: $primary;
|
||||
box-shadow: $shadow;
|
||||
|
||||
i {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
span {
|
||||
i {
|
||||
font-size: 20px;
|
||||
color : $body-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
@import "./header";
|
||||
@import "./bottom";
|
||||
@import "./footer";
|
||||
@import "./sidebar";
|
||||
@import "./theme-bg";
|
||||
@@ -0,0 +1,238 @@
|
||||
.sidebar {
|
||||
background : darken($primary, 10%);
|
||||
position : fixed;
|
||||
left : 0px;
|
||||
height : calc(100% - 20px);
|
||||
width : $sidebar-width;
|
||||
top : 0px;
|
||||
z-index : 3;
|
||||
bottom : 0px;
|
||||
border-radius : 0px;
|
||||
box-shadow : $shadow;
|
||||
// border-right : 1px solid $border-color;
|
||||
|
||||
|
||||
// @include respond("tab-port") {
|
||||
// width: $sidebar-width;
|
||||
// }
|
||||
|
||||
@include respond("phone-land") {
|
||||
top : auto;
|
||||
bottom : 0;
|
||||
width : 100%;
|
||||
height : 50px;
|
||||
left : 0;
|
||||
border-radius: 0px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
.brand-logo {
|
||||
text-align: center;
|
||||
margin : 20px 20px 20px;
|
||||
|
||||
img {
|
||||
// max-width: 35px;
|
||||
// filter: brightness(100);
|
||||
}
|
||||
|
||||
// .mini-logo {
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// @include respond("tab-port") {
|
||||
// text-align: center;
|
||||
|
||||
// .full-logo {
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// .mini-logo {
|
||||
// display: block;
|
||||
// }
|
||||
// }
|
||||
|
||||
@include respond("phone-land") {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.menu {
|
||||
margin-top: 30px;
|
||||
padding : 20px;
|
||||
position : relative;
|
||||
|
||||
@include respond("phone-land") {
|
||||
margin-top: 0px;
|
||||
padding : 0px;
|
||||
background: $primary;
|
||||
}
|
||||
|
||||
ul {
|
||||
@include respond("phone-land") {
|
||||
display : flex;
|
||||
justify-content: space-around;
|
||||
align-items : center;
|
||||
}
|
||||
|
||||
li {
|
||||
// text-align: center;
|
||||
margin-bottom: 8px;
|
||||
border-radius: $radius;
|
||||
|
||||
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
|
||||
// background: lighten($dark, 0%);
|
||||
a {
|
||||
color: $white;
|
||||
|
||||
.nav-text {
|
||||
display : block;
|
||||
background: white;
|
||||
color : $primary;
|
||||
|
||||
@include respond("tab-port") {
|
||||
display: none;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
i {
|
||||
color : $white;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
// background: $white;
|
||||
|
||||
i {
|
||||
color : $white;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
span {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
i {
|
||||
color : $white;
|
||||
font-size : 20px;
|
||||
opacity : 0.6;
|
||||
margin-right: 15px;
|
||||
line-height : 0px;
|
||||
|
||||
|
||||
@include respond("tab-port") {
|
||||
margin-right: 0px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
padding : 5px 8px;
|
||||
display : flex;
|
||||
align-items : center;
|
||||
min-height : 3.5rem;
|
||||
// font-weight : 600;
|
||||
color : $body-color;
|
||||
// justify-content: center;
|
||||
|
||||
@include respond("tab-port") {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.nav-text {
|
||||
display : none;
|
||||
padding : 3px 8px;
|
||||
border-radius: 4px;
|
||||
box-shadow : $shadow;
|
||||
|
||||
@include respond("tab-port") {
|
||||
display: none;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
&.logout {
|
||||
position: fixed;
|
||||
bottom : 50px;
|
||||
left : 0;
|
||||
right : 0;
|
||||
width : 80px;
|
||||
|
||||
a {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
@include respond("tab-port") {
|
||||
right : auto;
|
||||
justify-content: center;
|
||||
left : 10px;
|
||||
width : auto;
|
||||
}
|
||||
|
||||
@include respond("phone-land") {
|
||||
position: relative;
|
||||
bottom : 0;
|
||||
left : auto;
|
||||
right : auto;
|
||||
width : auto;
|
||||
|
||||
a {
|
||||
padding-left: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.card-limit-progress {
|
||||
display: none;
|
||||
|
||||
@include respond("tab-land") {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// background : lighten($secondary, 5%);
|
||||
background : url('/images/bg/6.jpg');
|
||||
position : absolute;
|
||||
bottom : 150px;
|
||||
padding : 15px 20px;
|
||||
margin : 20px;
|
||||
left : 0;
|
||||
right : 0;
|
||||
border-radius: $radius;
|
||||
|
||||
h5 {
|
||||
font-size: 14px;
|
||||
color : $white;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 12px;
|
||||
|
||||
strong {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.progress {
|
||||
height : 6px;
|
||||
background-color: darken($light, 10%);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,226 @@
|
||||
$dbg : darken($primary, 37%);
|
||||
$dcolor : lighten($primary, 25%);
|
||||
$dcard : darken($primary, 30%);
|
||||
$dborder : rgba(255, 255, 255, 0.08);
|
||||
// $dborder: darken($primary, 37%);
|
||||
|
||||
.dark-theme {
|
||||
|
||||
h1,
|
||||
.h1,
|
||||
h2,
|
||||
.h2,
|
||||
h3,
|
||||
.h3,
|
||||
h4,
|
||||
.h4,
|
||||
h5,
|
||||
.h5,
|
||||
h6,
|
||||
.h6 {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
|
||||
background-color: $dbg;
|
||||
color : $dcolor;
|
||||
|
||||
.header {
|
||||
background-color: $dbg;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background-color: $dcard;
|
||||
|
||||
h4 {
|
||||
border-color: $dborder;
|
||||
}
|
||||
|
||||
p {
|
||||
color: $white !important;
|
||||
}
|
||||
|
||||
a {
|
||||
border-color: $dborder;
|
||||
|
||||
|
||||
|
||||
span {
|
||||
color: $dcolor !important;
|
||||
|
||||
i {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.notification .notify-bell i {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.notification .dropdown-menu a:last-child {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.profile_log .dropdown-menu .dropdown-item {
|
||||
border-top: 1px solid $dborder;
|
||||
color : $dcolor;
|
||||
}
|
||||
|
||||
.user-info,
|
||||
.user-balance {
|
||||
span {
|
||||
color: $dcolor;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.card {
|
||||
background: $dcard !important;
|
||||
|
||||
.card-header {
|
||||
border-bottom: 1px solid $dborder;
|
||||
|
||||
.card-title {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.trade-form {
|
||||
p {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.balance-widget li .icon-title span {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.form-control,
|
||||
.form-select {
|
||||
background : $dbg;
|
||||
border-color: $dborder;
|
||||
color : $dcolor;
|
||||
|
||||
&::-webkit-input-placeholder {
|
||||
color: $dcolor;
|
||||
}
|
||||
|
||||
&:-ms-input-placeholder {
|
||||
color: $dcolor;
|
||||
}
|
||||
|
||||
&::placeholder {
|
||||
color: $dcolor;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: $dborder;
|
||||
color : $dcolor;
|
||||
background : $dbg;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
border-color: $dborder;
|
||||
color : $dcolor;
|
||||
background : $dbg;
|
||||
}
|
||||
}
|
||||
|
||||
.form-file-text {
|
||||
background-color: $dbg;
|
||||
border-color : $dborder;
|
||||
color : $dcolor;
|
||||
}
|
||||
|
||||
.form-file-button {
|
||||
border-color: $dborder;
|
||||
background : $primary;
|
||||
color : $white;
|
||||
}
|
||||
|
||||
.input-group-text {
|
||||
background : $dcard;
|
||||
color : $white;
|
||||
border-color: $dborder;
|
||||
}
|
||||
|
||||
.btn-outline-primary,
|
||||
.btn-outline-secondary,
|
||||
.btn-outline-success,
|
||||
.btn-outline-info,
|
||||
.btn-outline-warning,
|
||||
.btn-outline-danger,
|
||||
.btn-outline-light {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.balance-widget li {
|
||||
border-bottom: 1px solid $dborder;
|
||||
}
|
||||
|
||||
.table {
|
||||
color: $dcolor;
|
||||
|
||||
th {
|
||||
color : $white;
|
||||
border-bottom: 1px solid $dborder !important;
|
||||
}
|
||||
|
||||
td {
|
||||
border-color: $dborder;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.table-striped>tbody>tr:nth-of-type(odd) {
|
||||
--bs-table-accent-bg: $dbg;
|
||||
background-color : $dbg;
|
||||
color : $dcolor;
|
||||
}
|
||||
|
||||
.settings-menu {
|
||||
a {
|
||||
color: $dcolor;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
color : $white;
|
||||
// opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
background-color: $dcard;
|
||||
|
||||
.modal-header {
|
||||
border-color: $dborder;
|
||||
|
||||
.btn-close {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.qr-img {
|
||||
background: $white;
|
||||
}
|
||||
|
||||
.chart-stat {
|
||||
border-color: $dborder;
|
||||
}
|
||||
}
|
||||
Посилання в новій задачі
Заблокувати користувача