From bcafda4eaaa448cd8260e9f257dda0065280a427 Mon Sep 17 00:00:00 2001 From: Lance Willett Date: Wed, 13 Nov 2013 02:46:09 +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. Built from https://develop.svn.wordpress.org/trunk@26116 git-svn-id: http://core.svn.wordpress.org/trunk@26028 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-content/themes/twentyfourteen/style.css | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/wp-content/themes/twentyfourteen/style.css b/wp-content/themes/twentyfourteen/style.css index c31ccc46fa..b0107ff763 100644 --- a/wp-content/themes/twentyfourteen/style.css +++ b/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,