[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
This commit is contained in:
nomind60s 2017-02-23 08:44:56 -07:00
parent 9b4d455726
commit f78ba39a1c
3 changed files with 17 additions and 7 deletions

View file

@ -502,10 +502,18 @@ li.breadcrumbs span:first-child > a {
.rtl blockquote cite { .rtl blockquote cite {
/* Username/source of quoter */ /* Username/source of quoter */
margin-right: 20px; margin-right: 0px;
margin-left: 0; margin-left: 0;
} }
blockquote cite:before {
/* Font Awesome quote-right */
content: '\f10e';
font-family: FontAwesome;
padding-right: 0px;
padding-left: 5px;
}
.rtl blockquote .codebox { .rtl blockquote .codebox {
margin-right: 0; margin-right: 0;
} }

View file

@ -409,14 +409,9 @@ dl.faq dt {
/* Quote block */ /* Quote block */
blockquote { blockquote {
background-color: #EBEADD; background-color: #EBEADD;
background-image: url("./images/quote.gif");
border-color:#DBDBCE; border-color:#DBDBCE;
} }
.rtl blockquote {
background-image: url("./images/quote_rtl.gif");
}
blockquote blockquote { blockquote blockquote {
/* Nested quotes */ /* Nested quotes */
background-color:#EFEED9; background-color:#EFEED9;

View file

@ -466,11 +466,18 @@ blockquote cite {
/* Username/source of quoter */ /* Username/source of quoter */
font-style: normal; font-style: normal;
font-weight: bold; font-weight: bold;
margin-left: 20px; margin-left: 0px;
display: block; display: block;
font-size: 0.9em; font-size: 0.9em;
} }
blockquote cite:before {
/* Font Awesome quote-left */
content: '\f10d';
font-family: FontAwesome;
padding-right: 5px;
}
blockquote cite cite { blockquote cite cite {
font-size: 1em; font-size: 1em;
} }