Changeset 23964

Timestamp:

04/11/2013 04:03:08 PM (13 years ago)

Author:

lancewillett

Message:

Twenty Thirteen: better handling of media in main content area, accounting for a sidebar and all viewport width possibilities. Props sabreuse and obenland, see #23955.

Location:

trunk/wp-content/themes/twentythirteen

Files:

• rtl.css (modified) (5 diffs)
• style.css (modified) (7 diffs)

trunk/wp-content/themes/twentythirteen/rtl.css

@@ -178 +178 @@
  */
 
+.sidebar .entry-media {
+        padding-left: 316px;
+        padding-right: 0;
+}
+
 .sidebar .entry-header,
 .sidebar .entry-content,
@@ -350 +355 @@
 }
 
+.format-audio .entry-media,
+.sidebar .format-audio .entry-media {
+        padding-left: 374px;
+        padding-right: 60px;
+}
+
 .format-audio .audio-content {
         background-position: right top;
@@ -732 +743 @@
 
 @media (max-width: 1069px) {
+        .sidebar .entry-media,
+        .format-audio .entry-media,
+        .sidebar .format-audio .entry-media {
+                padding-left: 376px;
+                padding-right: 60px;
+        }
+        
         ul.nav-menu,
         div.nav-menu > ul {
@@ -773 +791 @@
         }
 
+        .sidebar .entry-media,
+        .format-audio .entry-media,
+        .sidebar .format-audio .entry-media {
+                padding-left: 0;
+                padding-right: 0;
+        }
+
         .site-main .widget-area {
                 float: none;
@@ -878 +903 @@
 
         .format-audio .audio-content {
+                background: none;
+                float: none;
                 padding-left: auto;
                 padding-right: 0;

trunk/wp-content/themes/twentythirteen/style.css

@@ -1487 +1487 @@
 }
 
-.format-audio .entry-media {
-        max-width: 604px;
+.format-audio .entry-media,
+.sidebar .format-audio .entry-media {
+        padding: 0 374px 0 60px;
 }
 
@@ -2750 +2751 @@
 
 @media (max-width: 1069px) {
+        .sidebar .entry-media {
+                padding: 0 376px 0 60px;
+        }
+
         .sidebar img.alignleft,
         .sidebar .wp-caption.alignleft {
@@ -2823 +2828 @@
         .sidebar .post-navigation .nav-links,
         .author.sidebar .author-info,
+        .format-audio .entry-media,
+        .sidebar .format-audio .entry-media,
         .sidebar .format-image .entry-content {
                 max-width: 604px;
@@ -2841 +2848 @@
         }
 
+        .sidebar .entry-media {
+                max-width: 724px;
+        }
+
+        .sidebar .entry-media,
         .sidebar .archive-meta,
         .attachment .entry-header,
@@ -2928 +2940 @@
         }
 
+        .entry-media,
+        .sidebar .entry-media {
+                max-width: 604px;
+        }
+
         .attachment .image-navigation,
         .attachment .entry-attachment .attachment {
@@ -2945 +2962 @@
         }
 
+        #content .entry-media,
         #content .entry-header,
         #content .entry-content,
@@ -3111 +3129 @@
         }
 
-        .format-audio .entry-content:before {
+        .format-audio .entry-media:before {
                 display: none;
         }