mirror of
https://github.com/JKorf/CryptoExchange.Net.git
synced 2026-08-23 14:22:55 +00:00
@@ -0,0 +1,191 @@
|
||||
@import "bootstrap/functions";
|
||||
@import "bootstrap/variables";
|
||||
|
||||
/*============================
|
||||
COLOR Red
|
||||
==============================*/
|
||||
|
||||
$primary-color: $red;
|
||||
$primary-color-hover: darken($primary-color, 7%);
|
||||
|
||||
::selection {
|
||||
background: $primary-color;
|
||||
}
|
||||
|
||||
a, a:focus {
|
||||
color: $primary-color;
|
||||
}
|
||||
a:hover, a:active {
|
||||
color: $primary-color-hover;
|
||||
}
|
||||
|
||||
.primary-menu {
|
||||
ul.navbar-nav > li {
|
||||
&:hover > a:not(.btn), & > a.active:not(.btn) {
|
||||
color: $primary-color;
|
||||
}
|
||||
&.dropdown {
|
||||
.dropdown-menu li {
|
||||
&:hover > a:not(.btn) {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.navbar-line-under-text ul.navbar-nav > li {
|
||||
> a:not(.btn):after {
|
||||
border-color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*=== Side Navigation ===*/
|
||||
.idocs-navigation {
|
||||
.nav .nav .nav-item .nav-link.active:after, &.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
|
||||
border-color: $primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
/* Accordion & Toggle */
|
||||
.accordion {
|
||||
.card-header {
|
||||
a:hover.collapsed {
|
||||
color: $primary-color!important;
|
||||
}
|
||||
}
|
||||
&:not(.accordion-alternate) .card-header a {
|
||||
background-color: $primary-color;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
/* Nav */
|
||||
.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover{color: $primary-color;}
|
||||
.nav-tabs {
|
||||
.nav-item .nav-link {
|
||||
&.active {
|
||||
&:after {
|
||||
background-color: $primary-color;
|
||||
}
|
||||
color: #0c2f55;
|
||||
}
|
||||
&:not(.active):hover {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
&.flex-column {
|
||||
.nav-item {
|
||||
.nav-link.active {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.nav-pills .nav-link:not(.active):hover{color: $primary-color;}
|
||||
|
||||
#footer {
|
||||
.nav {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
&:focus {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.nav-link:hover {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
.footer-copyright {
|
||||
.nav {
|
||||
.nav-link:hover {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Back to Top */
|
||||
#back-to-top {
|
||||
&:hover {
|
||||
background-color: $primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
/* Extras */
|
||||
.bg-primary, .badge-primary {
|
||||
background-color: $primary-color !important;
|
||||
}
|
||||
.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
|
||||
color: $primary-color !important;
|
||||
}
|
||||
.btn-link:hover {
|
||||
color: $primary-color-hover !important;
|
||||
}
|
||||
|
||||
.text-muted{
|
||||
color:#8e9a9d!important;
|
||||
}
|
||||
.text-light{
|
||||
color:#dee3e4!important;
|
||||
}
|
||||
|
||||
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
|
||||
background-color: $primary-color-hover!important;
|
||||
}
|
||||
.border-primary {
|
||||
border-color: $primary-color !important;
|
||||
}
|
||||
|
||||
.btn-primary{
|
||||
background-color: $primary-color;
|
||||
border-color: $primary-color;
|
||||
&:hover {
|
||||
background-color: $primary-color-hover;
|
||||
border-color: $primary-color-hover;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
|
||||
background-color: $primary-color-hover;
|
||||
border-color: $primary-color-hover;
|
||||
|
||||
}
|
||||
|
||||
.btn-primary.focus, .btn-primary:focus{
|
||||
background-color: $primary-color-hover;
|
||||
border-color: $primary-color-hover;
|
||||
}
|
||||
|
||||
.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active{
|
||||
color: $primary-color;
|
||||
border-color: $primary-color;
|
||||
&:hover {
|
||||
background-color: $primary-color;
|
||||
border-color: $primary-color;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.progress-bar,
|
||||
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active{
|
||||
background-color: $primary-color;
|
||||
}
|
||||
.page-item.active .page-link,
|
||||
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
|
||||
.custom-control-input:checked ~ .custom-control-label::before,
|
||||
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
|
||||
.custom-control-input:checked ~ .custom-control-label:before{
|
||||
background-color: $primary-color;
|
||||
border-color: $primary-color;
|
||||
}
|
||||
.list-group-item.active{
|
||||
background-color: $primary-color;
|
||||
border-color: $primary-color;
|
||||
}
|
||||
.page-link {
|
||||
color: $primary-color;
|
||||
&:hover {
|
||||
color: $primary-color-hover;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user