Changeset 23964

Timestamp:

04/11/2013 04:03:08 PM (11 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;
     }