Changeset 2350

Timestamp:

01/21/2016 11:56:35 PM (9 years ago)

Author:

mapk

Message:

Revised the CSS for more contrast in text and accessibility practices.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-login/stylesheets/login.css (modified) (6 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-login/stylesheets/login.css

@@ -193 +193 @@
     margin: 0;
     padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
@@ -272 +274 @@
 }
 
+.btn:focus {
+  -webkit-box-shadow:0 0 0 2px #00A0D2;
+  box-shadow:0 0 0 2px #00A0D2;
+}
+
 .btn:active {
     top: 1px;
@@ -297 +304 @@
 }
 
-.button-primary:hover {
+.button-primary:hover, .button-primary:focus {
     background: #008db9;
     -webkit-transition: background 0.2s ease;
     transition: background 0.2s ease;
+}
+
+.button-primary:focus {
+  -webkit-box-shadow:0 0 0 2px #00A0D2;
+  box-shadow:0 0 0 2px #00A0D2;
 }
 
@@ -410 +422 @@
     color: #23282d;
     font-weight: 400;
+  font-weight:400;
 }
 
@@ -418 +431 @@
     background: #fbfbfb;
     border: none;
+  -webkit-transition: all 0.1s ease;
+  transition: all 0.1s ease;
+}
+form input[type="text"]:focus,
+form input[type="password"]:focus,
+form input[type="checkbox"]:focus,
+form input[type="radio"]:focus {
+  background: #fff;
+  -webkit-box-shadow:0 0 0 2px #00A0D2, inset 0 1px 2px rgba(0,0,0,.5);
+  box-shadow:0 0 0 2px #00A0D2, inset 0 1px 2px rgba(0,0,0,.5);
 }
 
@@ -459 +482 @@
 
 label {
-    color: #a0a5aa;
+    color: #B4B9BE;
 }