Changeset 1259

Timestamp:

02/16/2015 09:26:48 PM (11 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 {