From 3f49cd224e3e687c89fd421f66eb6f1eaee69b76 Mon Sep 17 00:00:00 2001 From: Lance Willett Date: Wed, 13 Nov 2013 02:45:15 +0000 Subject: [PATCH] Twenty Fourteen: fix low-contrast input elements in Firefox by explicitly setting `opacity: 1` for the placeholder text. Also brighten the border styles a bit. Props iamtakashi, fixes #25930. git-svn-id: https://develop.svn.wordpress.org/trunk@26116 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-content/themes/twentyfourteen/style.css | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/src/wp-content/themes/twentyfourteen/style.css b/src/wp-content/themes/twentyfourteen/style.css index c31ccc46fa..b0107ff763 100644 --- a/src/wp-content/themes/twentyfourteen/style.css +++ b/src/wp-content/themes/twentyfourteen/style.css @@ -545,19 +545,20 @@ input[type="submit"]:active { /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { - color: #767676; + color: #939393; } :-moz-placeholder { - color: #767676; + color: #939393; } ::-moz-placeholder { - color: #767676; + color: #939393; + opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { - color: #767676; + color: #939393; } /* Responsive images. Fluid images for posts, comments, and widgets */ @@ -2195,7 +2196,7 @@ a.post-thumbnail:hover { .widget input, .widget textarea { background-color: rgba(255, 255, 255, 0.1); - border-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.2); color: #fff; font-size: 16px; padding: 1px 2px 2px 4px; @@ -2203,7 +2204,7 @@ a.post-thumbnail:hover { .widget input:focus, .widget textarea:focus { - border-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.3); } .widget button,