diff --git a/css/src/main.css b/css/src/main.css index cb5eef542..fb6788bd4 100644 --- a/css/src/main.css +++ b/css/src/main.css @@ -1367,18 +1367,6 @@ a.text-warning:hover {color: #FD7262;} background-color: #1ABC9C; } -.loading-screen { - text-align: center; - background-color: #1ABC9C; - width: 100%; - margin-top: 15%; -} - -.loading-screen .spinner { - vertical-align: middle; - margin-right: 15px; -} - .box-setup .panel { background-color: #2C3E50; padding: 1rem; @@ -1538,3 +1526,60 @@ a.text-warning:hover {color: #FD7262;} color: #FFFFFF; } +/*///////////////////////// LOADING /////////////////////////*/ +.contener_mixte { + width:44px; height:44px; position:absolute; +} + +.ballcolor { + width: 20px; + height: 20px; + border-radius: 50%; +} + +.contener_general { + width:44px; height:44px; + margin: 20px auto 20px; +} + +.ball_1, .ball_2, .ball_3, .ball_4 { + position: absolute; +} + +.ball_1 { + background-color:#3498DB; + top:0; left:0; +} + +.ball_2 { + background-color:#C0392A; + top:0; left:24px; +} + +.ball_3 { + background-color:#00a096; + top:24px; left:0; +} + +.ball_4 { + background-color:#2C3E50; + top:24px; left:24px; +} + +.fond{position:absolute;padding-top:85px;top:0;left:0; right:0;bottom:0;} + +.loading-screen { + background-color: #F2F5F8; + width: 100%; + height: 100%; + position: absolute; + z-index: 999; + top: 0; + left: 0; +} + +.loading-screen .spinner { + margin-top: 20%; + width: 100%; + text-align: center; +} \ No newline at end of file diff --git a/css/src/style.css b/css/src/style.css index 5249a3f8d..a40efc226 100644 --- a/css/src/style.css +++ b/css/src/style.css @@ -96,6 +96,21 @@ content: "\e60e"; } + +.contener_general { + -webkit-animation:animball_two 1s infinite; + -moz-animation:animball_two 1s infinite; + -ms-animation:animball_two 1s infinite; + animation:animball_two 1s infinite; +} + +.ball_1, .ball_2, .ball_3, .ball_4 { + -webkit-animation:animball_one 1s infinite ease; + -moz-animation:animball_one 1s infinite ease; + -ms-animation:animball_one 1s infinite ease; + animation:animball_one 1s infinite ease; +} + .side-nav.wallets { -webkit-transition: height 250ms ease-in; -moz-transition: height 250ms ease-in; @@ -1361,3 +1376,53 @@ stretchRight -ms-transform: translateY(0%); } } + +@-webkit-keyframes animball_one +{ + 0%{ position: absolute;} + 50%{top:12px; left:12px; position: absolute;opacity:0.5;} + 100%{ position: absolute;} +} +@-moz-keyframes animball_one +{ + 0%{ position: absolute;} + 50%{top:12px; left:12px; position: absolute;opacity:0.5;} + 100%{ position: absolute;} +} +@-ms-keyframes animball_one +{ + 0%{ position: absolute;} + 50%{top:12px; left:12px; position: absolute;opacity:0.5;} + 100%{ position: absolute;} +} +@keyframes animball_one +{ + 0%{ position: absolute;} + 50%{top:12px; left:12px; position: absolute;opacity:0.5;} + 100%{ position: absolute;} +} + +@-webkit-keyframes animball_two +{ + 0%{-webkit-transform:rotate(0deg) scale(1);} + 50%{-webkit-transform:rotate(360deg) scale(1.3);} + 100%{-webkit-transform:rotate(720deg) scale(1);} +} +@-moz-keyframes animball_two +{ + 0%{-moz-transform:rotate(0deg) scale(1);} + 50%{-moz-transform:rotate(360deg) scale(1.3);} + 100%{-moz-transform:rotate(720deg) scale(1);} +} +@-ms-keyframes animball_two +{ + 0%{-ms-transform:rotate(0deg) scale(1);} + 50%{-ms-transform:rotate(360deg) scale(1.3);} + 100%{-ms-transform:rotate(720deg) scale(1);} +} +@keyframes animball_two +{ + 0%{transform:rotate(0deg) scale(1);} + 50%{transform:rotate(360deg) scale(1.3);} + 100%{transform:rotate(720deg) scale(1);} +} \ No newline at end of file diff --git a/index.html b/index.html index 051f6fa33..41424f99e 100644 --- a/index.html +++ b/index.html @@ -25,10 +25,19 @@ Loading...
-
- - Logging Out + +
+
+
diff --git a/views/create.html b/views/create.html index 6b972956f..f6aabee3f 100644 --- a/views/create.html +++ b/views/create.html @@ -1,7 +1,14 @@
- - Creating wallet... +

{{$root.title}}

diff --git a/views/createProfile.html b/views/createProfile.html index 41fca6bd7..776deab6b 100644 --- a/views/createProfile.html +++ b/views/createProfile.html @@ -1,7 +1,15 @@
+
- - Creating profile... +
diff --git a/views/home.html b/views/home.html index 23b721f8b..d59484531 100644 --- a/views/home.html +++ b/views/home.html @@ -1,9 +1,17 @@
-
- - Accessing your profile... +
+
+
Copay diff --git a/views/import.html b/views/import.html index 6c84dfb47..73c2787f6 100644 --- a/views/import.html +++ b/views/import.html @@ -1,6 +1,14 @@
-
- {{ importStatus|translate }} +
+
diff --git a/views/importProfile.html b/views/importProfile.html index f1f41ad31..ec61723f8 100644 --- a/views/importProfile.html +++ b/views/importProfile.html @@ -1,8 +1,15 @@
- -
- {{ importStatus|translate }} +
+
diff --git a/views/join.html b/views/join.html index 43da2c85a..64ef4ebb8 100644 --- a/views/join.html +++ b/views/join.html @@ -1,8 +1,15 @@
-
- - Connecting to Insight Wallet Server... -
+
+ +

{{$root.title}}

diff --git a/views/uri-payment.html b/views/uri-payment.html index 1bd3892d6..6d7de2b45 100644 --- a/views/uri-payment.html +++ b/views/uri-payment.html @@ -1,7 +1,16 @@
-
- - Preparing payment... +
+ +
+