Changeset 632

Timestamp:

05/21/2014 04:53:52 PM (9 years ago)

Author:

iandunn

Message:

Rosetta theme: Add responsive styles.

Fixes #471.

File:

• sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/style.css (modified) (1 diff)

sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/style.css

@@ -398 +398 @@
     font-weight: bold;
 }
+
+@media screen and ( max-width: 960px ) {
+    #wporg-header {
+        height: auto;
+    }
+
+        #mobile-menu-button {
+            display: none;    /* Because the global menu doesn't actually exist */
+        }
+
+        #wporg-header .menu ul li,
+        #wporg-header ul.menu li {
+            float: left;
+        }
+
+            #wporg-header .menu ul li a,
+            #wporg-header ul.menu li a {
+                padding-left: 0;
+                padding-right: 15px;
+            }
+
+    #mid-wrapper.outer,
+    .wrapper,
+    .section,
+    .main {
+        width: auto;
+    }
+
+    #mid-wrapper,
+    .wrapper {
+        margin-left: 40px;
+        margin-right: 40px;
+    }
+
+        form#contactme textarea {
+            width: 100%;
+        }
+}
+
+@media screen and ( max-width: 768px ) {
+    #wporg-header h2.rosetta a {
+        padding-top: 5px;
+        padding-left: 0;
+    }
+}