diff --git a/css/main.css b/css/main.css index a92b64945..27bc9ddc2 100644 --- a/css/main.css +++ b/css/main.css @@ -89,6 +89,28 @@ body, html{ width:100%; } +a { + color: #3498DB; +} + +a:hover { + color: #2980b9; +} + +input { + background: #2C3E50 !important; + -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.10) !important; + box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.10) !important; + border: 0 !important; + color: #7A8C9E !important; +} + +select { + background: #2C3E50 !important; + border: 0 !important; + color: #7A8C9E !important; +} + .page, .main { height:100%; overflow-y: auto; @@ -151,16 +173,19 @@ body, html{ } .signin, .setup { - margin-top: 10%; + margin-top: 15%; } .logo-setup { - height: 100%; + position: absolute; + top: 45%; + left: 8%; } -.content-setup { - height: 100%; - border-left: 1px dashed #ccc; +.box-setup { + padding: 20px 30px; + background: #34495E; + margin-bottom: 20px; } .last-transactions { @@ -224,15 +249,19 @@ body, html{ .button-setup a { display: block; - padding: 30px 20px; - background: #384D6B; - color: #eee; + padding: 20px 30px; + background: #34495E; + color: #fff; margin-bottom: 20px; - -webkit-border-radius: 20px; - -moz-border-radius: 20px; - -ms-border-radius: 20px; - border-radius: 20px; + font-weight: 100; +} +.button-setup a:hover { + background: #fff; +} + +.button-setup a:hover h1 { + color: #34495E; } .footer-setup { @@ -265,6 +294,7 @@ body, html{ .m10r {margin-right: 10px;} .m15l {margin-left: 15px;} .m20r {margin-right: 20px;} +.m20t {margin-top: 20px;} .m10 {margin: 10px;} .m15 {margin: 15px;} .p10t {padding-top: 10px;} @@ -274,6 +304,7 @@ body, html{ .p5h {padding: 0 5px;} .p20h {padding: 0 20px;} .p20 {padding:20px;} +.p10 {padding:10px;} .m30v {margin: 30px 0;} .m10h {margin:0 10px;} .m10v {margin:10px 0;} @@ -284,8 +315,14 @@ body, html{ .oh {overflow:hidden;} .lh {line-height: 0;} + +.line-dashed-setup-v { + border-left: 1px dashed #415970; + padding-left: 3rem; +} + .line-dashed-v { - border-right: 2px dashed #E3E3E3; + border-right: 1px dashed #E3E3E3; } .line-dashed-h { @@ -302,6 +339,11 @@ body, html{ margin: 1.4rem 0; } +.line-sidebar-b { + border-bottom: 1px solid #3C5269; + padding-bottom: 0.5rem; +} + .line-dashed { border-top: 1px dashed #ccc; margin: 1rem 0; @@ -565,15 +607,15 @@ button.radius, .button.radius { /* SECONDARY */ button.secondary, .button.secondary { - background-color: #1ABC9C; + background-color: #4A90E2; color: #fff; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { - background-color: #16A085; - color: #e6e6e6; + background-color: #2980B9; + color: #fff; } button.disabled.secondary, button[disabled].secondary, @@ -587,22 +629,22 @@ button[disabled].secondary:focus, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { - background-color: #1ABC9C; + background-color: #95a5a6; color: #E6E6E6; } /* PRIMARY */ button.primary, .button.primary { - background-color: #E67E22; + background-color: #1ABC9C; color: #fff; } button.primary:hover, button.primary:focus, .button.primary:hover, .button.primary:focus { - background-color: #D86601; - color: #e6e6e6; + background-color: #16A085; + color: #fff; } button.disabled.primary, button[disabled].primary, @@ -616,7 +658,7 @@ button[disabled].primary:focus, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus { - background-color: #E67E22; + background-color: #95a5a6; color: #E6E6E6; } @@ -646,7 +688,37 @@ button[disabled].warning:focus, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - background-color: #C0392A; + background-color: #95a5a6; + color: #E6E6E6; +} + +/* WHITE */ +button.white, +.button.white { + background-color: #fff; + color: #2C3E50; +} +button.white:hover, +button.white:focus, +.button.white:hover, +.button.white:focus { + background-color: #E0E0E0; + color: #2C3E50; +} + +button.disabled.white, +button[disabled].white, +.button.disabled.white, +.button[disabled].white, +button.disabled.white:hover, +button.disabled.white:focus, +button[disabled].white:hover, +button[disabled].white:focus, +.button.disabled.white:hover, +.button.disabled.white:focus, +.button[disabled].white:hover, +.button[disabled].white:focus { + background-color: #95a5a6; color: #E6E6E6; } @@ -724,8 +796,9 @@ input.ng-invalid-match, input.ng-invalid-match:focus { border-color: red; } -.copayers h3 { +.copayers h3,h4 { color: #fff; + font-weight: 100; } .copayers { @@ -739,5 +812,15 @@ input.ng-invalid-match, input.ng-invalid-match:focus { overflow-y: hidden; } +.text-gray {color: #8597A7;} +.text-primary {color: #1ABC9C;} +.text-secondary {color: #3498DB;} +.text-white {color: #fff;} + +.box-setup-copayers { + background: #2C3E50; + -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.09), inset 0px 0px 2px 0px rgba(0,0,0,0.20); + box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.09), inset 0px 0px 2px 0px rgba(0,0,0,0.20); +} /*-----------------------------------------------------------------*/ diff --git a/views/setup.html b/views/setup.html index a0b2ecbb8..ffae460ce 100644 --- a/views/setup.html +++ b/views/setup.html @@ -6,79 +6,77 @@
-
+
Copay -

- Copay is a free, open-source, multisignature bitcoin wallet. A single-owner bitcoin wallet's security depends on carefully securing the private keys. With copay you can have multiple people controlling the funds, using bitcoin's multisignature functionality, requiring no trust in any third party. -

-
-

Create new wallet

- -
-
- -
-
- -
-
-
-
-
-
- -
-
- -
+
+
+

Create new wallet

+

Wallet name + +

+
+
+

Your name + +

-
-
-
-
- +
+

Your Wallet Password Required + + + + +

+
+
+
+
+

Select total number of copayers + +

+
+
+

Select required signatures + +

+
+
+
+
+ +
+
+
+ « Back + « Back + + Next
- « Back - « Back - - Next
diff --git a/views/signin.html b/views/signin.html index 6d4a9677a..d135eaf0e 100644 --- a/views/signin.html +++ b/views/signin.html @@ -4,70 +4,84 @@ Authenticating and looking for peers...
-
+
Copay -

- Copay is a free, open-source, multisignature bitcoin wallet. A single-owner bitcoin wallet's security depends on carefully securing the private keys. With copay you can have multiple people controlling the funds, using bitcoin's multisignature functionality, requiring no trust in any third party. -

-