From cb9bf04530670f2b9b29164376d3570dd2c1688f Mon Sep 17 00:00:00 2001 From: Lance Willett Date: Fri, 3 May 2013 20:47:28 +0000 Subject: [PATCH] Twenty Thirteen: improve Quote post format styles to look more like quotes. Fixes #24176. git-svn-id: http://core.svn.wordpress.org/trunk@24172 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-content/themes/twentythirteen/css/ie.css | 4 +++ .../themes/twentythirteen/js/functions.js | 7 +++++ wp-content/themes/twentythirteen/rtl.css | 13 ++++++++ wp-content/themes/twentythirteen/style.css | 30 +++++++++++++++---- 4 files changed, 48 insertions(+), 6 deletions(-) diff --git a/wp-content/themes/twentythirteen/css/ie.css b/wp-content/themes/twentythirteen/css/ie.css index 7c5897f265..7228f3dbc9 100644 --- a/wp-content/themes/twentythirteen/css/ie.css +++ b/wp-content/themes/twentythirteen/css/ie.css @@ -279,3 +279,7 @@ img.alignleft { max-width: none; left: auto; } + +.ie7 .format-quote .quote { + padding: 0; +} \ No newline at end of file diff --git a/wp-content/themes/twentythirteen/js/functions.js b/wp-content/themes/twentythirteen/js/functions.js index 87b42b2bd5..19fdb17738 100644 --- a/wp-content/themes/twentythirteen/js/functions.js +++ b/wp-content/themes/twentythirteen/js/functions.js @@ -8,6 +8,7 @@ var html = $( 'html' ), body = $( 'body' ), _window = $( window ), + captions = $( '.quote-caption' ), adjustFooter, /** @@ -70,6 +71,12 @@ } } ); + /** Better styles for Quote post formats with a linked source. + * + */ + if ( captions ) + captions.has( 'a' ).addClass( 'linked' ); + /** * Arranges footer widgets vertically. */ diff --git a/wp-content/themes/twentythirteen/rtl.css b/wp-content/themes/twentythirteen/rtl.css index d14bf33a2d..9d7f67a4c9 100644 --- a/wp-content/themes/twentythirteen/rtl.css +++ b/wp-content/themes/twentythirteen/rtl.css @@ -435,6 +435,19 @@ div.nav-menu > ul { content: "\f105"; } +.format-quote .quote { + padding-left: 0; + padding-right: 75px; +} + +.format-quote .quote:before { + content: '\201D'; + padding-right: 0; + padding-left: 25px; + left: auto; + right: -15px; +} + /** * 5.6 Attachments diff --git a/wp-content/themes/twentythirteen/style.css b/wp-content/themes/twentythirteen/style.css index 9ea04747ee..fb9eb493e0 100644 --- a/wp-content/themes/twentythirteen/style.css +++ b/wp-content/themes/twentythirteen/style.css @@ -1659,25 +1659,28 @@ footer.entry-meta { } .format-quote .entry-content { - color: #f7f5e7; + position: relative; font-size: 28px; font-style: italic; font-weight: 300; margin: 0 auto; } +.format-quote .entry-content, +.format-quote .entry-meta { + color: #f7f5e7; +} + .format-quote .entry-content blockquote { margin: 0; } -.format-quote .entry-content p { - line-height: 1.3; -} - .format-quote .entry-content a, -.format-quote .entry-meta a { +.format-quote .entry-meta a, +.format-quote .linked { color: #e63f2a; } + .format-quote .entry-content cite a { border-bottom: 1px dotted #fff; color: #fff; @@ -1694,6 +1697,21 @@ footer.entry-meta { font-size: 16px; } +.format-quote .quote { + padding-left: 75px; +} + +.format-quote .quote:before { + content: '\201C'; + font-size: 140px; + font-weight: 400; + line-height: .8; + padding-right: 25px; + position: absolute; + top: -3px; + left: -15px; +} + .format-quote .entry-meta .author { display: none; }