More cleanup of login/forms css -- converted login_dropdown to use elgg-toggler pattern

git-svn-id: http://code.elgg.org/elgg/trunk@8229 36083f99-b078-4883-b0ff-0f9b5a30f544

1 files changed, 18 insertions, 16 deletions

diff --git a/views/default/css/elements/misc.php b/views/default/css/elements/misc.php
index dd1b01e66..5f6d0599c 100644
--- a/views/default/css/elements/misc.php
+++ b/views/default/css/elements/misc.php
@@ -14,14 +14,15 @@
 *************************************** */
 #login-dropdown {
 	position: absolute;
-	top:0;
+	top:10px;
 	right:0;
 	z-index: 9599;
 }
 
 .elgg-button-dropdown {
-	padding:2px 6px 3px 6px;
+	padding:3px 6px;
 	text-decoration:none;
+	display:block;
 	font-weight:bold;
 	position:relative;
 	margin-left:0;
@@ -30,29 +31,30 @@
 	-webkit-border-radius:4px;
 	-moz-border-radius:4px;
 	border-radius:4px;
+	/*background-image:url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png);
+	background-position:-150px -51px;
+	background-repeat:no-repeat;*/
 }
 
-.elgg-button-dropdown span {
-	padding:4px 0 6px 12px;
-	background-image:url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png);
-	background-position:-150px -51px;
-	background-repeat:no-repeat;
+.elgg-button-dropdown:after {
+	content: " \25BC ";
+	font-size:smaller;
 }
 
 .elgg-button-dropdown:hover {
 	background-color:#71B9F7;
-	/* color:black; */
-}
-.elgg-button-dropdown:hover span {
-	/* background-position:-150px -71px; */
+	text-decoration:none;
 }
+
 .elgg-button-dropdown.elgg-state-active {
-	background:#cccccc !important;
-	color:#666666 !important;
+	background: #cccccc;
+	outline: none;
+	color: #333333;
+	
 	border:1px solid #cccccc;
-	outline:none;
-	background-position: -150px -71px;
-	color:#333333;
+	-webkit-border-radius:4px 4px 0 0;
+	-moz-border-radius:4px 4px 0 0;
+	border-radius:4px 4px 0 0;
 }
 
 <?php //@todo needs revamp ?>