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
This commit is contained in:
Lance Willett 2013-11-13 02:46:09 +00:00
parent eae4e5936f
commit bcafda4eaa

View File

@ -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,