Changeset 583

Timestamp:

05/01/2014 04:34:57 PM (10 years ago)

Author:

nacin

Message:

P2 child theme: Responsiveness.

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-p2

Files:

• footer.php (modified) (1 diff)
• header.php (modified) (1 diff)
• style.css (modified) (4 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-p2/footer.php

@@ -6 +6 @@
  */
 ?>
+
+    <?php get_sidebar( get_post_type() ); ?>
     <div class="clear"></div>
 

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-p2/header.php

@@ -27 +27 @@
 </div>
 
+<?php is_home() && ! is_paged() && get_template_part( 'make-intro' ); ?>
+
 <div id="wrapper">
 
-    <?php is_home() && ! is_paged() && get_template_part( 'make-intro' ); ?>
-
-    <?php get_sidebar( get_post_type() ); ?>

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-p2/style.css

@@ -187 +187 @@
     }
 
-    #main #postlist li {
+/*  #main #postlist li {
         margin-top: 5px!important;
         padding-top: 0!important;
     }
-
     #main #postlist li {
         padding: 0 !important;
     }
-
+*/
     /* Override P2 iPhone styles */
     #main ul#postlist li span.actions a.comment-reply-link {
@@ -418 +417 @@
     background: #e4f2fd;
     border: 1px solid #d9e1e7;
-    margin-bottom: 10px;
+    max-width: 978px;
+    margin: 10px auto 0;
+}
+.make-welcome {
+    padding-bottom: 14px;
 }
 .make-welcome h4 {
+    margin: 14px 0;
+}
+.make-welcome p {
+    display: inline;
+}
+.make-welcome h4,
+.make-welcome .welcome p:first-child {
     font-weight: normal;
     font-size: 18px;
     font-family: "Open Sans", serif;
 }
-.make-welcome h4, .make-welcome p {
-    margin-bottom: 14px;
-}
-.make-welcome .welcome p:first-child {
-    font-size: 22px;
-    margin: 12px 0 23px;
-    font-family: "Open Sans", serif;
-}
 .make-welcome .column {
     vertical-align: top;
     display: inline-block;
-    width: 30%;
-    min-width: 290px;
-    padding: 1.5%;
+    padding: 0 1.5%;
 }
 .make-welcome .welcome {
@@ -444 +444 @@
 }
 
+@media screen and (min-width: 960px) {
+    .make-welcome {
+        padding-bottom: 0;
+    }
+    .make-welcome p {
+        display: block;
+    }
+    .make-welcome .column {
+        width: 30%;
+        padding: 1.5%;
+    }
+    .make-welcome .welcome p:first-child {
+        font-size: 22px;
+        margin: 12px 0 23px;
+    }
+    .make-welcome h4, .make-welcome p {
+        margin-bottom: 14px;
+    }
+}
 
 /* Styles for docs issue tracker */
@@ -530 +549 @@
     color:white;
 }
+
+/* General responsive overrides */
+#wrapper {
+    width: auto;
+    max-width: 742px; /* 978 - 236 */
+    padding-right: 236px;
+}
+#post-types {
+    width: auto;
+}
+#postbox div.avatar {
+    clear: left;
+}
+#postbox input#posttitle,
+#postbox input#postcitation,
+#postbox textarea#posttext, textarea.posttext {
+    display: block;
+}
+#sidebar {
+}
+.sleeve_main {
+    float: left;
+    margin-right: 0;
+    width: 100%;
+}
+#sidebar {
+    margin-right: -236px;
+}
+
+@media screen and (max-width: 700px) {
+    #wrapper {
+        padding-right: 0;
+    }
+    #sidebar {
+        clear: both;
+        margin: 0;
+        position: static;
+        width: 100%;
+        float: none;
+    }
+}
+