diff options
| author | Marc Alexander <admin@m-a-styles.de> | 2012-10-15 23:31:43 +0200 |
|---|---|---|
| committer | Marc Alexander <admin@m-a-styles.de> | 2012-11-13 20:57:34 +0100 |
| commit | 5f15c98c1d6cce71fb94e2a36ccabd5472a4de1f (patch) | |
| tree | d6541c979062f62dd2c76ed8c2a9c5a0be892131 /phpBB/styles/prosilver/theme/links.css | |
| parent | 607865d97a93cc86ff39953aa0c6303e5ead905d (diff) | |
| download | forums-5f15c98c1d6cce71fb94e2a36ccabd5472a4de1f.tar forums-5f15c98c1d6cce71fb94e2a36ccabd5472a4de1f.tar.gz forums-5f15c98c1d6cce71fb94e2a36ccabd5472a4de1f.tar.bz2 forums-5f15c98c1d6cce71fb94e2a36ccabd5472a4de1f.tar.xz forums-5f15c98c1d6cce71fb94e2a36ccabd5472a4de1f.zip | |
[ticket/11197] Prefix the css classes for the small arrow with "arrow"
It does not make sense to have classes named "right" and "left" produce a
small arrow next to text. It should be made clear that an arrow will
appear.
PHPBB3-11197
Diffstat (limited to 'phpBB/styles/prosilver/theme/links.css')
| -rw-r--r-- | phpBB/styles/prosilver/theme/links.css | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/phpBB/styles/prosilver/theme/links.css b/phpBB/styles/prosilver/theme/links.css index 66c3aed03e..5dc8a13313 100644 --- a/phpBB/styles/prosilver/theme/links.css +++ b/phpBB/styles/prosilver/theme/links.css @@ -145,44 +145,44 @@ a.top2 { } /* Arrow links */ -a.up { background: none no-repeat left center; } -a.down { background: none no-repeat right center; } -a.left { background: none no-repeat 3px 60%; } -a.right { background: none no-repeat 95% 60%; } +a.arrow-up { background: none no-repeat left center; } +a.arrow-down { background: none no-repeat right center; } +a.arrow-left { background: none no-repeat 3px 60%; } +a.arrow-right { background: none no-repeat 95% 60%; } -a.up, a.up:link, a.up:active, a.up:visited { +a.arrow-up, a.arrow-up:link, a.arrow-up:active, a.arrow-up:visited { padding-left: 10px; text-decoration: none; border-bottom-width: 0; } -a.up:hover { +a.arrow-up:hover { background-position: left top; } -a.down, a.down:link, a.down:active, a.down:visited { +a.arrow-down, a.arrow-down:link, a.arrow-down:active, a.arrow-down:visited { padding-right: 10px; } -a.down:hover { +a.arrow-down:hover { background-position: right bottom; text-decoration: none; } -a.left, a.left:active, a.left:visited { +a.arrow-left, a.arrow-left:active, a.arrow-left:visited { padding-left: 12px; } -a.left:hover { +a.arrow-left:hover { text-decoration: none; background-position: 0 60%; } -a.right, a.right:active, a.right:visited { +a.arrow-right, a.arrow-right:active, a.arrow-right:visited { padding-right: 12px; } -a.right:hover { +a.arrow-right:hover { text-decoration: none; background-position: 100% 60%; } |