Changeset 632

Timestamp:

05/21/2014 04:53:52 PM (12 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;
+        }
+}