From 2d14714b1526b1d3f4c34a96484744b30015e674 Mon Sep 17 00:00:00 2001 From: Lance Willett Date: Thu, 20 Sep 2012 21:51:48 +0000 Subject: [PATCH] Twenty Twelve: rework markup and styles for status post format after discussion with drewstrojny and testing for float clearing. Closes #21743. git-svn-id: http://core.svn.wordpress.org/trunk@21933 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- content-status.php | 15 ++++++++------- rtl.css | 2 +- style.css | 21 ++++++++++++--------- 3 files changed, 21 insertions(+), 17 deletions(-) diff --git a/content-status.php b/content-status.php index 2ba366c98..110c6c17a 100644 --- a/content-status.php +++ b/content-status.php @@ -9,14 +9,15 @@ ?>
> +
+
+

+

+
+ +
+
-
-
-

-

-
- -
→', 'twentytwelve' ) ); ?>
diff --git a/rtl.css b/rtl.css index a659c7e69..3e9a7df1b 100644 --- a/rtl.css +++ b/rtl.css @@ -93,7 +93,7 @@ article.format-link .entry-content { } /* Status posts */ -.format-status div.avatar img { +.format-status .entry-header img { float: right; margin-left: 21px; margin-left: 1.5rem; diff --git a/style.css b/style.css index 4718f1e59..4c7a4c997 100644 --- a/style.css +++ b/style.css @@ -158,13 +158,16 @@ img { /* Clearing floats */ .clear:after, -.wrapper:after { +.wrapper:after, +.format-status .entry-header:after { clear: both; } .clear:before, .clear:after, .wrapper:before, -.wrapper:after { +.wrapper:after, +.format-status .entry-header:before, +.format-status .entry-header:after { display: table; content: ""; } @@ -1027,34 +1030,34 @@ article.format-quote .entry-content blockquote { } /* Status posts */ -.format-status div.avatar { +.format-status .entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } -.format-status div.avatar header { +.format-status .entry-header header { display: inline-block; } -.format-status div.avatar h1 { +.format-status .entry-header h1 { font-size: 15px; font-size: 1.071428571rem; font-weight: normal; line-height: 1.6; margin: 0; } -.format-status div.avatar h2 { +.format-status .entry-header h2 { font-size: 12px; font-size: 0.857142857rem; font-weight: normal; line-height: 2; margin: 0; } -.format-status div.avatar a { +.format-status .entry-header header a { color: #777; } -.format-status div.avatar a:hover { +.format-status .entry-header header a:hover { color: #21759b; } -.format-status div.avatar img { +.format-status .entry-header img { float: left; margin-right: 21px; margin-right: 1.5rem;