Improve visible focus in the admin, props lessbloat, fixes #21324

git-svn-id: http://core.svn.wordpress.org/trunk@22268 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/colors-classic.css

@@ -195,10 +195,6 @@ strong .post-com-count span {
 	background: #f1f1f1;
 }
 
-.wrap .add-new-h2:focus {
-	background: #c7e7fd;
-}
-
 .subtitle {
 	color: #777;
 }
@@ -324,19 +320,9 @@ a:active {
 }
 
 a:focus {
-	background: #c7e7fd;
 	color: #124964;
 }
 
-a:active {
-	background: none;
-	outline: thin dotted;
-}
-
-#adminmenu a:active {
-	outline: none;
-}
-
 #adminmenu a:hover,
 #adminmenu li.menu-top > a:focus,
 #adminmenu .wp-submenu a:hover,
@@ -793,6 +779,10 @@ table.widefat .spam a:hover,
 	color: #888;
 }
 
+.wp-admin .wp-editor-wrap .wp-switch-editor:active {
+	background-color: #f5fafd;
+}
+
 .wp-admin .wp-editor-wrap.tmce-active .switch-tmce,
 .wp-admin .wp-editor-wrap.html-active .switch-html {
 	background: #f7fcfe;
@@ -1420,11 +1410,6 @@ table.diff .diff-addedline ins {
 	background: transparent url(../images/arrows.png) no-repeat right 4px;
 }
 
-#screen-meta-links a:focus {
-	background-color: #c7e7fd;
-	color: #124964;
-}
-
 #screen-meta-links a:hover,
 #screen-meta-links a:active {
 	color: #000;

wp-admin/css/colors-fresh.css

@@ -191,10 +191,6 @@ strong .post-com-count span {
 	background: #f1f1f1;
 }
 
-.wrap .add-new-h2:focus {
-	background: #c7e7fd;
-}
-
 .subtitle {
 	color: #777;
 }
@@ -320,19 +316,9 @@ a:active {
 }
 
 a:focus {
-	background: #c7e7fd;
 	color: #124964;
 }
 
-a:active {
-	background: none;
-	outline: thin dotted;
-}
-
-#adminmenu a:active {
-	outline: none;
-}
-
 #adminmenu a:hover,
 #adminmenu li.menu-top > a:focus,
 #adminmenu .wp-submenu a:hover,
@@ -746,11 +732,6 @@ table.widefat span.spam a,
 	background: transparent url(../images/arrows.png) no-repeat right 4px;
 }
 
-#screen-meta-links a:focus {
-	background-color: #c7e7fd;
-	color: #124964;
-}
-
 #screen-meta-links a:hover,
 #screen-meta-links a:active {
 	color: #333;

wp-admin/css/wp-admin.css

@@ -309,13 +309,29 @@ select {
 }
 
 a,
-input,
+input[type="text"],
+input[type="password"],
+input[type="number"],
+input[type="search"],
+input[type="email"],
+input[type="url"],
 select,
 textarea,
 div {
 	outline: 0;
 }
 
+a:focus,
+a:active {
+	outline: thin dotted;
+}
+
+#adminmenu a:focus,
+#adminmenu a:active,
+.screen-reader-text:focus {
+	outline: none;
+}
+
 blockquote,
 q {
 	quotes: none;
@@ -706,7 +722,7 @@ input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="url"]:focus,
 select:focus {
-	border-color: #a1a1a1;
+	border-color: #aaa;
 	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
 	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
 }
@@ -1159,6 +1175,12 @@ form.upgrade .hint {
 	margin: 0 24px 0 0;
 }
 
+#screen-meta-links a:focus {
+	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
+	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
+	outline: none;
+}
+
 /* screen options and help tabs revert */
 #screen-meta {
 	display: none;
@@ -4538,6 +4560,10 @@ h3.available-themes {
 	overflow: hidden;
 }
 
+.available-theme a.screenshot:focus {
+	border-color: #777;
+}
+
 #current-theme .theme-info li,
 .theme-options li,
 .available-theme .action-links li {
@@ -6495,6 +6521,7 @@ a.rsswidget {
 	width: 326px;
 	height: 67px;
 	text-indent: -9999px;
+	outline: none;
 	overflow: hidden;
 	padding-bottom: 15px;
 	display: block;

wp-admin/js/common.js

@@ -383,11 +383,6 @@ $(document).ready( function() {
 		});
 	}
 
-	// Blur accessibility link background color onclick
-	$(document).on('click.wp-accessibility-blur', 'a', function() {
-		$(this).blur();
-	});
-
 	// Scroll into view when focused
 	$('#contextual-help-link, #show-settings-link').on( 'focus.scroll-into-view', function(e){
 		if ( e.target.scrollIntoView )

wp-admin/js/post.js

@@ -165,13 +165,11 @@ tagBox = {
 
 		// tag cloud
 		$('a.tagcloud-link').click(function(){
+			if ( ! $('.the-tagcloud').length )
 				tagBox.get( $(this).attr('id') );
-			$(this).unbind().click(function(){
 			$(this).siblings('.the-tagcloud').toggle();
 			return false;
 		});
-			return false;
-		});
 	}
 };
 

wp-includes/css/editor.css

@@ -1019,6 +1019,10 @@ html[dir="rtl"] .wp-switch-editor {
 	float: left;
 }
 
+.wp-switch-editor:active {
+	background-color: #f1f1f1;
+}
+
 .wp-switch-editor:hover {
 	text-decoration: none !important;
 }