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:
parent
eae4e5936f
commit
bcafda4eaa
|
@ -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,
|
||||
|
|
Loading…
Reference in New Issue