[gnome-web-www: 57/68] Wrap donation bar inside a div

[Tom Tryfonidis <tomtryf src gnome org>]

commit 81b9576a15e46fe34768dc28cdf1ae5dd97f8e37
Author: Tom Tryfonidis <tomtryf gnome org>
Date:   Thu Jan 12 14:21:01 2017 +0200

    Wrap donation bar inside a div

 theme/style.css |   33 +++++++++++++++++++++++++++++++--
 1 files changed, 31 insertions(+), 2 deletions(-)
---
diff --git a/theme/style.css b/theme/style.css
index f9b2a57..234c839 100644
--- a/theme/style.css
+++ b/theme/style.css
@@ -57,9 +57,20 @@ a:visited {
   flex: 1;
 }
 
-/* We don't want the admin-bar to overlap the navbar */
+/* We don't want WordPress admin-bar to overlap the navbar or donation ruler */
 body.admin-bar .navbar-fixed-top {
-    top: 28px !important;
+    top: 31px;
+}
+body.admin-bar .donation-ruler-container {
+    top: 31px;
+}
+
+/* If we run donation campaigns, move the navbar below the donation ruler */
+.visible-fog-ruler .navbar-fixed-top {
+    top: 40px;
+}
+body.admin-bar .visible-fog-ruler .navbar-fixed-top {
+    top: 71px;
 }
 
 
@@ -1505,3 +1516,21 @@ section {
 .bg-grey {
     background: #f6f6f6;
 }
+
+/* Donation ruler container */
+/* ========================================================================== */
+
+.donation-ruler-container {
+    position: fixed;
+    width: 100%;
+    top: 0px;
+    height: 40px;
+    background-color: #68a834;
+    font-weight: 700;
+    font-size: 16px;
+    text-align: center;
+    line-height: normal;
+    z-index: 110;
+    color: #ffffff;
+    padding-top: 7px;
+}