* commit 'dfbeb339fc':
  hard reset; deleted modification then added back
  added styles
This commit is contained in:
Chuck Williams 2017-02-03 15:56:23 -07:00
commit 6ce6fbd32b
12 changed files with 371 additions and 336 deletions

View file

@ -222,6 +222,7 @@ pages:
mail-list-heading: Mailing List
mail-list-text: Have trouble keeping up-to-date? Join our mailing list.
social-text-heading: VISIT DASH FORUM
forum-btn: Visit Forums
social-text: For technical support or troubleshooting with wallets, mining, or other general questions, please visit DASH FORUM or one of the many other community resources.
volunteer-heading: Volunteer
join-btn: Join

View file

@ -24,77 +24,34 @@
</div>
</div>
<div class="row">
<div class="col-xs-6">
<div class="col-xs-12">
<input class="input-block" placeholder="Email" type="text">
</div>
<div class="col-xs-6">
<select class="form-control" placeholder="category">
<option value="">Category</option>
</div>
<div class="row">
<div class="col-xs-12">
<select class="form-control input-block" placeholder="category">
<option value="">Category</option>
<option value="feedback">Feedback</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<textarea placeholder="Message" class="input-block"></textarea>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<input class="submit" type="submit" value="Send Message">
</div>
</div>
<div class="row">
<div class="col-xs-12">
<input class="btn-blue-solid" type="submit" value="Send Message">
</div>
</div>
</form>
</div>
</div>
</div>
<div class="hero__content">
<section class="section section--cta">
<h5>{% t pages.contact.mail-list-heading %}</h5>
<div class="bottom-space">{% t pages.contact.mail-list-text %}</div>
<div class="row">
<div class="col-xs-12">
<button class="btn-white-solid js-subscribe">{% t pages.contact.join-btn %}</button>
</div>
<div class="col-xs-12 ">
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<div id="mc_embed_signup" class="js-mailing-form hidden">
<form action="//dash.us10.list-manage.com/subscribe/post?u=24325ade3f458f5d1004b6c23&amp;id=8ecd7e9bb7" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Subscribe to our mailing list</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group input-group">
<strong>Subscriptions </strong>
<ul><li><input type="checkbox" value="1" name="group[9869][1]" id="mce-group[9869]-9869-0"><label for="mce-group[9869]-9869-0">Technical Updates and Alerts</label></li>
<li><input type="checkbox" value="2" name="group[9869][2]" id="mce-group[9869]-9869-1"><label for="mce-group[9869]-9869-1">Monthly Newsletter</label></li>
<li><input type="checkbox" value="4" name="group[9869][4]" id="mce-group[9869]-9869-2"><label for="mce-group[9869]-9869-2">Weekly Content Digest from Dash.org</label></li>
</ul>
</div>
<p class="bottom-space"><a href="http://us10.campaign-archive2.com/home/?u=24325ade3f458f5d1004b6c23&id=8ecd7e9bb7" title="View previous campaigns" >View previous campaigns.</a></p>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_24325ade3f458f5d1004b6c23_8ecd7e9bb7" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[6]='MMERGE6';ftypes[6]='dropdown';fnames[3]='MMERGE3';ftypes[3]='text';fnames[5]='MMERGE5';ftypes[5]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
</div>
</div>
</section>
</div>
<!-- Hero stripe -->
<div class="hero__stripe"></div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 17 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 128 KiB

After

Width:  |  Height:  |  Size: 100 KiB

Before After
Before After

BIN
assets/img/update/netw.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 83 KiB

After

Width:  |  Height:  |  Size: 75 KiB

Before After
Before After

View file

@ -10,8 +10,64 @@ description: pages.contact.description
<section class="section section--cta">
<div class="section__content">
<h3>{% t pages.contact.social-text-heading %}</h3>
{% tmd pages.contact.social-text %}
<h3 >{% t pages.contact.social-text-heading %}</h3>
<div class="bottom-space">{% tmd pages.contact.social-text %}</div>
<div class="bottom-space">
<a href="https://www.dash.org/forum" class="btn-blue-solid" target="_blank" >
{% t pages.contact.forum-btn %}
</a>
</div>
</div>
</section>
<section class="section section--cta section--colored">
<div class="section__content">
<h3>{% t pages.contact.mail-list-heading %}</h3>
<div class="bottom-space">{% t pages.contact.mail-list-text %}</div>
<div class="row">
<div class="col-xs-12">
<button class="btn-white-solid js-subscribe">{% t pages.contact.join-btn %}</button>
</div>
</div>
<div class="row">
<div class="col-xs-12 ">
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<div id="mc_embed_signup" class="js-mailing-form hidden">
<form action="//dash.us10.list-manage.com/subscribe/post?u=24325ade3f458f5d1004b6c23&amp;id=8ecd7e9bb7" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Subscribe to our mailing list</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group input-group">
<strong>Subscriptions </strong>
<ul><li><input type="checkbox" value="1" name="group[9869][1]" id="mce-group[9869]-9869-0"><label for="mce-group[9869]-9869-0">Technical Updates and Alerts</label></li>
<li><input type="checkbox" value="2" name="group[9869][2]" id="mce-group[9869]-9869-1"><label for="mce-group[9869]-9869-1">Monthly Newsletter</label></li>
<li><input type="checkbox" value="4" name="group[9869][4]" id="mce-group[9869]-9869-2"><label for="mce-group[9869]-9869-2">Weekly Content Digest from Dash.org</label></li>
</ul>
</div>
<p class="bottom-space"><a href="http://us10.campaign-archive2.com/home/?u=24325ade3f458f5d1004b6c23&id=8ecd7e9bb7" title="View previous campaigns" >View previous campaigns.</a></p>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_24325ade3f458f5d1004b6c23_8ecd7e9bb7" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[6]='MMERGE6';ftypes[6]='dropdown';fnames[3]='MMERGE3';ftypes[3]='text';fnames[5]='MMERGE5';ftypes[5]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
</div>
</div>
</div>
</section>

View file

@ -1,41 +1,44 @@
form {
input {
font-size: 15px;
padding: 10px 5px 10px 5px;
border: 2px solid $color-black;
padding: 10px 5px 10px 12px;
border: none;
border-radius: 4px;
box-sizing: border-box;
appearance: none;
}
select {
border: 2px solid $color-black;
border-radius: 0px;
border-radius: 4px;
-webkit-appearance: none;
}
textarea {
border: 2px solid $color-black;
border: none;
font-size: 15px;
padding: 10px 5px 10px 12px;
border-radius: 4px;
}
.input-block {
width: 100%;
margin-bottom: 12px;
}
.form-control {
display: block;
width: 100%;
height: 41px;
padding: 6px 12px;
font-size: 15px;
line-height: 1.42857143;
display: block;
width: 100%;
height: 41px;
padding: 6px 12px;
font-size: 15px;
line-height: 1.42857143;
color: #999;
background-color: #fff;
background-image: none;
border: 2px solid $color-black;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
background-color: #fff;
background-image: none;
border: none;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.username {
background-image: url(../images/icon-username.png);

View file

@ -11,7 +11,7 @@ you're in a hurry or lost or you just need to Make It Work©
}
.hidden{
display: none !important;
display: none !important;
}
.bottom-space {
@ -55,85 +55,85 @@ $wallet-tile-hover-background-base-color: lighten($color-blue-light, 9);
transition: .25s;
&:hover, &:focus {
background-color: $wallet-tile-hover-background-base-color;
border-color: $color-blue;
a {
color: darken($color-blue, 15);
}
& .thumbnail .caption .fine-print {
color: darken($color-gray-dark, 15);
}
background-color: $wallet-tile-hover-background-base-color;
border-color: $color-blue;
a {
color: darken($color-blue, 15);
}
& .thumbnail .caption .fine-print {
color: darken($color-gray-dark, 15);
}
& .thumbnail .wallet-links-container .link {
border-top: solid 1px darken($color-gray, 15);
}
& .thumbnail .wallet-links-container .link {
border-top: solid 1px darken($color-gray, 15);
}
}
& .thumbnail {
& .logo-container {
margin: $wallet-tile-spacing auto;
padding: $wallet-tile-spacing*.3;
display: block;
max-width: $wallet-tile-logo-container-width;
max-height: $wallet-tile-logo-container-height;
overflow: hidden;
img {
max-height: 80px;
}
}
& .caption {
line-height: 1 !important;
margin: $wallet-tile-spacing;
h4 {
padding: 0 0 $wallet-tile-spacing 0;
}
& .fine-print {
overflow-y: auto;
min-height: $wallet-tile-caption-fine-print-height;
max-height: $wallet-tile-caption-fine-print-height*2;
margin: 0 0 $wallet-tile-spacing 0;
font-size: $wallet-tile-caption-fine-print-font-size;
line-height: 1.5 !important;
color: $color-gray-dark;
}
}
& .wallet-links-container {
width: 100%;
& .link {
border-top: solid 1px $color-gray;
margin: 0 auto;
width: 90%;
display: block;
-o-transition: 1.25s;
-ms-transition: 1.25s;
-moz-transition: 1.25s;
-webkit-transition: 1.25s;
transition: 1.25s;
&:hover, &:focus {
background-color: lighten($wallet-tile-hover-background-base-color, 3);
border-color: white;
}
& a {
display: block;
margin: 0;
padding: $wallet-tile-spacing*.3;
height: 100%;
width: 100%;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
&:hover, &:focus {
@include gradient-horizontal-three-colors($start-color: $wallet-tile-hover-background-base-color, $mid-color: lighten($wallet-tile-hover-background-base-color, 9), $end-color: $wallet-tile-hover-background-base-color);
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
}
}
}
& .logo-container {
margin: $wallet-tile-spacing auto;
padding: $wallet-tile-spacing*.3;
display: block;
max-width: $wallet-tile-logo-container-width;
max-height: $wallet-tile-logo-container-height;
overflow: hidden;
img {
max-height: 80px;
}
}
& .caption {
line-height: 1 !important;
margin: $wallet-tile-spacing;
h4 {
padding: 0 0 $wallet-tile-spacing 0;
}
& .fine-print {
overflow-y: auto;
min-height: $wallet-tile-caption-fine-print-height;
max-height: $wallet-tile-caption-fine-print-height*2;
margin: 0 0 $wallet-tile-spacing 0;
font-size: $wallet-tile-caption-fine-print-font-size;
line-height: 1.5 !important;
color: $color-gray-dark;
}
}
& .wallet-links-container {
width: 100%;
& .link {
border-top: solid 1px $color-gray;
margin: 0 auto;
width: 90%;
display: block;
-o-transition: 1.25s;
-ms-transition: 1.25s;
-moz-transition: 1.25s;
-webkit-transition: 1.25s;
transition: 1.25s;
&:hover, &:focus {
background-color: lighten($wallet-tile-hover-background-base-color, 3);
border-color: white;
}
& a {
display: block;
margin: 0;
padding: $wallet-tile-spacing*.3;
height: 100%;
width: 100%;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
&:hover, &:focus {
@include gradient-horizontal-three-colors($start-color: $wallet-tile-hover-background-base-color, $mid-color: lighten($wallet-tile-hover-background-base-color, 9), $end-color: $wallet-tile-hover-background-base-color);
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
}
}
}
}
}
@ -141,17 +141,17 @@ $wallet-tile-hover-background-base-color: lighten($color-blue-light, 9);
& .modal-header {
border-bottom: none;
border-bottom: none;
}
&.dash-core {
& .btn.btn-default {
border: 1px solid $color-blue-highlight;
&:hover, &:focus {
background-color: $wallet-tile-hover-background-base-color;
border-color: white;
color: $color-blue-dark;
}
}
& .btn.btn-default {
border: 1px solid $color-blue-highlight;
&:hover, &:focus {
background-color: $wallet-tile-hover-background-base-color;
border-color: white;
color: $color-blue-dark;
}
}
}
}
@ -180,119 +180,119 @@ a.blog_link {
.b-modal {
&__close {
position: absolute;
right: 32px;
top: 32px;
width: 32px;
height: 32px;
cursor: pointer;
&:hover, .dash-core &:hover {
&:before, &:after {
background-color: #000;
}
}
&:before, &:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
transition: .5s;
background-color: $color-blue-dark;
.dash-core & {
background-color: #fff;
position: absolute;
right: 32px;
top: 32px;
width: 32px;
height: 32px;
cursor: pointer;
&:hover, .dash-core &:hover {
&:before, &:after {
background-color: #000;
}
}
&:before, &:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
transition: .5s;
background-color: $color-blue-dark;
.dash-core & {
background-color: #fff;
}
}
&:before {
transform: rotate(45deg);
}
&:after {
transform: rotate(-45deg);
}
}
}
&:before {
transform: rotate(45deg);
}
&:after {
transform: rotate(-45deg);
}
}
&__title {
font-size: 2.6em;
margin-right: 45px;
.dash-core & {
color: #fff;
}
font-size: 2.6em;
margin-right: 45px;
.dash-core & {
color: #fff;
}
}
&__content {
background-color: #fff;
.dash-core & {
background-color: #1c75bc;
}
background-color: #fff;
.dash-core & {
background-color: #1c75bc;
}
}
&__header {
padding-left: 44px;
border: none;
padding-left: 44px;
border: none;
}
&__body {
border: 0;
padding-left: 44px;
border: 0;
padding-left: 44px;
}
&__descr {
.dash-core & {
color: #fff;
}
font-size: 1.5em;
.dash-core & {
color: #fff;
}
font-size: 1.5em;
}
&__accent {
.dash-core & {
color: #fff;
}
font-size: 0.9em;
.dash-core & {
color: #fff;
}
font-size: 0.9em;
}
&__sidebar {
padding: 3px 15px 0 42px;
@media (min-width: $screen-sm-min) {
border-left: none;
border-top: 1px solid $color-gray;
.dash-core & {
border-left: none;
border-top: 1px solid rgba(255, 255, 255, .22);
}
}
@media (min-width: $screen-md-min) {
border-left: 1px solid $color-gray;
border-top: none;
.dash-core & {
border-left: 1px solid rgba(255, 255, 255, .22);
border-top: none;
}
}
padding: 3px 15px 0 42px;
@media (min-width: $screen-sm-min) {
border-left: none;
border-top: 1px solid $color-gray;
.dash-core & {
border-left: none;
border-top: 1px solid rgba(255, 255, 255, .22);
}
}
@media (min-width: $screen-md-min) {
border-left: 1px solid $color-gray;
border-top: none;
.dash-core & {
border-left: 1px solid rgba(255, 255, 255, .22);
border-top: none;
}
}
}
&__select {
position: relative;
padding: 14px 50px 12px 10px;
background: #1c75bc;
border-radius: 2px;
border: 1px solid #6aaee6;
color: #fff;
font-size: 1em;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
&:after {
content: '';
position: absolute;
top: 50%;
right: 12px;
margin-top: -2px;
vertical-align: middle;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-bottom: 0 dotted;
border-left: 4px solid transparent;
}
position: relative;
padding: 14px 50px 12px 10px;
background: #1c75bc;
border-radius: 2px;
border: 1px solid #6aaee6;
color: #fff;
font-size: 1em;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
&:after {
content: '';
position: absolute;
top: 50%;
right: 12px;
margin-top: -2px;
vertical-align: middle;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-bottom: 0 dotted;
border-left: 4px solid transparent;
}
}
}
@ -303,36 +303,48 @@ a.blog_link {
overflow: hidden;
position: relative;
text-align: center;
z-index: 1;
&:after {
content: '';
background-image: -webkit-linear-gradient(315deg, rgba(40,61,129,0.7) 0%, rgba(28,117,188,0.8) 100%);
background-image: linear-gradient(-225deg, rgba(40,61,129,0.7) 0%, rgba(28,117,188,0.8) 100%);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
h1, h2, h3 {
color: white;
color: white;
}
h2 {
margin-top: 0px;
margin-top: 0px;
}
.page--home > section:not(.section) p {
max-width: 50em;
margin: 20px auto;
max-width: 50em;
margin: 20px auto;
}
img {
margin-top: 30px;
vertical-align: text-top;
margin-top: 30px;
vertical-align: text-top;
}
.btn-white-solid {
color: $color-blue;
color: $color-blue;
}
}
.ctabox_small-font {
p {
padding-left: 20px;
padding-right: 20px;
font-size: 0.8em;
height: 100%;
word-wrap: normal;
white-space: normal;
line-height: 1.3;
text-align: left;
padding-left: 20px;
padding-right: 20px;
font-size: 0.8em;
height: 100%;
word-wrap: normal;
white-space: normal;
line-height: 1.3;
text-align: left;
}
}
@ -352,57 +364,57 @@ a.blog_link {
transition: .25s;
& .thumbnail {
& .logo-container {
margin: $wallet-tile-spacing auto;
padding: $wallet-tile-spacing*.3;
display: block;
overflow: hidden;
img {
max-height: 80px;
}
}
& .caption {
line-height: 1 !important;
margin: $wallet-tile-spacing;
h4 {
padding: 0 0 $wallet-tile-spacing 0;
}
& .fine-print {
overflow-y: auto;
min-height: $wallet-tile-caption-fine-print-height;
max-height: $wallet-tile-caption-fine-print-height*2;
margin: 0 0 $wallet-tile-spacing 0;
font-size: $wallet-tile-caption-fine-print-font-size;
line-height: 1.5 !important;
color: $color-gray-dark;
}
}
& .wallet-links-container {
width: 100%;
& .link {
border-top: solid 1px $color-gray;
margin: 0 auto;
width: 90%;
display: block;
transition: 1.25s;
&:hover, &:focus {
background-color: lighten($wallet-tile-hover-background-base-color, 3);
border-color: white;
}
& a {
display: block;
margin: 0;
padding: $wallet-tile-spacing*.3;
height: 100%;
width: 100%;
transition: .5s;
&:hover, &:focus {
@include gradient-horizontal-three-colors($start-color: $wallet-tile-hover-background-base-color, $mid-color: lighten($wallet-tile-hover-background-base-color, 9), $end-color: $wallet-tile-hover-background-base-color);
transition: .5s;
}
}
}
}
& .logo-container {
margin: $wallet-tile-spacing auto;
padding: $wallet-tile-spacing*.3;
display: block;
overflow: hidden;
img {
max-height: 80px;
}
}
& .caption {
line-height: 1 !important;
margin: $wallet-tile-spacing;
h4 {
padding: 0 0 $wallet-tile-spacing 0;
}
& .fine-print {
overflow-y: auto;
min-height: $wallet-tile-caption-fine-print-height;
max-height: $wallet-tile-caption-fine-print-height*2;
margin: 0 0 $wallet-tile-spacing 0;
font-size: $wallet-tile-caption-fine-print-font-size;
line-height: 1.5 !important;
color: $color-gray-dark;
}
}
& .wallet-links-container {
width: 100%;
& .link {
border-top: solid 1px $color-gray;
margin: 0 auto;
width: 90%;
display: block;
transition: 1.25s;
&:hover, &:focus {
background-color: lighten($wallet-tile-hover-background-base-color, 3);
border-color: white;
}
& a {
display: block;
margin: 0;
padding: $wallet-tile-spacing*.3;
height: 100%;
width: 100%;
transition: .5s;
&:hover, &:focus {
@include gradient-horizontal-three-colors($start-color: $wallet-tile-hover-background-base-color, $mid-color: lighten($wallet-tile-hover-background-base-color, 9), $end-color: $wallet-tile-hover-background-base-color);
transition: .5s;
}
}
}
}
}
}
@ -411,17 +423,17 @@ a.blog_link {
height: 44px;
float: left;
&_blue {
background-color: #1d71b8;
background-color: #1d71b8;
}
&_gray {
background-color: #e3e3e3;
background-color: #e3e3e3;
}
&_black {
background-color: #000000;
background-color: #000000;
}
&_white {
border: 2px solid #ebebea;
background-color: #ffffff;
border: 2px solid #ebebea;
background-color: #ffffff;
}
}
@ -435,12 +447,18 @@ a.blog_link {
}
#mc_embed_signup{
background:transparent;
clear:left;
font:14px Helvetica,Arial,sans-serif;
background:transparent;
clear:left;
font:14px Helvetica,Arial,sans-serif;
}
.section--colored {
background-color: $color-blue;
color: white;
padding-top: 55px;
margin-bottom: 55px;
}
.ctabox__image {
background-color: rgba(173,219,255,0.1);
}
background-color: rgba(173,219,255,0.1);
}

View file

@ -116,7 +116,7 @@ description: pages.update.description
<article class="ctabox__cta" data-js-ctabox-item>
<a href="https://misconductwineco.com/" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper">
<img src="/assets/img/update/strategic.jpg" class="ctabox__image">
<img src="/assets/img/update/netw.png" class="ctabox__image">
</div>
<div class="ctabox__text">
<h4 class="ctabox__title">NETWORK</h4>
@ -163,7 +163,7 @@ description: pages.update.description
<!--
NETWORK ARCHITECTURE
-->
<section class="section--masternode">
<section class="section--colored">
<div class="content">
<div class="row">
<div class="col-sm-6">
@ -171,7 +171,7 @@ description: pages.update.description
{% tmd pages.update.execution-text %}
<a href="{% t pages.update.execution-link %}" target="_blank" class="btn-blue">{% t pages.update.execution-btn %}</a>
<a href="{% t pages.update.execution-link %}" target="_blank" class="btn-white-solid">{% t pages.update.execution-btn %}</a>
</div>
<div class="col-sm-6 home-architecture-graphic">
<img src="/assets/img/update/execution.png" alt="{% t pages.home.execution-heading %}">