Changeset 23470

Timestamp:

02/22/2013 06:08:25 AM (13 years ago)

Author:

lancewillett

Message:

Twenty Thirteen: add hover/focus style for buttons and organize button and input selectors a bit for a better cascade. Fixes #23536, props obenland.

File:

• trunk/wp-content/themes/twentythirteen/style.css (modified) (5 diffs)

trunk/wp-content/themes/twentythirteen/style.css

@@ -574 +574 @@
 }
 
+/* Form fields, general styles first. */
+button,
+input,
+textarea {
+    border: 2px solid #d4d0ba;
+    font-family: inherit;
+    padding: 5px;
+}
+
+input,
+textarea {
+    color: #141412;
+}
+
+input:focus,
+textarea:focus {
+    border: 2px solid #c3c0ab;
+    outline: 0;
+}
+
 /* Buttons */
 button,
@@ -585 +605 @@
     background: -o-linear-gradient(     top, #e05d22 0%, #d94412 100%); /* Opera 11.10+ */
     background: linear-gradient(  to bottom, #e05d22 0%, #d94412 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e05d22', endColorstr='#d94412',GradientType=0 ); /* IE6-9 */
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e05d22', endColorstr='#d94412', GradientType=0); /* IE6-9 */
     display: inline-block;
     padding: 11px 24px 10px 24px;
@@ -593 +613 @@
     border-bottom: 3px solid #b93207;
     border-radius: 2px;
+}
+
+button:hover,
+button:focus,
+input[type="submit"]:hover,
+input[type="button"]:hover,
+input[type="reset"]:hover,
+input[type="submit"]:focus,
+input[type="button"]:focus,
+input[type="reset"]:focus {
+    background: #ed6a31; /* Old browsers */
+    background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome10+,Safari5.1+ */
+    background: -moz-linear-gradient(   top, #ed6a31 0%, #e55627 100%); /* FF3.6+ */
+    background: -ms-linear-gradient(    top, #ed6a31 0%, #e55627 100%); /* IE10+ */
+    background: -o-linear-gradient(     top, #ed6a31 0%, #e55627 100%); /* Opera 11.10+ */
+    background: linear-gradient(  to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed6a31', endColorstr='#e55627', GradientType=0); /* IE6-9 */
+    outline: none;
 }
 
@@ -605 +643 @@
     background: -o-linear-gradient(     top, #d94412 0%, #e05d22 100%); /* Opera 11.10+ */
     background: linear-gradient(  to bottom, #d94412 0%, #e05d22 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d94412', endColorstr='#e05d22',GradientType=0 ); /* IE6-9 */
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d94412', endColorstr='#e05d22', GradientType=0); /* IE6-9 */
     border: none;
     border-top: 3px solid #b93207;
@@ -618 +656 @@
 .post-password-required input[type="submit"]:active {
     padding: 5px 24px 6px;
-}
-
-/* Form fields, general styles first. */
-button,
-input,
-textarea {
-    border: 2px solid #d4d0ba;
-    font-family: inherit;
-    padding: 5px;
-}
-
-input,
-textarea {
-    color: #141412;
-}
-
-input:focus,
-textarea:focus {
-    border: 2px solid #c3c0ab;
-    outline: 0;
 }