Whitepaper CTA : btn colors
Added to helpers as it should be, and attached to .btn in original .splash.
This commit is contained in:
DREKLI
parent
a887aed169
commit
29bdb88f34
|
|
@ -28,15 +28,15 @@
|
|||
|
||||
<title localization-tag="page-title">Bitcoin Private</title>
|
||||
|
||||
<link href="css/main.css?cachebreaker=36247" rel="stylesheet" type="text/css" />
|
||||
<link href="css/main.css?cachebreaker=533851" rel="stylesheet" type="text/css" />
|
||||
|
||||
<script type="text/javascript" src="dependencies/jquery/dist/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="dependencies/bootstrap-sass/assets/javascripts/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="/dependencies/js-url/url.min.js"></script>
|
||||
<script type="text/javascript" src="javascript/Localizations.js?cachbreaker=768268"></script>
|
||||
<script type="text/javascript" src="javascript/Main.js?cachbreaker=445807"></script>
|
||||
<script type="text/javascript" src="javascript/Countdown.js?cachbreaker=29107" defer></script>
|
||||
<script type="text/javascript" src="javascript/Confetti.js?cachbreaker=907176" defer></script>
|
||||
<script type="text/javascript" src="javascript/Localizations.js?cachbreaker=353836"></script>
|
||||
<script type="text/javascript" src="javascript/Main.js?cachbreaker=409614"></script>
|
||||
<script type="text/javascript" src="javascript/Countdown.js?cachbreaker=872162" defer></script>
|
||||
<script type="text/javascript" src="javascript/Confetti.js?cachbreaker=826255" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-default">
|
||||
|
|
|
|||
|
|
@ -2873,48 +2873,56 @@ fieldset[disabled] a.btn {
|
|||
color: #fff;
|
||||
background-color: #333; }
|
||||
|
||||
.btn-primary, .btn-accent {
|
||||
.btn-primary, .btn-accent, .btn-whitepaper {
|
||||
color: #fff;
|
||||
background-color: #337ab7;
|
||||
border-color: #2e6da4; }
|
||||
.btn-primary:focus, .btn-accent:focus, .btn-primary.focus, .focus.btn-accent {
|
||||
.btn-primary:focus, .btn-accent:focus, .btn-whitepaper:focus, .btn-primary.focus, .focus.btn-accent, .focus.btn-whitepaper {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #122b40; }
|
||||
.btn-primary:hover, .btn-accent:hover {
|
||||
.btn-primary:hover, .btn-accent:hover, .btn-whitepaper:hover {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #204d74; }
|
||||
.btn-primary:active, .btn-accent:active, .btn-primary.active, .active.btn-accent,
|
||||
.btn-primary:active, .btn-accent:active, .btn-whitepaper:active, .btn-primary.active, .active.btn-accent, .active.btn-whitepaper,
|
||||
.open > .btn-primary.dropdown-toggle,
|
||||
.open > .dropdown-toggle.btn-accent {
|
||||
.open > .dropdown-toggle.btn-accent,
|
||||
.open > .dropdown-toggle.btn-whitepaper {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #204d74; }
|
||||
.btn-primary:active:hover, .btn-accent:active:hover, .btn-primary:active:focus, .btn-accent:active:focus, .btn-primary:active.focus, .btn-accent:active.focus, .btn-primary.active:hover, .active.btn-accent:hover, .btn-primary.active:focus, .active.btn-accent:focus, .btn-primary.active.focus, .active.focus.btn-accent,
|
||||
.btn-primary:active:hover, .btn-accent:active:hover, .btn-whitepaper:active:hover, .btn-primary:active:focus, .btn-accent:active:focus, .btn-whitepaper:active:focus, .btn-primary:active.focus, .btn-accent:active.focus, .btn-whitepaper:active.focus, .btn-primary.active:hover, .active.btn-accent:hover, .active.btn-whitepaper:hover, .btn-primary.active:focus, .active.btn-accent:focus, .active.btn-whitepaper:focus, .btn-primary.active.focus, .active.focus.btn-accent, .active.focus.btn-whitepaper,
|
||||
.open > .btn-primary.dropdown-toggle:hover,
|
||||
.open > .dropdown-toggle.btn-accent:hover,
|
||||
.open > .dropdown-toggle.btn-whitepaper:hover,
|
||||
.open > .btn-primary.dropdown-toggle:focus,
|
||||
.open > .dropdown-toggle.btn-accent:focus,
|
||||
.open > .dropdown-toggle.btn-whitepaper:focus,
|
||||
.open > .btn-primary.dropdown-toggle.focus,
|
||||
.open > .dropdown-toggle.focus.btn-accent {
|
||||
.open > .dropdown-toggle.focus.btn-accent,
|
||||
.open > .dropdown-toggle.focus.btn-whitepaper {
|
||||
color: #fff;
|
||||
background-color: #204d74;
|
||||
border-color: #122b40; }
|
||||
.btn-primary:active, .btn-accent:active, .btn-primary.active, .active.btn-accent,
|
||||
.btn-primary:active, .btn-accent:active, .btn-whitepaper:active, .btn-primary.active, .active.btn-accent, .active.btn-whitepaper,
|
||||
.open > .btn-primary.dropdown-toggle,
|
||||
.open > .dropdown-toggle.btn-accent {
|
||||
.open > .dropdown-toggle.btn-accent,
|
||||
.open > .dropdown-toggle.btn-whitepaper {
|
||||
background-image: none; }
|
||||
.btn-primary.disabled:hover, .disabled.btn-accent:hover, .btn-primary.disabled:focus, .disabled.btn-accent:focus, .btn-primary.disabled.focus, .disabled.focus.btn-accent, .btn-primary[disabled]:hover, [disabled].btn-accent:hover, .btn-primary[disabled]:focus, [disabled].btn-accent:focus, .btn-primary[disabled].focus, [disabled].focus.btn-accent,
|
||||
.btn-primary.disabled:hover, .disabled.btn-accent:hover, .disabled.btn-whitepaper:hover, .btn-primary.disabled:focus, .disabled.btn-accent:focus, .disabled.btn-whitepaper:focus, .btn-primary.disabled.focus, .disabled.focus.btn-accent, .disabled.focus.btn-whitepaper, .btn-primary[disabled]:hover, [disabled].btn-accent:hover, [disabled].btn-whitepaper:hover, .btn-primary[disabled]:focus, [disabled].btn-accent:focus, [disabled].btn-whitepaper:focus, .btn-primary[disabled].focus, [disabled].focus.btn-accent, [disabled].focus.btn-whitepaper,
|
||||
fieldset[disabled] .btn-primary:hover,
|
||||
fieldset[disabled] .btn-accent:hover,
|
||||
fieldset[disabled] .btn-whitepaper:hover,
|
||||
fieldset[disabled] .btn-primary:focus,
|
||||
fieldset[disabled] .btn-accent:focus,
|
||||
fieldset[disabled] .btn-whitepaper:focus,
|
||||
fieldset[disabled] .btn-primary.focus,
|
||||
fieldset[disabled] .focus.btn-accent {
|
||||
fieldset[disabled] .focus.btn-accent,
|
||||
fieldset[disabled] .focus.btn-whitepaper {
|
||||
background-color: #337ab7;
|
||||
border-color: #2e6da4; }
|
||||
.btn-primary .badge, .btn-accent .badge {
|
||||
.btn-primary .badge, .btn-accent .badge, .btn-whitepaper .badge {
|
||||
color: #337ab7;
|
||||
background-color: #fff; }
|
||||
|
||||
|
|
@ -8229,7 +8237,7 @@ p {
|
|||
letter-spacing: 2px;
|
||||
border-radius: 8px; }
|
||||
|
||||
.btn-primary, .btn-accent {
|
||||
.btn-primary, .btn-accent, .btn-whitepaper {
|
||||
background: #272D63;
|
||||
border-color: #272D63; }
|
||||
|
||||
|
|
@ -8332,6 +8340,22 @@ p {
|
|||
background: #FFFFFF;
|
||||
border-color: #FFAD05; }
|
||||
|
||||
.btn-whitepaper {
|
||||
color: #FFFFFF;
|
||||
background: #FFAD05;
|
||||
border-color: #FFAD05; }
|
||||
.btn-whitepaper:hover, .btn-whitepaper:active, .btn-whitepaper:focus {
|
||||
color: #FFFFFF;
|
||||
background: #E85A0C;
|
||||
border-color: #E85A0C; }
|
||||
|
||||
.btn-countdown {
|
||||
color: #FFFFFF; }
|
||||
.btn-countdown:hover {
|
||||
color: #FFFFFF;
|
||||
background: #E85A0C;
|
||||
border-color: #E85A0C; }
|
||||
|
||||
p.x-large {
|
||||
color: #000000;
|
||||
font-weight: 300;
|
||||
|
|
@ -8573,13 +8597,6 @@ html, body {
|
|||
.whitepaper-container-inner {
|
||||
padding: 3rem; }
|
||||
|
||||
.whitepaper-container .btn-countdown {
|
||||
color: #FFFFFF; }
|
||||
.whitepaper-container .btn-countdown:hover {
|
||||
color: #FFFFFF;
|
||||
background: #E85A0C;
|
||||
border-color: #E85A0C; }
|
||||
|
||||
.confetti-canvas {
|
||||
position: fixed;
|
||||
display: none;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -28,15 +28,15 @@
|
|||
|
||||
<title localization-tag="page-title">Bitcoin Private</title>
|
||||
|
||||
<link href="css/main.css?cachebreaker=155981" rel="stylesheet" type="text/css" />
|
||||
<link href="css/main.css?cachebreaker=56401" rel="stylesheet" type="text/css" />
|
||||
|
||||
<script type="text/javascript" src="dependencies/jquery/dist/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="dependencies/bootstrap-sass/assets/javascripts/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="/dependencies/js-url/url.min.js"></script>
|
||||
<script type="text/javascript" src="javascript/Localizations.js?cachbreaker=198659"></script>
|
||||
<script type="text/javascript" src="javascript/Main.js?cachbreaker=304277"></script>
|
||||
<script type="text/javascript" src="javascript/Countdown.js?cachbreaker=759358" defer></script>
|
||||
<script type="text/javascript" src="javascript/Confetti.js?cachbreaker=200195" defer></script>
|
||||
<script type="text/javascript" src="javascript/Localizations.js?cachbreaker=416317"></script>
|
||||
<script type="text/javascript" src="javascript/Main.js?cachbreaker=152501"></script>
|
||||
<script type="text/javascript" src="javascript/Countdown.js?cachbreaker=729067" defer></script>
|
||||
<script type="text/javascript" src="javascript/Confetti.js?cachbreaker=375137" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas class="confetti-canvas" id="confetti"></canvas>
|
||||
|
|
@ -136,7 +136,7 @@
|
|||
<h3 class="color-primary font-weight-bold snap-date" localization-tag="snap-date">Snapshot date: February 28th, 2018 </h3>
|
||||
<h3 class="color-primary font-weight-bold fork-date" localization-tag="fork-date" >Fork Date & Mainnet Launch: Approximately 2 days later</h3>
|
||||
|
||||
<a target="_blank" href="https://btcprivate.org/whitepaper.pdf"><button class="btn btn-accent" localization-tag="why-btcp-whitepaper-button">Whitepaper</button></a>
|
||||
<a target="_blank" href="https://btcprivate.org/whitepaper.pdf"><button class="btn btn-accent btn-whitepaper" localization-tag="why-btcp-whitepaper-button">Whitepaper</button></a>
|
||||
</div>
|
||||
<div class="countdown col-xs-12 text-center" style="display: none" id="countdownRoot">
|
||||
<div class="countdown-logo">
|
||||
|
|
@ -231,7 +231,7 @@
|
|||
<div class="whitepaper-container row text-center">
|
||||
<div class="whitepaper-container-inner row text-center">
|
||||
<a target="_blank" href="https://btcprivate.org/whitepaper.pdf">
|
||||
<button class="btn btn-accent btn-countdown" localization-tag="why-btcp-whitepaper-button">Whitepaper</button>
|
||||
<button class="btn btn-accent btn-whitepaper" localization-tag="why-btcp-whitepaper-button">Whitepaper</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -28,15 +28,15 @@
|
|||
|
||||
<title localization-tag="page-title">Bitcoin Private</title>
|
||||
|
||||
<link href="css/main.css?cachebreaker=793848" rel="stylesheet" type="text/css" />
|
||||
<link href="css/main.css?cachebreaker=801478" rel="stylesheet" type="text/css" />
|
||||
|
||||
<script type="text/javascript" src="dependencies/jquery/dist/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="dependencies/bootstrap-sass/assets/javascripts/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="/dependencies/js-url/url.min.js"></script>
|
||||
<script type="text/javascript" src="javascript/Localizations.js?cachbreaker=66429"></script>
|
||||
<script type="text/javascript" src="javascript/Main.js?cachbreaker=832206"></script>
|
||||
<script type="text/javascript" src="javascript/Countdown.js?cachbreaker=655893" defer></script>
|
||||
<script type="text/javascript" src="javascript/Confetti.js?cachbreaker=806319" defer></script>
|
||||
<script type="text/javascript" src="javascript/Localizations.js?cachbreaker=258320"></script>
|
||||
<script type="text/javascript" src="javascript/Main.js?cachbreaker=498770"></script>
|
||||
<script type="text/javascript" src="javascript/Countdown.js?cachbreaker=482138" defer></script>
|
||||
<script type="text/javascript" src="javascript/Confetti.js?cachbreaker=41205" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-default">
|
||||
|
|
|
|||
|
|
@ -9,16 +9,6 @@
|
|||
&-inner {
|
||||
padding: 3rem;
|
||||
}
|
||||
|
||||
.btn-countdown {
|
||||
color: $color-white;
|
||||
|
||||
&:hover {
|
||||
color: $color-white;
|
||||
background: $color-accent-hover;
|
||||
border-color: $color-accent-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -103,6 +103,30 @@
|
|||
}
|
||||
}
|
||||
|
||||
.btn-whitepaper {
|
||||
@extend .btn-primary;
|
||||
color: $color-white;
|
||||
background: $color-accent;
|
||||
border-color: $color-accent;
|
||||
|
||||
&:hover, &:active, &:focus {
|
||||
color: $color-white;
|
||||
background: $color-accent-hover;
|
||||
border-color: $color-accent-hover;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn-countdown {
|
||||
color: $color-white;
|
||||
|
||||
&:hover {
|
||||
color: $color-white;
|
||||
background: $color-accent-hover;
|
||||
border-color: $color-accent-hover;
|
||||
}
|
||||
}
|
||||
|
||||
p.x-large {
|
||||
color: $color-black;
|
||||
font-weight: 300;
|
||||
|
|
|
|||
|
|
@ -95,7 +95,7 @@
|
|||
<h3 class="color-primary font-weight-bold snap-date" localization-tag="snap-date">Snapshot date: February 28th, 2018 </h3>
|
||||
<h3 class="color-primary font-weight-bold fork-date" localization-tag="fork-date" >Fork Date & Mainnet Launch: Approximately 2 days later</h3>
|
||||
|
||||
<a target="_blank" href="https://btcprivate.org/whitepaper.pdf"><button class="btn btn-accent" localization-tag="why-btcp-whitepaper-button">Whitepaper</button></a>
|
||||
<a target="_blank" href="https://btcprivate.org/whitepaper.pdf"><button class="btn btn-accent btn-whitepaper" localization-tag="why-btcp-whitepaper-button">Whitepaper</button></a>
|
||||
</div>
|
||||
<div class="countdown col-xs-12 text-center" style="display: none" id="countdownRoot">
|
||||
<div class="countdown-logo">
|
||||
|
|
@ -190,7 +190,7 @@
|
|||
<div class="whitepaper-container row text-center">
|
||||
<div class="whitepaper-container-inner row text-center">
|
||||
<a target="_blank" href="https://btcprivate.org/whitepaper.pdf">
|
||||
<button class="btn btn-accent btn-countdown" localization-tag="why-btcp-whitepaper-button">Whitepaper</button>
|
||||
<button class="btn btn-accent btn-whitepaper" localization-tag="why-btcp-whitepaper-button">Whitepaper</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue