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

1 files changed, 32 insertions, 28 deletions

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(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat left;
-	width: 16px;
-	height: 16px;
-	display: block;
-	float: left;
-	margin: 0 2px;
+	background: transparent url(<?php echo elgg_get_site_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(<?php echo elgg_get_site_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(<?php echo elgg_get_site_url(); ?>_graphics/ajax_loader_bw.gif);
+	background-repeat: no-repeat;
+	background-position: center center;
+	min-height: 33px;
+	min-width: 33px;
+}