Changeset 1259

Timestamp:

02/16/2015 09:26:48 PM (10 years ago)

Author:

johnjamesjacoby

Message:

BuddyPress.org: 100% widths for wrapper elements to help with responsive'ish layout. Props _DorsVenabili. See #691.

Location:

sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base

Files:

• functions.php (modified) (1 diff)
• style.css (modified) (8 diffs)

sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/functions.php

@@ -34 +34 @@
 
     // Version of CSS
-    $version = '20140613a';
+    $version = '20150216a';
 
     // Base theme styling

sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/style.css

@@ -64 +64 @@
 }
 
+@media only screen 
+    and ( min-device-width : 240px ) 
+    and ( max-device-width : 860px ) {
+    #header-inner {
+        height: 140px;
+        margin: 0 auto;
+        padding: 0;
+        width: 100%;
+    }
+}
+
+body.bbpress #main,
+body.buddypress #main {
+    width: 100%;
+}
 body.page-template-page-homepage-php #header {
     position: relative;
@@ -71 +86 @@
 #header-inner {
     margin: 0 auto;
-    width: 960px;
+    width: 100%;
     height: 80px;
     padding: 0;
@@ -91 +106 @@
 #headline-inner {
     margin: 0 auto;
-    width: 960px;
+    width: 100%;
     height: 400px;
     padding: 0 10px;
@@ -136 +151 @@
 #showcase-inner {
     margin: 0 auto;
-    width: 960px;
+    width: 100%;
     padding: 20px 0 0;
 }
@@ -152 +167 @@
 #main {
     margin: 0 auto;
-    width: 960px;
+    width: 100%;
     padding: 24px 0;
     position: relative;
 }
 #footer {
-    width: 960px;
+    width: 100%;
     padding: 24px 0;
     font-size: 12px;
@@ -234 +249 @@
 /* Screenshots */
 div.screenshot {
-    width: 960px;
+    width: 100%;
     background-position: 0 0;
     background-repeat: no-repeat;
@@ -386 +401 @@
 }
 #subnav-inner {
-    width: 960px;
+    width: 100%;
     margin: 0 auto;
     padding: 5px 0;
@@ -750 +765 @@
     margin-left: auto;
     margin-right: auto;
+}
+.attachment {
+    display: block;
 }
 .alignright {