From 23165127fc8715e8f3cb756a953f22e395710a5c 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: https://develop.svn.wordpress.org/trunk@21933 602fd350-edb4-49c9-b593-d223f7449a82 --- .../themes/twentytwelve/content-status.php | 15 ++++++------- wp-content/themes/twentytwelve/rtl.css | 2 +- wp-content/themes/twentytwelve/style.css | 21 +++++++++++-------- 3 files changed, 21 insertions(+), 17 deletions(-) diff --git a/wp-content/themes/twentytwelve/content-status.php b/wp-content/themes/twentytwelve/content-status.php index 2ba366c982..110c6c17a2 100644 --- a/wp-content/themes/twentytwelve/content-status.php +++ b/wp-content/themes/twentytwelve/content-status.php @@ -9,14 +9,15 @@ ?>
> +
+
+

+

+
+ +
+
-
-
-

-

-
- -
→', 'twentytwelve' ) ); ?>
diff --git a/wp-content/themes/twentytwelve/rtl.css b/wp-content/themes/twentytwelve/rtl.css index a659c7e69f..3e9a7df1ba 100644 --- a/wp-content/themes/twentytwelve/rtl.css +++ b/wp-content/themes/twentytwelve/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/wp-content/themes/twentytwelve/style.css b/wp-content/themes/twentytwelve/style.css index 4718f1e593..4c7a4c997d 100644 --- a/wp-content/themes/twentytwelve/style.css +++ b/wp-content/themes/twentytwelve/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;