From eb1c935addf3c3c58e97ea4e4f4760098e8ca036 Mon Sep 17 00:00:00 2001 From: cash Date: Sat, 19 Feb 2011 16:13:59 +0000 Subject: improved icon css so that they do not require having display: block git-svn-id: http://code.elgg.org/elgg/trunk@8328 36083f99-b078-4883-b0ff-0f9b5a30f544 --- views/default/css/elements/icons.php | 60 +++++++++++++++++++----------------- 1 file changed, 32 insertions(+), 28 deletions(-) (limited to 'views/default/css/elements/icons.php') diff --git a/views/default/css/elements/icons.php b/views/default/css/elements/icons.php index b52503b57..781979826 100644 --- a/views/default/css/elements/icons.php +++ b/views/default/css/elements/icons.php @@ -11,21 +11,18 @@ /* *************************************** ICONS *************************************** */ - .elgg-icon { - background: transparent url(_graphics/elgg_sprites.png) no-repeat left; - width: 16px; - height: 16px; - display: block; - float: left; - margin: 0 2px; + background: transparent url(_graphics/elgg_sprites.png) no-repeat; + padding-left: 16px; + margin-left: 2px; + margin-right: 2px; } .elgg-icon-settings { background-position: -302px -44px; } .elgg-icon-friends { background-position: 0 -300px; - width: 36px; + padding-left: 36px; } .elgg-icon-friends:hover { background-position: 0 -340px; @@ -34,10 +31,13 @@ background-position: -302px -136px; } .elgg-icon-delete { - background-position: -199px 1px; + background-position: -199px 0px; } .elgg-icon-delete:hover { - background-position: -199px -15px; + background-position: -199px -16px; +} +.elgg-icon-tag { + background-position: 2px -198px; } .elgg-icon-likes { background-position: 0px -101px; @@ -60,7 +60,7 @@ } .elgg-icon-following { background-position: -35px -100px; - width: 22px; + padding-left: 22px; height: 20px; } .elgg-icon-rss { @@ -77,23 +77,6 @@ width: 21px; height: 21px; } -.elgg-avatar > .elgg-icon-hover-menu { - display: none; - position: absolute; - right: 0; - bottom: 0; - margin: 0; - cursor: pointer; -} - -.elgg-ajax-loader { - background-color: white; - background-image: url(_graphics/ajax_loader_bw.gif); - background-repeat: no-repeat; - background-position: center center; - min-height: 33px; - min-width: 33px; -} /* *************************************** AVATAR ICONS @@ -138,3 +121,24 @@ width: 200px; height: 200px; } + +/* *************************************** + MISC ICONS +*************************************** */ +.elgg-avatar > .elgg-icon-hover-menu { + display: none; + position: absolute; + right: 0; + bottom: 0; + margin: 0; + cursor: pointer; +} + +.elgg-ajax-loader { + background-color: white; + background-image: url(_graphics/ajax_loader_bw.gif); + background-repeat: no-repeat; + background-position: center center; + min-height: 33px; + min-width: 33px; +} -- cgit v1.2.3