1
0
mirror of https://github.com/phpbb/phpbb.git synced 2025-05-06 15:45:34 +02:00

[ticket/12155] Move icon class directly to <a> and use <span> consistently.

PHPBB3-12155
This commit is contained in:
Cesar G 2014-05-25 04:30:46 -07:00
parent 523c374e16
commit 70f9d4a54a
10 changed files with 106 additions and 101 deletions

View File

@ -57,7 +57,11 @@
</a> </a>
</li> </li>
<!-- IF U_EDIT --> <!-- IF U_EDIT -->
<li class="edit-icon"><a href="{U_EDIT}" title="{L_EDIT_POST}" class="button icon-button"><span>{L_EDIT_POST}</span></a></li> <li>
<a href="{U_EDIT}" title="{L_EDIT_POST}" class="button icon-button edit-icon">
<span>{L_EDIT_POST}</span>
</a>
</li>
<!-- ENDIF --> <!-- ENDIF -->
</ul> </ul>

View File

@ -97,8 +97,8 @@
<div class="postbody" id="pr{postrow.POST_ID}"> <div class="postbody" id="pr{postrow.POST_ID}">
<ul class="post-buttons"> <ul class="post-buttons">
<li class="info-icon"> <li>
<a href="{postrow.U_POST_DETAILS}" title="{L_POST_DETAILS}" class="button icon-button"> <a href="{postrow.U_POST_DETAILS}" title="{L_POST_DETAILS}" class="button icon-button info-icon">
<span>{L_POST_DETAILS}</span> <span>{L_POST_DETAILS}</span>
</a> </a>
</li> </li>

View File

@ -27,15 +27,15 @@
<!-- IF (topic_review_row.POSTER_QUOTE and topic_review_row.DECODED_MESSAGE) or topic_review_row.U_MCP_DETAILS --> <!-- IF (topic_review_row.POSTER_QUOTE and topic_review_row.DECODED_MESSAGE) or topic_review_row.U_MCP_DETAILS -->
<ul class="post-buttons"> <ul class="post-buttons">
<!-- IF topic_review_row.U_MCP_DETAILS --> <!-- IF topic_review_row.U_MCP_DETAILS -->
<li class="info-icon"> <li>
<a href="{topic_review_row.U_MCP_DETAILS}" title="{L_POST_DETAILS}" class="button icon-button"> <a href="{topic_review_row.U_MCP_DETAILS}" title="{L_POST_DETAILS}" class="button icon-button info-icon">
<span>{L_POST_DETAILS}</span> <span>{L_POST_DETAILS}</span>
</a> </a>
<li> <li>
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF topic_review_row.POSTER_QUOTE and topic_review_row.DECODED_MESSAGE --> <!-- IF topic_review_row.POSTER_QUOTE and topic_review_row.DECODED_MESSAGE -->
<li class="quote-icon"> <li>
<a href="#postingbox" onclick="addquote({topic_review_row.POST_ID}, '{topic_review_row.POSTER_QUOTE}', '{LA_WROTE}');" title="{L_QUOTE} {topic_review_row.POST_AUTHOR}" class="button icon-button"> <a href="#postingbox" onclick="addquote({topic_review_row.POST_ID}, '{topic_review_row.POSTER_QUOTE}', '{LA_WROTE}');" title="{L_QUOTE} {topic_review_row.POST_AUTHOR}" class="button icon-button quote-icon">
<span>{L_QUOTE} {topic_review_row.POST_AUTHOR}</span> <span>{L_QUOTE} {topic_review_row.POST_AUTHOR}</span>
</a> </a>
</li> </li>

View File

@ -19,8 +19,8 @@
<!-- IF history_row.U_QUOTE or history_row.MESSAGE_AUTHOR_QUOTE --> <!-- IF history_row.U_QUOTE or history_row.MESSAGE_AUTHOR_QUOTE -->
<ul class="post-buttons"> <ul class="post-buttons">
<li class="quote-icon"> <li>
<a <!-- IF history_row.U_QUOTE -->href="{history_row.U_QUOTE}"<!-- ELSE -->href="#postingbox" onclick="addquote({history_row.MSG_ID}, '{history_row.MESSAGE_AUTHOR_QUOTE}', '{LA_WROTE}');"<!-- ENDIF --> title="{L_QUOTE} {history_row.MESSAGE_AUTHOR}" class="button icon-button"> <a <!-- IF history_row.U_QUOTE -->href="{history_row.U_QUOTE}"<!-- ELSE -->href="#postingbox" onclick="addquote({history_row.MSG_ID}, '{history_row.MESSAGE_AUTHOR_QUOTE}', '{LA_WROTE}');"<!-- ENDIF --> title="{L_QUOTE} {history_row.MESSAGE_AUTHOR}" class="button icon-button quote-icon">
<span>{L_QUOTE} {history_row.MESSAGE_AUTHOR}</span> <span>{L_QUOTE} {history_row.MESSAGE_AUTHOR}</span>
</a> </a>
</li> </li>

View File

@ -9,31 +9,23 @@
<!-- IF U_POST_REPLY_PM or U_POST_NEW_TOPIC or U_FORWARD_PM --> <!-- IF U_POST_REPLY_PM or U_POST_NEW_TOPIC or U_FORWARD_PM -->
<div class="buttons"> <div class="buttons">
<!-- IF U_POST_REPLY_PM --> <!-- IF U_POST_REPLY_PM -->
<div class="pmreply-icon"> <a title="{L_POST_REPLY_PM}" href="{U_POST_REPLY_PM}" class="button icon-button pmreply-icon">
<a title="{L_POST_REPLY_PM}" href="{U_POST_REPLY_PM}" class="button icon-button"> <span>{L_BUTTON_PM_REPLY}</span>
<span></span>{L_BUTTON_PM_REPLY} </a>
</a>
</div>
<!-- ELSEIF U_POST_NEW_TOPIC --> <!-- ELSEIF U_POST_NEW_TOPIC -->
<div class="newpm-icon"> <a href="{U_POST_NEW_TOPIC}" accesskey="n" title="{L_UCP_PM_COMPOSE}" class="button icon-button newpm-icon">
<a href="{U_POST_NEW_TOPIC}" accesskey="n" title="{L_UCP_PM_COMPOSE}" class="button icon-button"> <span>{L_BUTTON_PM_NEW}</span>
<span></span>{L_BUTTON_PM_NEW} </a>
</a>
</div>
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF U_FORWARD_PM --> <!-- IF U_FORWARD_PM -->
<div class="forwardpm-icon"> <a title="{L_POST_FORWARD_PM}" href="{U_FORWARD_PM}" class="button icon-button forwardpm-icon">
<a title="{L_POST_FORWARD_PM}" href="{U_FORWARD_PM}" class="button icon-button"> <span>{L_BUTTON_PM_FORWARD}</span>
<span></span>{L_BUTTON_PM_FORWARD} </a>
</a>
</div>
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF U_POST_REPLY_PM and S_PM_RECIPIENTS gt 1 --> <!-- IF U_POST_REPLY_PM and S_PM_RECIPIENTS gt 1 -->
<div class="reply-all"> <a title="{L_REPLY_TO_ALL}" href="{U_POST_REPLY_ALL}" class="button icon-button reply-all">
<a title="{L_REPLY_TO_ALL}" href="{U_POST_REPLY_ALL}" class="button icon-button"> <span>{L_BUTTON_PM_REPLY_ALL}</span>
<span></span>{L_BUTTON_PM_REPLY_ALL} </a>
</a>
</div>
<!-- ENDIF --> <!-- ENDIF -->
</div> </div>
<!-- ENDIF --> <!-- ENDIF -->

View File

@ -68,16 +68,24 @@
<!-- IF U_DELETE or U_EDIT or U_QUOTE or U_REPORT --> <!-- IF U_DELETE or U_EDIT or U_QUOTE or U_REPORT -->
<ul class="post-buttons"> <ul class="post-buttons">
<!-- IF U_EDIT --> <!-- IF U_EDIT -->
<li class="edit-icon"><a href="{U_EDIT}" title="{L_POST_EDIT_PM}" class="button icon-button"><span>{L_POST_EDIT_PM}</span></a></li> <li>
<a href="{U_EDIT}" title="{L_POST_EDIT_PM}" class="button icon-button edit-icon"><span>{L_POST_EDIT_PM}</span></a>
</li>
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF U_DELETE --> <!-- IF U_DELETE -->
<li class="delete-icon"><a href="{U_DELETE}" title="{L_DELETE_MESSAGE}" class="button icon-button"><span>{L_DELETE_MESSAGE}</span></a></li> <li>
<a href="{U_DELETE}" title="{L_DELETE_MESSAGE}" class="button icon-button delete-icon"><span>{L_DELETE_MESSAGE}</span></a>
</li>
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF U_REPORT --> <!-- IF U_REPORT -->
<li class="report-icon"><a href="{U_REPORT}" title="{L_REPORT_PM}" class="button icon-button"><span>{L_REPORT_PM}</span></a></li> <li>
<a href="{U_REPORT}" title="{L_REPORT_PM}" class="button icon-button report-icon"><span>{L_REPORT_PM}</span></a>
</li>
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF U_QUOTE --> <!-- IF U_QUOTE -->
<li class="quote-icon"><a href="{U_QUOTE}" title="{L_POST_QUOTE_PM}" class="button icon-button"><span>{L_POST_QUOTE_PM}</span></a></li> <li>
<a href="{U_QUOTE}" title="{L_POST_QUOTE_PM}" class="button icon-button quote-icon"><span>{L_POST_QUOTE_PM}</span></a>
</li>
<!-- ENDIF --> <!-- ENDIF -->
</ul> </ul>
<!-- ENDIF --> <!-- ENDIF -->

View File

@ -39,11 +39,9 @@
<!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO --> <!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
<div class="buttons"> <div class="buttons">
<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->post-icon<!-- ENDIF -->" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->"> <a href="{U_POST_NEW_TOPIC}" class="button icon-button <!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->post-icon<!-- ENDIF -->" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->">
<a href="{U_POST_NEW_TOPIC}" class="button icon-button"> <span><!-- IF S_IS_LOCKED -->{L_BUTTON_FORUM_LOCKED}<!-- ELSE -->{L_BUTTON_NEW_TOPIC}<!-- ENDIF --></span>
<span></span><!-- IF S_IS_LOCKED -->{L_BUTTON_FORUM_LOCKED}<!-- ELSE -->{L_BUTTON_NEW_TOPIC}<!-- ENDIF --> </a>
</a>
</div>
</div> </div>
<!-- ENDIF --> <!-- ENDIF -->
@ -226,13 +224,11 @@
<!-- IF .topicrow and not S_DISPLAY_ACTIVE --> <!-- IF .topicrow and not S_DISPLAY_ACTIVE -->
<div class="topic-actions"> <div class="topic-actions">
<!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO --> <!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
<div class="buttons"> <div class="buttons">
<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->post-icon<!-- ENDIF -->" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->"> <a href="{U_POST_NEW_TOPIC}" class="button icon-button <!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->post-icon<!-- ENDIF -->" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->">
<a href="{U_POST_NEW_TOPIC}" class="button icon-button"> <span><!-- IF S_IS_LOCKED -->{L_BUTTON_FORUM_LOCKED}<!-- ELSE -->{L_BUTTON_NEW_TOPIC}<!-- ENDIF --></span>
<span></span><!-- IF S_IS_LOCKED -->{L_BUTTON_FORUM_LOCKED}<!-- ELSE -->{L_BUTTON_NEW_TOPIC}<!-- ENDIF -->
</a> </a>
</div> </div>
</div>
<!-- ENDIF --> <!-- ENDIF -->
<div class="pagination"> <div class="pagination">

View File

@ -29,11 +29,9 @@
<div class="buttons"> <div class="buttons">
<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO --> <!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"> <a href="{U_POST_REPLY_TOPIC}" class="button icon-button <!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->">
<a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->" class="icon-button button"> <span><!-- IF S_IS_LOCKED -->{L_BUTTON_TOPIC_LOCKED}<!-- ELSE -->{L_BUTTON_POST_REPLY}<!-- ENDIF --></span>
<span></span><!-- IF S_IS_LOCKED -->{L_BUTTON_TOPIC_LOCKED}<!-- ELSE -->{L_BUTTON_POST_REPLY}<!-- ENDIF --> </a>
</a>
</div>
<!-- ENDIF --> <!-- ENDIF -->
</div> </div>
@ -204,33 +202,33 @@
<ul class="post-buttons"> <ul class="post-buttons">
<!-- EVENT viewtopic_body_post_buttons_before --> <!-- EVENT viewtopic_body_post_buttons_before -->
<!-- IF postrow.U_EDIT --> <!-- IF postrow.U_EDIT -->
<li class="edit-icon"> <li>
<a href="{postrow.U_EDIT}" title="{L_EDIT_POST}" class="button icon-button"><span>{L_BUTTON_EDIT}</span></a> <a href="{postrow.U_EDIT}" title="{L_EDIT_POST}" class="button icon-button edit-icon"><span>{L_BUTTON_EDIT}</span></a>
</li> </li>
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF postrow.U_DELETE --> <!-- IF postrow.U_DELETE -->
<li class="delete-icon"> <li>
<a href="{postrow.U_DELETE}" title="{L_DELETE_POST}" class="button icon-button"><span>{L_DELETE_POST}</span></a> <a href="{postrow.U_DELETE}" title="{L_DELETE_POST}" class="button icon-button delete-icon"><span>{L_DELETE_POST}</span></a>
</li> </li>
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF postrow.U_REPORT --> <!-- IF postrow.U_REPORT -->
<li class="report-icon"> <li>
<a href="{postrow.U_REPORT}" title="{L_REPORT_POST}" class="button icon-button"><span>{L_REPORT_POST}</span></a> <a href="{postrow.U_REPORT}" title="{L_REPORT_POST}" class="button icon-button report-icon"><span>{L_REPORT_POST}</span></a>
</li> </li>
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF postrow.U_WARN --> <!-- IF postrow.U_WARN -->
<li class="warn-icon"> <li>
<a href="{postrow.U_WARN}" title="{L_WARN_USER}" class="button icon-button"><span>{L_WARN_USER}</span></a> <a href="{postrow.U_WARN}" title="{L_WARN_USER}" class="button icon-button warn-icon"><span>{L_WARN_USER}</span></a>
</li> </li>
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF postrow.U_INFO --> <!-- IF postrow.U_INFO -->
<li class="info-icon"> <li>
<a href="{postrow.U_INFO}" title="{L_INFORMATION}" class="button icon-button"><span>{L_INFORMATION}</span></a> <a href="{postrow.U_INFO}" title="{L_INFORMATION}" class="button icon-button info-icon"><span>{L_INFORMATION}</span></a>
</li> </li>
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF postrow.U_QUOTE --> <!-- IF postrow.U_QUOTE -->
<li class="quote-icon"> <li>
<a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}" class="button icon-button"><span>{L_QUOTE}</span></a> <a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}" class="button icon-button quote-icon"><span>{L_QUOTE}</span></a>
</li> </li>
<!-- ENDIF --> <!-- ENDIF -->
<!-- EVENT viewtopic_body_post_buttons_after --> <!-- EVENT viewtopic_body_post_buttons_after -->
@ -344,11 +342,9 @@
<div class="topic-actions"> <div class="topic-actions">
<div class="buttons"> <div class="buttons">
<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO --> <!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"> <a href="{U_POST_REPLY_TOPIC}" class="button icon-button <!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->">
<a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->" class="button icon-button"> <span><!-- IF S_IS_LOCKED -->{L_BUTTON_TOPIC_LOCKED}<!-- ELSE -->{L_BUTTON_POST_REPLY}<!-- ENDIF --></span>
<span></span><!-- IF S_IS_LOCKED -->{L_BUTTON_TOPIC_LOCKED}<!-- ELSE -->{L_BUTTON_POST_REPLY}<!-- ENDIF --> </a>
</a>
</div>
<!-- ENDIF --> <!-- ENDIF -->
</div> </div>

View File

@ -23,7 +23,7 @@
} }
.icon-button, .dropdown-select { .icon-button, .dropdown-select {
padding-right: 22px; padding-right: 20px;
} }
.icon-button.dropdown-select { .icon-button.dropdown-select {
@ -31,11 +31,17 @@
} }
.icon-button span { .icon-button span {
display: inline-block;
float: right;
}
.icon-button span:after {
background: transparent 0 0 no-repeat; background: transparent 0 0 no-repeat;
display: block; content: '';
display: inline-block;
float: right; float: right;
height: 12px; height: 12px;
margin: 3px -16px 0 0; margin: 3px -14px 0 0;
width: 12px; width: 12px;
} }
@ -54,7 +60,7 @@
background-position: -103px -10px; background-position: -103px -10px;
} }
.buttons, .buttons div { .buttons, .buttons .button {
float: left; float: left;
} }
@ -63,29 +69,29 @@
} }
/* Big button images */ /* Big button images */
.reply-icon a span, .pmreply-icon a span { background-position: -20px 0; } .reply-icon span:after, .pmreply-icon span:after { background-position: -20px 0; }
.reply-icon a:hover span, .pmreply-icon a:hover span { background-position: -20px -20px; } .reply-icon:hover span:after, .pmreply-icon:hover span:after { background-position: -20px -20px; }
.post-icon a span, .newpm-icon a span, .reply-all a span { background-position: 0 0; } .post-icon span:after, .newpm-icon span:after, .reply-all span:after { background-position: 0 0; }
.post-icon a:hover span, .post-icon:hover span:after,
.newpm-icon a:hover span, .newpm-icon:hover span:after,
.reply-all a:hover span { background-position: 0 -20px; } .reply-all:hover span:after { background-position: 0 -20px; }
.locked-icon a span { background-position: -60px 0; } .locked-icon span:after { background-position: -60px 0; }
.locked-icon a:hover span { background-position: -60px -20px; } .locked-icon:hover span:after { background-position: -60px -20px; }
.forwardpm-icon a span { background-position: -40px 0; } .forwardpm-icon span:after { background-position: -40px 0; }
.forwardpm-icon a:hover span { background-position: -40px -20px; } .forwardpm-icon:hover span:after { background-position: -40px -20px; }
.tools-icon span { .tools-icon span:after {
background-position: -80px 0; background-position: -80px 0;
height: 16px; height: 16px;
margin-top: 2px; margin-top: 2px;
width: 16px; width: 16px;
} }
.dropdown-visible .tools-icon span, .dropdown-visible .tools-icon span:after,
.nojs .dropdown-container:hover .tools-icon span { background-position: -80px -20px; } .nojs .dropdown-container:hover .tools-icon span:after { background-position: -80px -20px; }
/* Icon images /* Icon images
---------------------------------------- */ ---------------------------------------- */
@ -176,32 +182,35 @@ ul.linklist.bulletin li.small-icon:before {
.post-buttons .icon-button { .post-buttons .icon-button {
padding: 0 5px; padding: 0 5px;
text-indent: -9999px;
} }
.hastouch .post-buttons .icon-button { .hastouch .post-buttons .icon-button {
padding: 2px 8px; padding: 2px 8px;
} }
.post-buttons span { .post-buttons .icon-button span {
font-size: 0;
}
.post-buttons .icon-button span:after {
float: none; float: none;
margin-right: 0; margin-right: 0;
} }
.quote-icon span { background-position: 0 0; } .quote-icon span:after { background-position: 0 0; }
.quote-icon:hover span { background-position: 0 -21px; } .quote-icon:hover span:after { background-position: 0 -21px; }
.edit-icon span { background-position: -15px 0; } .edit-icon span:after { background-position: -15px 0; }
.edit-icon:hover span { background-position: -15px -21px; } .edit-icon:hover span:after { background-position: -15px -21px; }
.warn-icon span { background-position: -86px 0; } .warn-icon span:after { background-position: -86px 0; }
.warn-icon:hover span { background-position: -86px -21px; } .warn-icon:hover span:after { background-position: -86px -21px; }
.delete-icon span { background-position: -30px 0; } .delete-icon span:after { background-position: -30px 0; }
.delete-icon:hover span { background-position: -30px -21px; } .delete-icon:hover span:after { background-position: -30px -21px; }
.report-icon span { background-position: -43px 0; } .report-icon span:after { background-position: -43px 0; }
.report-icon:hover span { background-position: -43px -21px; } .report-icon:hover span:after { background-position: -43px -21px; }
.info-icon span { background-position: -54px 0; } .info-icon span:after { background-position: -54px 0; }
.info-icon:hover span { background-position: -54px -21px; } .info-icon:hover span:after { background-position: -54px -21px; }
.button.responsive-menu-link span { background-position: -68px 0; } .button.responsive-menu-link span:after { background-position: -68px 0; }
.button.responsive-menu-link:hover span { background-position: -68px -21px; } .button.responsive-menu-link:hover span:after { background-position: -68px -21px; }
/* Responsive buttons in post body */ /* Responsive buttons in post body */
.post-buttons .dropdown { .post-buttons .dropdown {

View File

@ -725,9 +725,9 @@ Colours and backgrounds for buttons.css
.icon-print { background-image: url("./images/icon_print.gif"); } .icon-print { background-image: url("./images/icon_print.gif"); }
/* Profile & navigation icons */ /* Profile & navigation icons */
.contact-icon { background-image: url("./images/icons_contact.png"); } .contact-icon { background-image: url("./images/icons_contact.png"); }
.icon-button span, .dropdown-select:after { background-image: url("./images/buttons.png"); } .icon-button span:after, .dropdown-select:after { background-image: url("./images/buttons.png"); }
.post-buttons .icon-button span { background-image: url("./images/post_buttons.png"); } .post-buttons .icon-button span:after { background-image: url("./images/post_buttons.png"); }
/* Forum icons & Topic icons */ /* Forum icons & Topic icons */
.global_read { background-image: url("./images/announce_read.gif"); } .global_read { background-image: url("./images/announce_read.gif"); }