Minor improvements to content focus highlight

Added webkit vendor prefix.
Shortened the animation length slightly.
Removed highlight from Candy theme due to image background.

qa-theme/Candy/qa-styles.css

@@ -479,6 +479,3 @@ h2 {font-size:22px; color:#c659ab; padding-top:12px; clear:both;}
 * html .qa-tag-link {background:url(tag-icon-ie6.png) no-repeat left center;}
 * html .qa-a-count {background:url(a-count-icon-ie6.png) no-repeat 32px 13px;}
 * html .qa-favorite-image {background:url(favorite-heart-ie6.png) no-repeat 0 0px;}
-.qa-c-list-item:target {animation: highlight 3s ease-in-out;}
-.qa-a-list-item:target{animation: highlight 3s ease-in-out;}
-@keyframes highlight {0% { background: #FFFFAA none; }25% { background: #FFFFD0 none; }50% { background: #FFFFDD none; }75% { background-color: #FFFFEA; }100% { background-color: #FFF; }}
\ No newline at end of file

qa-theme/Classic/qa-styles.css

@@ -317,6 +317,7 @@ h2 {font-size:16px; padding-top:12px; clear:both;}
 /* Answer view  */
 
 .qa-a-list-item {margin-bottom:40px; zoom:1; padding-bottom:1px;} /* zoom for IE, padding for early FF */
+.qa-a-list-item:target{-webkit-animation: highlight 2s ease-in-out; animation: highlight 2s ease-in-out;}
 .qa-a-list-item-hidden {}
 	.qa-a-list-item-hidden .qa-voting {background:#FFF; border:1px solid #ccc; color:#ccc;}
 	.qa-a-list-item-hidden .qa-a-item-content {color:#999;}
@@ -355,6 +356,7 @@ h2 {font-size:16px; padding-top:12px; clear:both;}
 /* Comments */
 
 .qa-c-list-item {border-bottom:1px dotted #666; padding:6px; padding-right:0;}
+.qa-c-list-item:target {-webkit-animation: highlight 2s ease-in-out; animation: highlight 2s ease-in-out;}
 .qa-c-item-hidden {}
 	.qa-c-item-hidden .qa-c-item-content {color:#bbb;}
 	.qa-c-item-hidden .qa-c-item-link {color:#aaf;}
@@ -425,6 +427,12 @@ h2 {font-size:16px; padding-top:12px; clear:both;}
 .qa-part-form-plugin-0 {margin-top: 0;}
 .qa-part-form-plugin-options {margin-top: -1px;}
 .qa-part-form-profile .qa-form-wide-data {word-break: break-word;}
-.qa-c-list-item:target {animation: highlight 3s ease-in-out;}
-.qa-a-list-item:target{animation: highlight 3s ease-in-out;}
-@keyframes highlight {0% { background-color: #FFFFAA ; }25% { background-color: #FFFFD0 ; }50% { background-color: #FFFFDD; }75% { background-color: #FFFFEA; }100% { background-color: #FFF; }}
\ No newline at end of file
+
+@-webkit-keyframes highlight {
+	0% { background-color: #ffffaa; }
+	100% { background-color: #fff; }
+}
+@keyframes highlight {
+	0% { background-color: #ffffaa; }
+	100% { background-color: #fff; }
+}

qa-theme/Snow/qa-styles.css

@@ -1911,6 +1911,10 @@ a.qa-browse-cat-link:visited {
 	border-bottom: 1px solid #ccc;
 	min-height: 108px; /* prevent tick icon being hidden */
 }
+.qa-a-list-item:target {
+	-webkit-animation: highlight 2s ease-in-out;
+	animation: highlight 2s ease-in-out;
+}
 
 /* zoom for IE, padding for early FF */
 .qa-a-list-item-selected {
@@ -2057,6 +2061,10 @@ a.qa-browse-cat-link:visited {
 	border-bottom: 1px solid #ccc;
 	padding: 8px 0 8px 8px;
 }
+.qa-c-list-item:target {
+	-webkit-animation: highlight 2s ease-in-out;
+	animation: highlight 2s ease-in-out;
+}
 
 .qa-c-list-item:nth-child(odd) {
 	background: #fafafa;
@@ -2548,12 +2556,12 @@ a.qa-browse-cat-link:visited {
 	padding-top: 0;
 	border-top: 0;
 }
-.qa-c-list-item:target {animation: highlight 3s ease-in-out;}
-.qa-a-list-item:target{animation: highlight 3s ease-in-out;}
+
+@-webkit-keyframes highlight {
+	0% { background-color: #ffffaa; }
+	100% { background-color: #fff; }
+}
 @keyframes highlight {
-    0% { background-color: #FFFFAA ; }
-    25% { background-color: #FFFFD0 ; }
-    50% { background-color: #FFFFDD; }
-    75% { background-color: #FFFFEA; }
-    100% { background-color: #FFF; }
-}
\ No newline at end of file
+	0% { background-color: #ffffaa; }
+	100% { background-color: #fff; }
+}

qa-theme/SnowFlat/qa-styles.css

@@ -2461,6 +2461,11 @@ input[type="submit"], button {
 	position: relative;
 	min-height: 190px;
 }
+/* highlight selected answer */
+.qa-a-list-item:target{
+    -webkit-animation: answer-highlight 2s ease-in-out;
+    animation: answer-highlight 2s ease-in-out;
+}
 
 .qa-a-item-avatar-meta {
 	font-size: 12px;
@@ -2593,6 +2598,12 @@ input[type="submit"], button {
 	background-color: #f4f4f4;
 	position: relative;
 }
+/* highlight selected comment */
+.qa-c-list-item:target {
+    -webkit-animation: comment-highlight 2s ease-in-out;
+    animation: comment-highlight 2s ease-in-out;
+}
+
 .qa-c-list-item .qa-form-light-button {
 	padding: 10px 15px;
 	background: #bdc3c7 none center no-repeat;
@@ -3591,23 +3602,21 @@ input[type="submit"], button {
 .icon-reply:before {
 	content: '\e82e';
 }
-.qa-c-list-item:target {
-    animation: comment-highlight 3s ease-in-out;
+
+@-webkit-keyframes answer-highlight {
+    0% { background-color: #ffffaa; }
+    100% { background-color: #fff; }
 }
-@keyframes comment-highlight {
-    0% { background-color: #FFFFAA; }
-    25% { background-color: #FFFFD0; }
-    50% { background-color: #FFFFDD; }
-    75% { background-color: #FFFFEA; }
-    100% { background-color: #F4F4F4; }
+@keyframes answer-highlight {
+    0% { background-color: #ffffaa; }
+    100% { background-color: #fff; }
 }
-.qa-a-list-item:target{
-    animation: answer-highlight 3s ease-in-out;
+
+@-webkit-keyframes comment-highlight {
+    0% { background-color: #ffffaa; }
+    100% { background-color: #f4f4f4; }
+}
+@keyframes comment-highlight {
+    0% { background-color: #ffffaa; }
+    100% { background-color: #f4f4f4; }
 }
-@keyframes answer-highlight {
-    0% { background-color: #FFFFAA; }
-    25% { background-color: #FFFFD0; }
-    50% { background-color: #FFFFDD; }
-    75% { background-color: #FFFFEA; }
-    100% { background-color: #FFF; }
-}
\ No newline at end of file