From e924d8d5dcdc358d724bba41be8146c266539349 Mon Sep 17 00:00:00 2001
From: summerscope <summerscope@gmail.com>
Date: Wed, 18 Jun 2014 18:50:40 +1000
Subject: [PATCH] Adding stylesheet to manage modals for Hubs and Producers

---
 .../stylesheets/darkswarm/modals.css.sass     | 49 +++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 app/assets/stylesheets/darkswarm/modals.css.sass

diff --git a/app/assets/stylesheets/darkswarm/modals.css.sass b/app/assets/stylesheets/darkswarm/modals.css.sass
new file mode 100644
index 0000000000..de9d64645d
--- /dev/null
+++ b/app/assets/stylesheets/darkswarm/modals.css.sass
@@ -0,0 +1,49 @@
+@import branding
+@import mixins
+
+dialog, .reveal-modal
+  border: none
+  outline: none
+
+.reveal-modal-bg
+  background-color: rgba(0,0,0,0.65)
+
+.modal-centered
+  text-align: center
+  p
+    margin-bottom: 0
+
+.modal-header
+  text-align: center
+  text-transform: uppercase
+  border-bottom: 1px solid black
+
+dialog .close-reveal-modal.outside, .reveal-modal .close-reveal-modal.outside
+  @include csstrans
+  top: -2.2rem
+  right: -2.2rem
+  font-size: 2rem
+  color: white
+  text-shadow: none
+  &:hover, &:active, &:focus
+    color: $clr-brick-light-bright
+    text-shadow: 0 1px 3px #333
+
+.highlight
+  position: relative
+
+.highlight-row
+  padding: 0.75rem 0.9375rem
+  width: 100%
+  overflow: hidden
+  background-color: rgba(255,255,255,0.5)
+  position: absolute
+  bottom: 0
+  h3, p
+    margin-top: 0
+    margin-bottom: 0
+    padding-bottom: 0
+    line-height: 1
+  p
+    line-height: 2
+