From 7ecd155173e44241028bd696b7f0a6b445e85de3 Mon Sep 17 00:00:00 2001 From: Lance Willett Date: Thu, 20 Sep 2012 19:42:19 +0000 Subject: [PATCH] Twenty Twelve: update status post format styles and markup, props drewstrojny. See #21743. git-svn-id: http://core.svn.wordpress.org/trunk@21932 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- content-status.php | 9 +++++++-- rtl.css | 15 +++++---------- style.css | 37 ++++++++++++++++++++++++++++++------- 3 files changed, 42 insertions(+), 19 deletions(-) diff --git a/content-status.php b/content-status.php index be6b8341f..2ba366c98 100644 --- a/content-status.php +++ b/content-status.php @@ -10,12 +10,17 @@
>
-
+
+
+

+

+
+ +
→', 'twentytwelve' ) ); ?>
- ', '' ); ?>
diff --git a/rtl.css b/rtl.css index 540682a96..a659c7e69 100644 --- a/rtl.css +++ b/rtl.css @@ -93,16 +93,11 @@ article.format-link .entry-content { } /* Status posts */ -.format-status .entry-content p { - margin-left: 48px; - margin-left: 3.428571429rem; - margin-right: auto; -} -.format-status div.avatar { - float: left; - margin-left: auto; - margin-right: 14px; - margin-right: 1rem; +.format-status div.avatar img { + float: right; + margin-left: 21px; + margin-left: 1.5rem; + margin-right: 0; } diff --git a/style.css b/style.css index ea47c4ca9..4718f1e59 100644 --- a/style.css +++ b/style.css @@ -1027,14 +1027,37 @@ article.format-quote .entry-content blockquote { } /* Status posts */ -.format-status .entry-content p { - margin-right: 48px; - margin-right: 3.428571429rem; -} .format-status div.avatar { - float: right; - margin-left: 14px; - margin-left: 1rem; + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} +.format-status div.avatar header { + display: inline-block; +} +.format-status div.avatar h1 { + font-size: 15px; + font-size: 1.071428571rem; + font-weight: normal; + line-height: 1.6; + margin: 0; +} +.format-status div.avatar h2 { + font-size: 12px; + font-size: 0.857142857rem; + font-weight: normal; + line-height: 2; + margin: 0; +} +.format-status div.avatar a { + color: #777; +} +.format-status div.avatar a:hover { + color: #21759b; +} +.format-status div.avatar img { + float: left; + margin-right: 21px; + margin-right: 1.5rem; }