Add CuidoMiCiudad SCSS styles

3 files changed, 112 insertions, 0 deletions

diff --git a/www/cobrands/cuidomiciudad/css/config.rb b/www/cobrands/cuidomiciudad/css/config.rb
new file mode 100644
index 0000000..bc3984a
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/css/config.rb
@@ -0,0 +1,2 @@
+css_dir =   "."
+sass_dir =  "."
diff --git a/www/cobrands/cuidomiciudad/css/style.css b/www/cobrands/cuidomiciudad/css/style.css
new file mode 100644
index 0000000..2c90d7f
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/css/style.css
@@ -0,0 +1,55 @@
+/* line 8, style.scss */
+.ios7 .ui-bar-a,
+body.ios7 {
+  background-color: #005cb9;
+}
+
+/* line 13, style.scss */
+.ios7 .ui-bar-a {
+  border-color: #005cb9;
+}
+
+/* line 17, style.scss */
+#load-screen,
+#locating {
+  background: #005cb9;
+  color: white;
+}
+
+/* line 23, style.scss */
+#locating #progress-bar {
+  background-color: #FFFF99;
+}
+
+/* line 27, style.scss */
+#view-my-reports .draft_count {
+  background-color: #ba151c;
+  color: #fff;
+  border-color: #ffea3d;
+}
+
+/* line 33, style.scss */
+#display-help {
+  background-color: #eed11c;
+  color: grey;
+}
+
+/* line 39, style.scss */
+.ui-bar-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a {
+  color: #eee;
+  border-color: #00366d;
+  background: #0069d3;
+}
+
+/* line 46, style.scss */
+.ui-corner-all,
+.ui-btn-corner-all {
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+
+/* line 52, style.scss */
+#load-screen .radar,
+#locating .radar {
+  background-image: url("../images/radar-cuidomiciudad.png");
+}
diff --git a/www/cobrands/cuidomiciudad/css/style.scss b/www/cobrands/cuidomiciudad/css/style.scss
new file mode 100644
index 0000000..1dc4fd5
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/css/style.scss
@@ -0,0 +1,55 @@
+@import "compass";
+
+$color-cmc-blue: #005cb9;
+$color-cmc-yellow: #eed11c;
+$color-cmc-green: #00ad68;
+$text-color: #eee;
+
+.ios7 .ui-bar-a,
+body.ios7 {
+    background-color: $color-cmc-blue;
+}
+
+.ios7 .ui-bar-a {
+    border-color: $color-cmc-blue;
+}
+
+#load-screen,
+#locating {
+    background: $color-cmc-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: $color-cmc-yellow;
+    color: grey;
+}
+
+
+.ui-bar-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a {
+    color: $text-color;
+    border-color: darken($color-cmc-blue, 15%);
+    @include background(lighten($color-cmc-blue, 5%));
+//    @include background(linear-gradient(-90deg, darken($color-cmc-blue, 5%), lighten($color-cmc-blue, 5%) 98%));
+}
+
+.ui-corner-all,
+.ui-btn-corner-all {
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+}
+
+#load-screen .radar,
+#locating .radar {
+    background-image: url('../images/radar-cuidomiciudad.png');
+}