mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2024-11-20 02:28:31 +01:00
Unifying bg-dark style, cleaning up references to extra colors
This commit is contained in:
lepipele
parent
637fe1727b
commit
c6e0a923bb
@ -6,8 +6,9 @@
|
||||
|
||||
<header class="masthead">
|
||||
<div class="header-content">
|
||||
<div class="header-content-inner">
|
||||
<h1 id="homeHeading" style="padding-bottom:30px;">Welcome to BTCPay Server</h1>
|
||||
<div class="header-content-inner text-white">
|
||||
<h1>Welcome to BTCPay Server</h1>
|
||||
<hr />
|
||||
<p>BTCPay Server is a free and open source server for merchants wanting to accept Bitcoin for their business. The API is compatible with Bitpay service to allow seamless migration.</p>
|
||||
<a style="background-color: #fff;color: #222;display:inline-block;text-align: center;white-space: nowrap;vertical-align: middle;user-select: none;line-height: 1.25;font-size: 1rem;text-decoration:none;font-weight: 700; text-transform: uppercase;border: none;border-radius: 300px;padding: 15px 30px;" href="https://github.com/btcpayserver/btcpayserver-doc">Getting started</a>
|
||||
</div>
|
||||
@ -28,21 +29,21 @@
|
||||
<div class="col-lg-4 col-md-6 text-center">
|
||||
<div class="service-box">
|
||||
<img src="~/img/lock-logo.png" />
|
||||
<h3>Secure</h3>
|
||||
<h3 class="text-dark">Secure</h3>
|
||||
<p class="text-muted">The payment server does not need to know your private keys, so your money can't be stolen.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 text-center">
|
||||
<div class="service-box">
|
||||
<img src="~/img/qr-logo.png" />
|
||||
<h3>Easy</h3>
|
||||
<h3 class="text-dark">Easy</h3>
|
||||
<p class="text-muted">A user-friendly Bitcoin checkout page for your customers.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 text-center">
|
||||
<div class="service-box">
|
||||
<img src="~/img/money-logo.png" />
|
||||
<h3>Visibility</h3>
|
||||
<h3 class="text-dark">Visibility</h3>
|
||||
<p class="text-muted">Manage, generate reports, and search for your invoices easily.</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -52,7 +53,7 @@
|
||||
|
||||
|
||||
|
||||
<div class="call-to-action bg-dark">
|
||||
<div class="call-to-action bg-dark text-white">
|
||||
<div class="container text-center">
|
||||
<h2>Video tutorials</h2>
|
||||
<div class="row">
|
||||
@ -102,12 +103,12 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="call-to-action bg-dark">
|
||||
<div class="call-to-action bg-dark text-white">
|
||||
<div class="container text-center">
|
||||
<h2>Donate</h2>
|
||||
<p>Donation to this address will be reinvested into the development of this tool</p>
|
||||
<img src="~/img/donation.jpg">
|
||||
<p style="font-size:10px">3BpfdkF93GwFRWdrAN3SNsRAsi6d158YQi</p>
|
||||
<p><img src="~/img/donation.jpg"></p>
|
||||
<p>3BpfdkF93GwFRWdrAN3SNsRAsi6d158YQi</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -117,7 +118,10 @@
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<h2 class="section-heading">Let's Get In Touch!</h2>
|
||||
<hr class="primary">
|
||||
<p>An open source project is nothing without its community, come and get in touch with us!</p>
|
||||
<p>
|
||||
An open source project is nothing without its community<br />
|
||||
Come and get in touch with us!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
||||
@ -22,17 +22,6 @@ hr {
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #329F80;
|
||||
-webkit-transition: all 0.2s;
|
||||
-moz-transition: all 0.2s;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
a:focus, a:hover {
|
||||
color: #0F3723;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
@ -48,19 +37,6 @@ p {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
background-color: #0F3B21 !important;
|
||||
}
|
||||
|
||||
.bg-dark {
|
||||
color: white;
|
||||
background-color: #0F3723 !important;
|
||||
}
|
||||
|
||||
.text-faded {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 100px 0;
|
||||
}
|
||||
@ -195,7 +171,6 @@ header.masthead {
|
||||
width: 100%;
|
||||
min-height: auto;
|
||||
text-align: center;
|
||||
color: white;
|
||||
background-image: url("../../img/bg.png");
|
||||
background-position: center;
|
||||
-webkit-background-size: cover;
|
||||
@ -227,7 +202,6 @@ header.masthead {
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
margin-bottom: 50px;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
@ -268,10 +242,6 @@ header.masthead {
|
||||
margin: 50px auto 0;
|
||||
}
|
||||
|
||||
.service-box h3 {
|
||||
color: #0F3B21;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.service-box {
|
||||
margin: 20px auto 0;
|
||||
@ -297,7 +267,6 @@ header.masthead {
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
opacity: 0;
|
||||
color: white;
|
||||
background: rgba(240, 95, 64, 0.9);
|
||||
-webkit-transition: all 0.2s;
|
||||
-moz-transition: all 0.2s;
|
||||
@ -354,100 +323,7 @@ header.masthead {
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: #0F3B21 !important;
|
||||
}
|
||||
|
||||
.no-gutter > [class*='col-'] {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
|
||||
color: #fff;
|
||||
background-color: #0F3723;
|
||||
}
|
||||
|
||||
/*.btn-default {
|
||||
color: #222222;
|
||||
border-color: white;
|
||||
background-color: white; }
|
||||
.btn-default.focus, .btn-default:focus {
|
||||
color: #222222;
|
||||
border-color: #bfbfbf;
|
||||
background-color: #e6e6e6; }
|
||||
.btn-default:hover {
|
||||
color: #222222;
|
||||
border-color: #e0e0e0;
|
||||
background-color: #e6e6e6; }
|
||||
.btn-default.active, .btn-default:active,
|
||||
.open > .btn-default.dropdown-toggle {
|
||||
color: #222222;
|
||||
border-color: #e0e0e0;
|
||||
background-color: #e6e6e6; }
|
||||
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover,
|
||||
.open > .btn-default.dropdown-toggle.focus,
|
||||
.open > .btn-default.dropdown-toggle:focus,
|
||||
.open > .btn-default.dropdown-toggle:hover {
|
||||
color: #222222;
|
||||
border-color: #bfbfbf;
|
||||
background-color: #d4d4d4; }
|
||||
.btn-default.active, .btn-default:active,
|
||||
.open > .btn-default.dropdown-toggle {
|
||||
background-image: none; }
|
||||
.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover,
|
||||
fieldset[disabled] .btn-default.focus,
|
||||
fieldset[disabled] .btn-default:focus,
|
||||
fieldset[disabled] .btn-default:hover {
|
||||
border-color: white;
|
||||
background-color: white; }
|
||||
.btn-default .badge {
|
||||
color: white;
|
||||
background-color: #222222; }
|
||||
|
||||
.btn-primary {
|
||||
color: white;
|
||||
border-color: #0F3B21;
|
||||
background-color: #0F3B21; }
|
||||
.btn-primary.focus, .btn-primary:focus {
|
||||
color: white;
|
||||
border-color: #a4270d;
|
||||
background-color: #eb3812; }
|
||||
.btn-primary:hover {
|
||||
color: white;
|
||||
border-color: #e13612;
|
||||
background-color: #eb3812; }
|
||||
.btn-primary.active, .btn-primary:active,
|
||||
.open > .btn-primary.dropdown-toggle {
|
||||
color: white;
|
||||
border-color: #e13612;
|
||||
background-color: #eb3812; }
|
||||
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover,
|
||||
.open > .btn-primary.dropdown-toggle.focus,
|
||||
.open > .btn-primary.dropdown-toggle:focus,
|
||||
.open > .btn-primary.dropdown-toggle:hover {
|
||||
color: white;
|
||||
border-color: #a4270d;
|
||||
background-color: #c93110; }
|
||||
.btn-primary.active, .btn-primary:active,
|
||||
.open > .btn-primary.dropdown-toggle {
|
||||
background-image: none; }
|
||||
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover,
|
||||
fieldset[disabled] .btn-primary.focus,
|
||||
fieldset[disabled] .btn-primary:focus,
|
||||
fieldset[disabled] .btn-primary:hover {
|
||||
border-color: #0F3B21;
|
||||
background-color: #0F3B21; }
|
||||
.btn-primary .badge {
|
||||
color: #0F3B21;
|
||||
background-color: white; }
|
||||
|
||||
.btn {
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
border: none;
|
||||
border-radius: 300px;
|
||||
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }
|
||||
|
||||
.btn-xl {
|
||||
padding: 15px 30px; }*/
|
||||
|
||||
@ -8,7 +8,8 @@
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
height: 18px;
|
||||
padding-top: 2px;
|
||||
line-height: 18px;
|
||||
vertical-align: middle;
|
||||
font-size: 8px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
$primary: #23735c;
|
||||
$secondary: #2284A6;
|
||||
$dark: #0f3b21;
|
||||
$font-size-base: 0.9rem;
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
--cyan: #17a2b8;
|
||||
--white: #fff;
|
||||
--gray: #6c757d;
|
||||
--gray-dark: #343a40;
|
||||
--gray-dark: #0f3b21;
|
||||
--primary: #23735c;
|
||||
--secondary: #2284A6;
|
||||
--success: #28a745;
|
||||
@ -25,7 +25,7 @@
|
||||
--warning: #ffc107;
|
||||
--danger: #dc3545;
|
||||
--light: #f8f9fa;
|
||||
--dark: #343a40;
|
||||
--dark: #0f3b21;
|
||||
--breakpoint-xs: 0;
|
||||
--breakpoint-sm: 576px;
|
||||
--breakpoint-md: 768px;
|
||||
@ -1796,8 +1796,8 @@ fieldset:disabled a.btn {
|
||||
|
||||
.btn-dark {
|
||||
color: #fff;
|
||||
background-color: #343a40;
|
||||
border-color: #343a40; }
|
||||
background-color: #0f3b21;
|
||||
border-color: #0f3b21; }
|
||||
.btn-dark:hover {
|
||||
color: #fff;
|
||||
background-color: #23272b;
|
||||
@ -1806,8 +1806,8 @@ fieldset:disabled a.btn {
|
||||
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
|
||||
.btn-dark.disabled, .btn-dark:disabled {
|
||||
color: #fff;
|
||||
background-color: #343a40;
|
||||
border-color: #343a40; }
|
||||
background-color: #0f3b21;
|
||||
border-color: #0f3b21; }
|
||||
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
|
||||
.show > .btn-dark.dropdown-toggle {
|
||||
color: #fff;
|
||||
@ -1979,24 +1979,24 @@ fieldset:disabled a.btn {
|
||||
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
|
||||
|
||||
.btn-outline-dark {
|
||||
color: #343a40;
|
||||
color: #0f3b21;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border-color: #343a40; }
|
||||
border-color: #0f3b21; }
|
||||
.btn-outline-dark:hover {
|
||||
color: #fff;
|
||||
background-color: #343a40;
|
||||
border-color: #343a40; }
|
||||
background-color: #0f3b21;
|
||||
border-color: #0f3b21; }
|
||||
.btn-outline-dark:focus, .btn-outline-dark.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
|
||||
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
|
||||
color: #343a40;
|
||||
color: #0f3b21;
|
||||
background-color: transparent; }
|
||||
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
|
||||
.show > .btn-outline-dark.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #343a40;
|
||||
border-color: #343a40; }
|
||||
background-color: #0f3b21;
|
||||
border-color: #0f3b21; }
|
||||
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
|
||||
.show > .btn-outline-dark.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
|
||||
@ -3291,7 +3291,7 @@ tbody.collapse.show {
|
||||
|
||||
.badge-dark {
|
||||
color: #fff;
|
||||
background-color: #343a40; }
|
||||
background-color: #0f3b21; }
|
||||
.badge-dark[href]:hover, .badge-dark[href]:focus {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
@ -4155,7 +4155,7 @@ button.bg-light:focus {
|
||||
background-color: #dae0e5 !important; }
|
||||
|
||||
.bg-dark {
|
||||
background-color: #343a40 !important; }
|
||||
background-color: #0f3b21 !important; }
|
||||
|
||||
a.bg-dark:hover, a.bg-dark:focus,
|
||||
button.bg-dark:hover,
|
||||
@ -4220,7 +4220,7 @@ button.bg-dark:focus {
|
||||
border-color: #f8f9fa !important; }
|
||||
|
||||
.border-dark {
|
||||
border-color: #343a40 !important; }
|
||||
border-color: #0f3b21 !important; }
|
||||
|
||||
.border-white {
|
||||
border-color: #fff !important; }
|
||||
@ -5971,7 +5971,7 @@ a.text-light:hover, a.text-light:focus {
|
||||
color: #dae0e5 !important; }
|
||||
|
||||
.text-dark {
|
||||
color: #343a40 !important; }
|
||||
color: #0f3b21 !important; }
|
||||
|
||||
a.text-dark:hover, a.text-dark:focus {
|
||||
color: #1d2124 !important; }
|
||||
|
||||
Loading…
Reference in New Issue
Block a user