Ticket #14782: twentytencss.patch

style.css

@@ -312 +312 @@
         -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
         padding: 2px;
 }
+input[type="text"]:active,
+input[type="text"]:focus,
+textarea:active,
+textarea:focus {
+        border-color: #ff4b33;
+}
+input[type="submit"]:hover{
+        cursor:pointer;
+}
 a:link {
         color: #0066cc;
 }
@@ -319 +328 @@
         color: #743399;
 }
 a:active,
-a:hover {
+a:hover,
+a:focus {
         color: #ff4b33;
 }
 
 /* Text meant only for screen readers */
 .screen-reader-text {
-        position: absolute;
+        position: relative;
         left: -9000px;
+        top: -9000px; 
+        height: 0px; 
 }
 
+#access .screen-reader-text a:active,
+#access .screen-reader-text a:focus {
+        position: relative;
+        left: 9000px;
+        top: 8962px;
+        height: auto;
+        color: #fff;
+}
 
+
 /* =Header
 -------------------------------------------------------------- */
 
@@ -398 +419 @@
         padding: 0 10px;
         text-decoration: none;
 }
+#access a:active,
+#access a:hover,
+#access a:focus {
+        color: #cfcfcf;
+        background: #333;
+}
 #access ul ul {
         box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
         -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
@@ -511 +538 @@
 }
 #content tr th,
 #content thead th {
-        color: #888;
+        color: #777;
         font-size: 12px;
         font-weight: bold;
         line-height: 18px;
@@ -551 +578 @@
 }
 .page-title a:link,
 .page-title a:visited {
-        color: #888;
+        color: #777;
         text-decoration: none;
 }
 .page-title a:active,
@@ -571 +598 @@
         text-decoration: none;
 }
 .entry-title a:active,
-.entry-title a:hover {
+.entry-title a:hover,
+.entry-title a:focus {
         color: #ff4b33;
+        text-decoration: underline;
 }
 .entry-meta {
-        color: #888;
+        color: #777;
         font-size: 12px;
 }
 .entry-meta abbr,
@@ -613 +642 @@
         margin-right: 24px;
 }
 .entry-content label {
-        color: #888;
+        color: #777;
         font-size: 12px;
 }
 .entry-content select {
@@ -655 +684 @@
         background: #d9e8f7;
 }
 .page-link a:active,
-.page-link a:hover {
+.page-link a:hover,
+.page-link a:focus {
         color: #ff4b33;
 }
+.page-link a:focus{
+        text-decoration: underline;
+}
 body.page .edit-link {
         clear: both;
         display: block;
@@ -692 +725 @@
 }
 .entry-utility {
         clear: both;
-        color: #888;
+        color: #777;
         font-size: 12px;
         line-height: 18px;
 }
 .entry-meta a,
 .entry-utility a {
-        color: #888;
+        color: #777;
 }
+.entry-meta a:active,
+.entry-utility a:active,
 .entry-meta a:hover,
-.entry-utility a:hover {
+.entry-utility a:hover,
+.entry-meta a:focus,
+.entry-utility a:focus{
         color: #ff4b33;
+        text-decoration: none;
 }
 #content .video-player {
         padding: 0;
@@ -807 +845 @@
         margin: 5px 5px 0;
 }
 #content .wp-caption p.wp-caption-text {
-        color: #888;
+        color: #777;
         font-size: 12px;
         margin: 5px;
 }
@@ -824 +862 @@
         width: 33%;
 }
 #content .gallery img {
-        border: 2px solid #cfcfcf;
+        border: 1px solid #cfcfcf;
+        margin: 0 auto;
 }
 #content .gallery .gallery-caption {
-        color: #888;
+        color: #777;
         font-size: 12px;
         margin: 0 0 12px;
 }
 #content .gallery dl {
         margin: 0;
 }
-#content .gallery img {
-        border: 10px solid #f1f1f1;
-}
 #content .gallery br+br {
         display: none;
 }
@@ -844 +880 @@
         display: block;
         margin: 0 auto;
 }
+#content a img {
+        border: 1px solid #cfcfcf;
+}
+#content a:active img,
+#content a:hover img,
+#content a:focus img {
+        border: 1px solid #ff4b33;
+}
 
 
 /* =Navigation
 -------------------------------------------------------------- */
 
 .navigation {
-        color: #888;
+        color: #777;
         font-size: 12px;
         line-height: 18px;
         overflow: hidden;
 }
 .navigation a:link,
 .navigation a:visited {
-        color: #888;
+        color: #777;
         text-decoration: none;
 }
 .navigation a:active,
-.navigation a:hover {
+.navigation a:hover,
+.navigation a:focus {
         color: #ff4b33;
 }
+.navigation a:focus {
+        text-decoration: underline;
+}
 .nav-previous {
         float: left;
         width: 50%;
@@ -955 +1003 @@
 }
 .comment-meta a:link,
 .comment-meta a:visited {
-        color: #888;
+        color: #777;
         text-decoration: none;
 }
 .comment-meta a:active,
-.comment-meta a:hover {
+.comment-meta a:hover,
+.comment-meta a:focus {
         color: #ff4b33;
 }
+.comment-meta a:focus {
+        text-decoration: underline;
+}
 .commentlist .even {
 }
 .commentlist .bypostauthor {
@@ -972 +1024 @@
 }
 .reply a,
 a.comment-edit-link {
-        color: #888;
+        color: #777;
 }
 .reply a:hover,
 a.comment-edit-link:hover {
@@ -999 +1051 @@
         margin-top: -6px;
 }
 #comments .pingback p {
-        color: #888;
+        color: #777;
         display: block;
         font-size: 12px;
         line-height: 18px;
@@ -1051 +1103 @@
         font-weight: bold;
 }
 #respond label {
-        color: #888;
+        color: #777;
         font-size: 12px;
 }
 #respond input {
@@ -1062 +1114 @@
         width: 98%;
 }
 #respond .form-allowed-tags {
-        color: #888;
+        color: #777;
         font-size: 12px;
         line-height: 18px;
 }
@@ -1107 +1159 @@
         text-decoration: none;
 }
 .widget-area a:active,
-.widget-area a:hover {
+.widget-area a:hover,
+.widget-area a:focus {
         text-decoration: underline;
 }
 .widget-area .entry-meta {
@@ -1208 +1261 @@
         padding-left: 20px;
         text-decoration: none;
 }
-#site-generator a:hover {
+#site-generator a:active,
+#site-generator a:hover,
+#site-generator a:focus {
         text-decoration: underline;
 }
 img#wpstats {