Changeset 23964 for trunk/wp-content/themes/twentythirteen/style.css

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.

File:

• trunk/wp-content/themes/twentythirteen/style.css (modified) (7 diffs)

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;
     }