diff --git a/public/img/icon-splash.png b/public/img/icon-splash.png new file mode 100644 index 000000000..f917a1d87 Binary files /dev/null and b/public/img/icon-splash.png differ diff --git a/public/views/splash/1.html b/public/views/splash/1.html index 0989d617d..f429dbae8 100644 --- a/public/views/splash/1.html +++ b/public/views/splash/1.html @@ -1,18 +1,16 @@
-
-

WELCOME TO

- tour1 +
+ WELCOME TO COPAY +

A multisignature bitcoin wallet

-
- - * In case you need to import wallets from previous Copay versions go to Menu - -
+
+ icon +
- +
diff --git a/src/css/main.css b/src/css/main.css index 0a3482a51..10f141eef 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -614,6 +614,17 @@ button.outline:focus { background: transparent; } +.button.outline.tiny, +.button.outline.tiny:hover, +.button.outline.tiny:focus, +button.outline.tiny, +button.outline.tiny:hover, +button.outline.tiny:focus { + border-radius: 3px; + background: transparent; +} + + .button.outline.dark-gray, .button.outline.dark-gray:hover, .button.outline.dark-gray:focus, @@ -879,7 +890,7 @@ input.ng-invalid-match, input.ng-invalid-match:focus { background-color: #2C3E50; } .text-italic {font-style: italic;} -.text-light {font-weight: 100;} +.text-light {font-weight: 200;} .text-bold {font-weight: 700;} .text-gray {color: #8597A7;} .text-black {color: #2C3E50;} @@ -889,6 +900,7 @@ input.ng-invalid-match, input.ng-invalid-match:focus { .text-warning {color: #ED4A43;} .text-alert {color: red;} .text-success {color: #1ABC9C;} +.text-spacing {letter-spacing:2px;} .panel { background: #FFFFFF; @@ -1095,11 +1107,33 @@ input.ng-invalid-match, input.ng-invalid-match:focus { font-weight: normal; } +.splash { + width: 100%; + height: 100%; + background: #2C3E50; + position: absolute; + background-image: -webkit-linear-gradient(#3D5672 0%, #223243 100%); + background-image: -o-linear-gradient(#3D5672 0%, #223243 100%); + background-image: linear-gradient(#3D5672 0%, #223243 100%); +} + .splash .start-button { position: absolute; bottom: 0; } +.splash .start-button button.black { + background-color: #4B6178; +} + +.splash .start-button button.outline.tiny { + font-size: 0.58rem; +} + +.gif-splash { + padding: 2rem 0; +} + .preferences li { cursor: pointer !important; }