Changeset 2596

Timestamp:

02/24/2016 09:25:08 PM (10 years ago)

Author:

coffee2code

Message:

Browse Happy: Make browser notice banner responsive.

File:

• sites/trunk/browsehappy.com/public_html/style.css (modified) (2 diffs)

sites/trunk/browsehappy.com/public_html/style.css

@@ -179 +179 @@
     margin: 20px auto 0;
     padding: 20px 30px;
-    width: 870px;
+    width: 90%;
     color: white;
     font-size: 120%;
@@ -588 +588 @@
         font-size: 900%;
     }
+    #browser-status {
+        padding: 20px 10px;
+    }
+    .browser-status-text, .browser-status-action {
+        float: none;
+        width: 100%;
+        margin-right: 0;
+    }
+    .browser-status-text {
+        margin-bottom: 1em;
+    }
+    .browser-status-action a {
+        margin: 0;
+    }
 }
 @media (max-width: 430px) {