update JSON mock responses and release notes
diff --git a/web/ons-demo/css/skin.default.css b/web/ons-demo/css/skin.default.css
index c81acb8..a04b0e0 100644
--- a/web/ons-demo/css/skin.default.css
+++ b/web/ons-demo/css/skin.default.css
@@ -8,23 +8,34 @@
.status {
padding: 1em;
- border-right: 1px solid white;
}
+
.status:last-child {
border-right: none;
}
.status .static {
- color: white;
+ color: #AAA;
padding: .25em;
}
.status .dynamic {
- color: blue;
+ color: #FFF;
padding: .25em;
}
+.status.bottom {
+ position: absolute;
+ bottom: 0px;
+ right: 0px;
+ font-size: 8px;
+}
+
+#status.top span {
+ font-size: 24px;
+}
+
.button {
padding: 1em;
background-color: lightgray;
@@ -110,79 +121,80 @@
}
.color0 {
- opacity: .25;
- fill: #444;
- background-color: #444;
+ opacity: .2;
+ fill: #222;
+ background-color: #222;
+ color: #444;
}
.color1 {
- opacity: .25;
+ opacity: .2;
fill: #EC0033;
background-color: #EC0033;
}
.color2 {
- opacity: .25;
+ opacity: .2;
fill: #FFBA00;
background-color: #FFBA00;
}
.color3 {
- opacity: .25;
+ opacity: .2;
fill: #3714B0;
background-color: #3714B0;
}
.color4 {
- opacity: .25;
+ opacity: .2;
fill: #B12C49;
background-color: #B12C49;
}
.color5 {
- opacity: .25;
+ opacity: .2;
fill: #402C84;
background-color: #402C84;
}
.color6 {
- opacity: .25;
+ opacity: .2;
fill: #990021;
background-color: #990021;
}
.color7 {
- opacity: .25;
+ opacity: .2;
fill: #990021;
background-color: ;
}
.color8 {
- opacity: .25;
+ opacity: .2;
fill: #A67900;
background-color: #A67900;
}
.color9 {
- opacity: .25;
+ opacity: .2;
fill: #F53D65;
background-color: #F53D65;
}
.color10 {
- opacity: .25;
+ opacity: .2;
fill: #1F0772;
background-color: #1F0772;
}
.color11 {
- opacity: .25;
+ opacity: .2;
fill: #F56E8B;
background-color: #F56E8B;
}
.color12 {
- opacity: .25;
+ opacity: .2;
fill: #6949D7;
background-color: #6949D7;
}