diff --git a/cordova/build.sh b/cordova/build.sh
index ab3e964d0..4dc2ea957 100755
--- a/cordova/build.sh
+++ b/cordova/build.sh
@@ -173,6 +173,7 @@ if [ $CURRENT_OS == "WP8" ]; then
checkOK
cp -vf wp/Properties/* $PROJECT/platforms/wp8/Properties/
cp -vf wp/Package.appxmanifest $PROJECT/platforms/wp8/
+ cp -vf wp/MainPage.xaml $PROJECT/platforms/wp8/
checkOK
cp -vf wp/Assets/* $PROJECT/platforms/wp8/Assets/
cp -vf wp/SplashScreenImage.jpg $PROJECT/platforms/wp8/
diff --git a/cordova/config.xml b/cordova/config.xml
index 96b5309d9..d6d244129 100644
--- a/cordova/config.xml
+++ b/cordova/config.xml
@@ -21,7 +21,7 @@
-
+
diff --git a/cordova/wp/MainPage.xaml b/cordova/wp/MainPage.xaml
index 658393142..10a9fbbd3 100644
--- a/cordova/wp/MainPage.xaml
+++ b/cordova/wp/MainPage.xaml
@@ -31,15 +31,16 @@
SupportedOrientations="Portrait" Orientation="Portrait"
shell:SystemTray.IsVisible="True" d:DesignHeight="768" d:DesignWidth="480"
xmlns:my="clr-namespace:WPCordovaClassLib">
-
-
-
-
-
+
+
+
+
+
-
+
diff --git a/cordova/wp/SplashScreenImage-original.jpg b/cordova/wp/SplashScreenImage-original.jpg
new file mode 100755
index 000000000..4942eaf03
Binary files /dev/null and b/cordova/wp/SplashScreenImage-original.jpg differ
diff --git a/cordova/wp/SplashScreenImage.jpg b/cordova/wp/SplashScreenImage.jpg
old mode 100644
new mode 100755
index 4942eaf03..15a010996
Binary files a/cordova/wp/SplashScreenImage.jpg and b/cordova/wp/SplashScreenImage.jpg differ
diff --git a/css/src/main.css b/css/src/main.css
index 191f76bbd..e09b87dea 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -142,15 +142,11 @@ header .alt-currency {
right: 0;
}
-.head .title {
+.head .founds {
float: left;
padding-left: 2rem;
}
-.head .title h1 {
- margin: 0;
-}
-
.head .menu {
float: right;
position: relative;
@@ -267,7 +263,6 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
padding: 0.5rem 0.65rem;
background-color: #fff;
color: #1ABC9C;
- border-radius: 3px;
line-height: 24px;
text-align: center;
}
@@ -319,6 +314,27 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
line-height: 24px;
}
+.buttons-sidebar {
+ color: #A5B2BF;
+ font-weight: 700;
+ font-size: 12px;
+ display: block;
+ padding: 0.5rem 0;
+ line-height: 16px;
+}
+
+.buttons-sidebar .col1 {
+ margin-top: 2px;
+}
+
+.buttons-sidebar .col1 i {
+ background-color: #2C3E50;
+ color: #A5B2BF;
+ border-radius: 100%;
+ padding: .3rem 0.55rem;
+ margin: 0 7px;
+}
+
.button.small.side-bar {
padding: 0rem 0.4rem;
}
@@ -483,15 +499,43 @@ ul.tx-copayers {
color: #2C3E50;
}
-a.button-setup.add-wallet {
- opacity: .5;
- margin: 1rem auto;
- width: 125px;
- font-size: 14px;
- padding: .3rem 0.7rem;
+.manage a {
+ text-align: center;
+ text-transform: uppercase;
+ font-weight: 700;
+ color: #1ABC9C;
+}
+
+.manage a.join {
+ color: #2980B9;
+}
+
+.manage a.import {
+ color: #213140;
+}
+
+
+
+.manage a i {
+ background-color: #1ABC9C;
+ width: 60px;
+ height: 60px;
+ padding: 0.85rem;
+ border-radius: 100%;
+ display: block;
+ font-size: 30px;
+ margin: 0 auto 20px;
color: #fff;
}
+.manage a.join i {
+ background-color: #2980B9;
+}
+
+.manage a.import i {
+ background-color: #213140;
+}
+
a.button-setup {
border-radius: 3px;
border: 1px solid #E4E8EC;
@@ -622,11 +666,8 @@ a.button-setup {
.name-wallet {
font-size: 14px;
- width: 72%;
- float: left;
color: #fff;
- text-transform: lowercase;
- font-weight: 500;
+ font-weight: 700;
}
.name-wallet i {
@@ -640,16 +681,14 @@ a.button-setup {
}
.founds {
- font-weight: 100;
- color: #B6E9DF;
+ font-size: 20px;
+ color: #7A8C9E;
+ font-weight: 700;
}
.locked {
font-size: 11px;
- background-color: #213140;
- width: 100%;
- padding: 0.3rem 0.7rem;
- color: white;
+ color: #7A8C9E;
}
.hidden {
@@ -1063,7 +1102,7 @@ ul.wallet-selection.wallets {
}
.side-nav.wallets li {
- margin: 1.2rem 0;
+ margin: 0.8rem 0;
padding: 0.3rem 0.1rem;
}
diff --git a/css/src/mobile.css b/css/src/mobile.css
index 45835c12b..8528b0876 100644
--- a/css/src/mobile.css
+++ b/css/src/mobile.css
@@ -5,6 +5,10 @@
*/
@media (max-width: 1024px) {
+ body {
+ overflow: hidden;
+ -ms-content-zooming: none;
+ }
.loading-screen {
background-color: #2C3E50;
@@ -19,15 +23,48 @@
}
.page, .main {
- height: auto;
+ height: 100%;
}
.main {
- height: 92%;
- margin-top: 30px;
margin-left: 0;
- margin-bottom: -30px;
- padding: 20px 0 80px 0;
+ padding: 60px 0 80px 0;
+ }
+
+ /* Fix IE 10 */
+ .extra-margin-bottom {
+ display: block
+ height: 75px
+ overflow: hidden
+ clear: both
+ }
+
+ .main {
+ height: 99%
+ overflow: auto
+ }
+
+ /* Fix IE 11 */
+ _:-ms-fullscreen, :root .extra-margin-bottom {
+ display: block;
+ height: 75px;
+ overflow: hidden;
+ clear: both;
+ }
+
+ _:-ms-fullscreen, :root .main {
+ height: 99%;
+ overflow: auto;
+ }
+
+ /* Fix Firefox */
+ @-moz-document url-prefix() {
+ .extra-margin-bottom {
+ display: block;
+ height: 75px;
+ overflow: hidden;
+ clear: both;
+ }
}
.tab-bar {
@@ -57,18 +94,20 @@
}
header {
- height: 45px;
- background-color: #213140;
+ background-image: -webkit-linear-gradient(#2C3E50 0%, #1D2833 100%);
+ background-image: -o-linear-gradient(#2C3E50 0%, #1D2833 100%);
+ background-image: linear-gradient(#2C3E50 0%, #1D2833 100%);
+ box-shadow: 0px 1px 0px 0px #2C3E50, inset -1px 0px 0px 0px rgba(0,0,0,0.24);
+ height: 120px;
width: 100%;
line-height: 110%;
- padding-left: 0.45rem;
+ padding: 1rem;
}
header .photo-container {
- width: 35px;
- height: 35px;
- margin-right: 10px;
- margin-top: 5px;
+ width: 45px;
+ height: 45px;
+ margin-bottom: 5px;
}
header h1 {
@@ -78,7 +117,7 @@
.scroll-section {
position: absolute;
- top: 45px;
+ top: 120px;
overflow-y: auto;
}
@@ -154,7 +193,6 @@
}
ul.off-canvas-list li a {
- text-transform: uppercase;
font-size: 12px;
vertical-align: middle;
font-weight: 100;
@@ -180,27 +218,15 @@
opacity: 0.6;
}
- ul.off-canvas-list li .buttons-sidebar {
+ .buttons-sidebar {
color: #4B6178;
- font-weight: 700;
- font-size: 12px;
- display: block;
- padding: 0.5rem 0;
- }
-
- .buttons-sidebar .col1 {
- margin-top: 2px;
}
.buttons-sidebar .col1 i {
background-color: #fff;
color: #4B6178;
- border-radius: 100%;
- padding: .3rem 0.55rem;
- margin: 0 7px;
}
-
.bottombar-item a {
color: #7A8C9E;
padding: 0.5rem 0;
diff --git a/index.html b/index.html
index 9dea09c41..8096a2b69 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
-
+
Copay - Multisignature Wallet