[MakeMyIsland] Use MMI colour scheme

3 files changed, 84 insertions, 0 deletions

diff --git a/.gitignore b/.gitignore
index b947e5e..7a68648 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,6 +3,7 @@
 ._*
 .DS_Store
 .sass-cache
+*.css.map
 tags
 
 *.mo
diff --git a/www/css/makemyisland.css b/www/css/makemyisland.css
new file mode 100644
index 0000000..c4e5b08
--- /dev/null
+++ b/www/css/makemyisland.css
@@ -0,0 +1,37 @@
+.ios7 .ui-bar-a,
+body.ios7 {
+  background-color: #9fd9ea; }
+
+.ios7 .ui-bar-a {
+  border-color: #9fd9ea; }
+
+#load-screen,
+#locating {
+  background: #9fd9ea;
+  color: white; }
+
+#locating #progress-bar {
+  background-color: #FFFF99; }
+
+#view-my-reports .draft_count {
+  background-color: #ba151c;
+  color: #fff;
+  border-color: #ffea3d; }
+
+#display-help {
+  background-color: #f9ffc6;
+  color: grey; }
+
+.ui-bar-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a {
+  border-color: #60c0dc;
+  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhZDFlNSIvPjxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjYjRlMWVmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+  background: -moz-linear-gradient(180deg, #8ad1e5, #b4e1ef 98%);
+  background: -webkit-linear-gradient(180deg, #8ad1e5, #b4e1ef 98%);
+  background: linear-gradient(-90deg, #8ad1e5, #b4e1ef 98%); }
+
+.ui-corner-all,
+.ui-btn-corner-all {
+  -webkit-border-radius: 3px;
+  border-radius: 3px; }
+
+/*# sourceMappingURL=makemyisland.css.map */
diff --git a/www/css/makemyisland.scss b/www/css/makemyisland.scss
new file mode 100644
index 0000000..80f0edd
--- /dev/null
+++ b/www/css/makemyisland.scss
@@ -0,0 +1,46 @@
+@import "compass";
+
+$yellow: rgb(249, 255, 198);
+$blue: rgb(159, 217, 234);
+
+.ios7 .ui-bar-a,
+body.ios7 {
+    background-color: $blue;
+}
+
+.ios7 .ui-bar-a {
+    border-color: $blue;
+}
+
+#load-screen,
+#locating {
+    background: $blue;
+    color: white;
+}
+
+#locating #progress-bar {
+    background-color: #FFFF99;
+}
+
+#view-my-reports .draft_count{
+    background-color: rgb(186,21,28);
+    color: #fff;
+    border-color: #ffea3d;
+}
+
+#display-help {
+    background-color: $yellow;
+    color: grey;
+}
+
+
+.ui-bar-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a {
+    border-color: darken($blue, 15%);
+    @include background(linear-gradient(-90deg, darken($blue, 5%), lighten($blue, 5%) 98%));
+}
+
+.ui-corner-all,
+.ui-btn-corner-all {
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+}