diff options
| -rw-r--r-- | .gitignore | 1 | ||||
| -rw-r--r-- | www/css/makemyisland.css | 37 | ||||
| -rw-r--r-- | www/css/makemyisland.scss | 46 |
3 files changed, 84 insertions, 0 deletions
@@ -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; +} |