new footer and header images for POA Network; this closes #9

This commit is contained in:
viktor 2017-12-15 10:42:28 -05:00
parent 508d191ded
commit 4fa7ddc518
9 changed files with 16 additions and 14 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 97 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

View File

@ -17,14 +17,14 @@
} }
&-logo { &-logo {
@include image-2x('../images/CEREMONY_footer@2x.png', 100px, 24px); @include image-2x('../images/logo_validators_dapp_footer@2x.png', 123px, 24px);
position: relative; position: relative;
z-index: 2; z-index: 2;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
width: 100px; width: 123px;
height: 24px; height: 24px;
background-image: url('../images/CEREMONY_footer.png'); background-image: url('../images/logo_validators_dapp_footer.png');
background-position: 0 0; background-position: 0 0;
} }

View File

@ -20,11 +20,11 @@
} }
&-logo { &-logo {
@include image-2x('../images/CEREMONY@2x.png', 149px, 35px); @include image-2x('../images/logo_validators_dapp@2x.png', 182px, 35px);
float: left; float: left;
width: 149px; width: 182px;
height: 35px; height: 35px;
background-image: url('../images/CEREMONY.png'); background-image: url('../images/logo_validators_dapp.png');
background-position: 0 0; background-position: 0 0;
} }

View File

@ -125,6 +125,8 @@ button:focus {
margin-bottom: 20px; } margin-bottom: 20px; }
.create-keys h2 { .create-keys h2 {
margin-bottom: 20px; } margin-bottom: 20px; }
.create-keys .set {
margin-top: 20px; }
.create-keys-button { .create-keys-button {
display: inline-block; display: inline-block;
background-color: #08b3f2; background-color: #08b3f2;
@ -196,14 +198,14 @@ button:focus {
z-index: 2; z-index: 2;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
width: 100px; width: 123px;
height: 24px; height: 24px;
background-image: url("../images/CEREMONY_footer.png"); background-image: url("../images/logo_validators_dapp_footer.png");
background-position: 0 0; } background-position: 0 0; }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.footer-logo { .footer-logo {
background-image: url("../images/CEREMONY_footer@2x.png"); background-image: url("../images/logo_validators_dapp_footer@2x.png");
background-size: 100px 24px; } } background-size: 123px 24px; } }
.footer-rights { .footer-rights {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
@ -229,14 +231,14 @@ button:focus {
font-weight: bold; } font-weight: bold; }
.header-logo { .header-logo {
float: left; float: left;
width: 149px; width: 182px;
height: 35px; height: 35px;
background-image: url("../images/CEREMONY.png"); background-image: url("../images/logo_validators_dapp.png");
background-position: 0 0; } background-position: 0 0; }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.header-logo { .header-logo {
background-image: url("../images/CEREMONY@2x.png"); background-image: url("../images/logo_validators_dapp@2x.png");
background-size: 149px 35px; } } background-size: 182px 35px; } }
.header-new-ballot { .header-new-ballot {
float: right; float: right;
margin-top: 3px; } margin-top: 3px; }