Widget styles and image from @martinwright

2 files changed, 48 insertions, 0 deletions

diff --git a/assets/images/widget-base.png b/assets/images/widget-base.png
new file mode 100644
index 0000000..85a0eff
--- /dev/null
+++ b/assets/images/widget-base.png
diff --git a/assets/stylesheets/responsive/custom.scss b/assets/stylesheets/responsive/custom.scss
index ab2c6e4..036ff30 100644
--- a/assets/stylesheets/responsive/custom.scss
+++ b/assets/stylesheets/responsive/custom.scss
@@ -580,3 +580,51 @@ dt {
   padding: 3px;
   font-size: 1.1rem;
 }
+
+/* Widget  */
+.alaveteli-widget {
+  background-color: $body-bg;
+  color: $heading-color;
+}
+
+.alaveteli-widget__people-count {
+  top: 22px;
+  left: 197px;
+}
+
+.alaveteli-widget__count {
+  font-weight: bold;
+  color: $button-bg;
+}
+
+.alaveteli-widget__button {
+  top: 167px;
+}
+
+.alaveteli-widget__status {
+  width: 200px;
+  text-transform: none;
+
+  &.successful,
+  &.partially_successful {
+    color: $status-success;
+  }
+
+  &.requires_admin,
+  &.waiting_response_very_overdue,
+  &.not_held,
+  &.rejected {
+    color: $status-failure;
+  }
+
+  &.waiting_response,
+  &.waiting_response_overdue,
+  &.user_withdrawn,
+  &.waiting_clarification,
+  &.gone_postal,
+  &.internal_review,
+  &.attention_requested  {
+    color: $status-pending;
+  }
+
+}