aboutsummaryrefslogtreecommitdiffstats
path: root/phpBB/styles/prosilver/theme
diff options
context:
space:
mode:
authorCesar G <prototech91@gmail.com>2014-05-25 04:30:46 -0700
committerCesar G <prototech91@gmail.com>2014-05-27 07:17:47 -0700
commit70f9d4a54adc2396cd5c8d480d720d42023259b1 (patch)
tree94cb7c8852c189f626e5df2d9db8703b1e828c7b /phpBB/styles/prosilver/theme
parent523c374e168c3e4bfda2ad21d63c8991d4cbe122 (diff)
downloadforums-70f9d4a54adc2396cd5c8d480d720d42023259b1.tar
forums-70f9d4a54adc2396cd5c8d480d720d42023259b1.tar.gz
forums-70f9d4a54adc2396cd5c8d480d720d42023259b1.tar.bz2
forums-70f9d4a54adc2396cd5c8d480d720d42023259b1.tar.xz
forums-70f9d4a54adc2396cd5c8d480d720d42023259b1.zip
[ticket/12155] Move icon class directly to <a> and use <span> consistently.
PHPBB3-12155
Diffstat (limited to 'phpBB/styles/prosilver/theme')
-rw-r--r--phpBB/styles/prosilver/theme/buttons.css75
-rw-r--r--phpBB/styles/prosilver/theme/colours.css6
2 files changed, 45 insertions, 36 deletions
diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css
index 3cbeb1a6e7..05c6ea7939 100644
--- a/phpBB/styles/prosilver/theme/buttons.css
+++ b/phpBB/styles/prosilver/theme/buttons.css
@@ -23,7 +23,7 @@
}
.icon-button, .dropdown-select {
- padding-right: 22px;
+ padding-right: 20px;
}
.icon-button.dropdown-select {
@@ -31,11 +31,17 @@
}
.icon-button span {
+ display: inline-block;
+ float: right;
+}
+
+.icon-button span:after {
background: transparent 0 0 no-repeat;
- display: block;
+ content: '';
+ display: inline-block;
float: right;
height: 12px;
- margin: 3px -16px 0 0;
+ margin: 3px -14px 0 0;
width: 12px;
}
@@ -54,7 +60,7 @@
background-position: -103px -10px;
}
-.buttons, .buttons div {
+.buttons, .buttons .button {
float: left;
}
@@ -63,29 +69,29 @@
}
/* Big button images */
-.reply-icon a span, .pmreply-icon a span { background-position: -20px 0; }
-.reply-icon a:hover span, .pmreply-icon a:hover span { background-position: -20px -20px; }
+.reply-icon span:after, .pmreply-icon span:after { background-position: -20px 0; }
+.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 a:hover span,
-.newpm-icon a:hover span,
-.reply-all a:hover span { background-position: 0 -20px; }
+.post-icon span:after, .newpm-icon span:after, .reply-all span:after { background-position: 0 0; }
+.post-icon:hover span:after,
+.newpm-icon:hover span:after,
+.reply-all:hover span:after { background-position: 0 -20px; }
-.locked-icon a span { background-position: -60px 0; }
-.locked-icon a:hover span { background-position: -60px -20px; }
+.locked-icon span:after { background-position: -60px 0; }
+.locked-icon:hover span:after { background-position: -60px -20px; }
-.forwardpm-icon a span { background-position: -40px 0; }
-.forwardpm-icon a:hover span { background-position: -40px -20px; }
+.forwardpm-icon span:after { background-position: -40px 0; }
+.forwardpm-icon:hover span:after { background-position: -40px -20px; }
-.tools-icon span {
+.tools-icon span:after {
background-position: -80px 0;
height: 16px;
margin-top: 2px;
width: 16px;
}
-.dropdown-visible .tools-icon span,
-.nojs .dropdown-container:hover .tools-icon span { background-position: -80px -20px; }
+.dropdown-visible .tools-icon span:after,
+.nojs .dropdown-container:hover .tools-icon span:after { background-position: -80px -20px; }
/* Icon images
---------------------------------------- */
@@ -176,32 +182,35 @@ ul.linklist.bulletin li.small-icon:before {
.post-buttons .icon-button {
padding: 0 5px;
- text-indent: -9999px;
}
.hastouch .post-buttons .icon-button {
padding: 2px 8px;
}
-.post-buttons span {
+.post-buttons .icon-button span {
+ font-size: 0;
+}
+
+.post-buttons .icon-button span:after {
float: none;
margin-right: 0;
}
-.quote-icon span { background-position: 0 0; }
-.quote-icon:hover span { background-position: 0 -21px; }
-.edit-icon span { background-position: -15px 0; }
-.edit-icon:hover span { background-position: -15px -21px; }
-.warn-icon span { background-position: -86px 0; }
-.warn-icon:hover span { background-position: -86px -21px; }
-.delete-icon span { background-position: -30px 0; }
-.delete-icon:hover span { background-position: -30px -21px; }
-.report-icon span { background-position: -43px 0; }
-.report-icon:hover span { background-position: -43px -21px; }
-.info-icon span { background-position: -54px 0; }
-.info-icon:hover span { background-position: -54px -21px; }
-.button.responsive-menu-link span { background-position: -68px 0; }
-.button.responsive-menu-link:hover span { background-position: -68px -21px; }
+.quote-icon span:after { background-position: 0 0; }
+.quote-icon:hover span:after { background-position: 0 -21px; }
+.edit-icon span:after { background-position: -15px 0; }
+.edit-icon:hover span:after { background-position: -15px -21px; }
+.warn-icon span:after { background-position: -86px 0; }
+.warn-icon:hover span:after { background-position: -86px -21px; }
+.delete-icon span:after { background-position: -30px 0; }
+.delete-icon:hover span:after { background-position: -30px -21px; }
+.report-icon span:after { background-position: -43px 0; }
+.report-icon:hover span:after { background-position: -43px -21px; }
+.info-icon span:after { background-position: -54px 0; }
+.info-icon:hover span:after { background-position: -54px -21px; }
+.button.responsive-menu-link span:after { background-position: -68px 0; }
+.button.responsive-menu-link:hover span:after { background-position: -68px -21px; }
/* Responsive buttons in post body */
.post-buttons .dropdown {
diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css
index 5d45120131..84791727c4 100644
--- a/phpBB/styles/prosilver/theme/colours.css
+++ b/phpBB/styles/prosilver/theme/colours.css
@@ -725,9 +725,9 @@ Colours and backgrounds for buttons.css
.icon-print { background-image: url("./images/icon_print.gif"); }
/* Profile & navigation icons */
-.contact-icon { background-image: url("./images/icons_contact.png"); }
-.icon-button span, .dropdown-select:after { background-image: url("./images/buttons.png"); }
-.post-buttons .icon-button span { background-image: url("./images/post_buttons.png"); }
+.contact-icon { background-image: url("./images/icons_contact.png"); }
+.icon-button span:after, .dropdown-select:after { background-image: url("./images/buttons.png"); }
+.post-buttons .icon-button span:after { background-image: url("./images/post_buttons.png"); }
/* Forum icons & Topic icons */
.global_read { background-image: url("./images/announce_read.gif"); }
generated by cgit v1.2.1 (git 2.21.0) at 2026-02-06 00:37:39 +0000