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

@@ -124,9 +124,9 @@ tagBox = {
 	init : function() {
 		var t = this, ajaxtag = $('div.ajaxtag');
 
-	    $('.tagsdiv').each( function() {
+		$('.tagsdiv').each( function() {
-	        tagBox.quickClicks(this);
+			tagBox.quickClicks(this);
-	    });
+		});
 
 		$('input.tagadd', ajaxtag).click(function(){
 			t.flushTags( $(this).closest('.tagsdiv') );
@@ -138,8 +138,8 @@ tagBox = {
 
 		$('input.newtag', ajaxtag).blur(function() {
 			if ( this.value == '' )
-	            $(this).parent().siblings('.taghint').css('visibility', '');
+				$(this).parent().siblings('.taghint').css('visibility', '');
-	    }).focus(function(){
+		}).focus(function(){
 			$(this).parent().siblings('.taghint').css('visibility', 'hidden');
 		}).keyup(function(e){
 			if ( 13 == e.which ) {
@@ -156,20 +156,18 @@ tagBox = {
 			$(this).suggest( ajaxurl + '?action=ajax-tag-search&tax=' + tax, { delay: 500, minchars: 2, multiple: true, multipleSep: postL10n.comma + ' ' } );
 		});
 
-	    // save tags on post save/publish
+		// save tags on post save/publish
-	    $('#post').submit(function(){
+		$('#post').submit(function(){
 			$('div.tagsdiv').each( function() {
-	        	tagBox.flushTags(this, false, 1);
+				tagBox.flushTags(this, false, 1);
 			});
 		});
 
 		// tag cloud
 		$('a.tagcloud-link').click(function(){
-			tagBox.get( $(this).attr('id') );
+			if ( ! $('.the-tagcloud').length )
-			$(this).unbind().click(function(){
+				tagBox.get( $(this).attr('id') );
-				$(this).siblings('.the-tagcloud').toggle();
+			$(this).siblings('.the-tagcloud').toggle();
-				return false;
-			});
 			return false;
 		});
 	}
@@ -277,9 +275,9 @@ jQuery(document).ready( function($) {
 		taxonomyParts = this_id.split('-');
 		taxonomyParts.shift();
 		taxonomy = taxonomyParts.join('-');
- 		settingName = taxonomy + '_tab';
+		settingName = taxonomy + '_tab';
- 		if ( taxonomy == 'category' )
+		if ( taxonomy == 'category' )
- 			settingName = 'cats';
+			settingName = 'cats';
 
 		// TODO: move to jQuery 1.3+, support for multiple hierarchical taxonomies, see wp-lists.js
 		$('a', '#' + taxonomy + '-tabs').click( function(){

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;
 }