From f78ba39a1c61cc69b5ecd725ffaa0252cc6d8431 Mon Sep 17 00:00:00 2001 From: nomind60s Date: Thu, 23 Feb 2017 08:44:56 -0700 Subject: [PATCH] [ticket/15086] Replace quote.gif with Font Awesome icon Use the Font Awesome icon for a quote rather than the quote.gif file. I believe I've handled the RTL case as well. PHPBB3-15086 --- phpBB/styles/prosilver/theme/bidi.css | 10 +++++++++- phpBB/styles/prosilver/theme/colours.css | 5 ----- phpBB/styles/prosilver/theme/content.css | 9 ++++++++- 3 files changed, 17 insertions(+), 7 deletions(-) diff --git a/phpBB/styles/prosilver/theme/bidi.css b/phpBB/styles/prosilver/theme/bidi.css index f23af1b5fc..66a6451e27 100644 --- a/phpBB/styles/prosilver/theme/bidi.css +++ b/phpBB/styles/prosilver/theme/bidi.css @@ -502,10 +502,18 @@ li.breadcrumbs span:first-child > a { .rtl blockquote cite { /* Username/source of quoter */ - margin-right: 20px; + margin-right: 0px; margin-left: 0; } +blockquote cite:before { + /* Font Awesome quote-right */ + content: '\f10e'; + font-family: FontAwesome; + padding-right: 0px; + padding-left: 5px; +} + .rtl blockquote .codebox { margin-right: 0; } diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index cf21ac216b..0301404881 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -409,14 +409,9 @@ dl.faq dt { /* Quote block */ blockquote { background-color: #EBEADD; - background-image: url("./images/quote.gif"); border-color:#DBDBCE; } -.rtl blockquote { - background-image: url("./images/quote_rtl.gif"); -} - blockquote blockquote { /* Nested quotes */ background-color:#EFEED9; diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index 95168d1d97..15f44ee476 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -466,11 +466,18 @@ blockquote cite { /* Username/source of quoter */ font-style: normal; font-weight: bold; - margin-left: 20px; + margin-left: 0px; display: block; font-size: 0.9em; } +blockquote cite:before { + /* Font Awesome quote-left */ + content: '\f10d'; + font-family: FontAwesome; + padding-right: 5px; +} + blockquote cite cite { font-size: 1em; }