sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@26116 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Lance Willett 2013-11-13 02:45:15 +00:00
parent 7cd8d225a3
commit 3f49cd224e
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/wp-content/themes/twentyfourteen/style.css
View File

@ -545,19 +545,20 @@ input[type="submit"]:active {
/* Placeholder text color -- selectors need to be separate to work. */ /* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder { ::-webkit-input-placeholder {
color: #767676; color: #939393;
} }
:-moz-placeholder { :-moz-placeholder {
color: #767676; color: #939393;
} }
::-moz-placeholder { ::-moz-placeholder {
color: #767676; color: #939393;
opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
} }
:-ms-input-placeholder { :-ms-input-placeholder {
color: #767676; color: #939393;
} }
/* Responsive images. Fluid images for posts, comments, and widgets */ /* Responsive images. Fluid images for posts, comments, and widgets */
@ -2195,7 +2196,7 @@ a.post-thumbnail:hover {
.widget input, .widget input,
.widget textarea { .widget textarea {
background-color: rgba(255, 255, 255, 0.1); 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; color: #fff;
font-size: 16px; font-size: 16px;
padding: 1px 2px 2px 4px; padding: 1px 2px 2px 4px;
@ -2203,7 +2204,7 @@ a.post-thumbnail:hover {
.widget input:focus, .widget input:focus,
.widget textarea:focus { .widget textarea:focus {
border-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.3);
} }
.widget button, .widget button,