golem
/
twentyGOLEM
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Twenty Twelve: change form input selectors to only reset non-textual input types, allowing for broader support for newer HTML5 input types. Also add better {{{button}}} support. Fixes #20579. 

git-svn-id: http://core.svn.wordpress.org/trunk@22899 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Lance Willett 2012-11-28 18:17:38 +00:00
parent 58822c57a7
commit c8b689a9b0
1 changed files with 47 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
style.css
View File

@ -202,9 +202,43 @@ article.format-status footer.entry-meta {
line-height: 2.181818182; line-height: 2.181818182;
} }
/* Form fields, general styles first */
button,
input,
textarea {
border: 1px solid #ccc;
border-radius: 3px;
font-family: inherit;
padding: 6px;
padding: 0.428571429rem;
}
button,
input {
line-height: normal;
}
textarea {
font-size: 100%;
overflow: auto;
vertical-align: top;
}
/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
border: 0;
border-radius: 0;
padding: 0;
}
/* Buttons */ /* Buttons */
.menu-toggle, .menu-toggle,
input[type="submit"], input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit], article.post-password-required input[type=submit],
li.bypostauthor cite span { li.bypostauthor cite span {
padding: 6px 10px; padding: 6px 10px;
@ -226,12 +260,21 @@ li.bypostauthor cite span {
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
} }
.menu-toggle, .menu-toggle,
button,
input[type="submit"], input[type="submit"],
article.post-password-required input[type=submit] { input[type="button"],
input[type="reset"] {
cursor: pointer; cursor: pointer;
} }
button[disabled],
input[disabled] {
cursor: default;
}
.menu-toggle:hover, .menu-toggle:hover,
button:hover,
input[type="submit"]:hover, input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover { article.post-password-required input[type=submit]:hover {
color: #5e5e5e; color: #5e5e5e;
background-color: #ebebeb; background-color: #ebebeb;
@ -244,9 +287,10 @@ article.post-password-required input[type=submit]:hover {
} }
.menu-toggle:active, .menu-toggle:active,
.menu-toggle.toggled-on, .menu-toggle.toggled-on,
button:active,
input[type="submit"]:active, input[type="submit"]:active,
article.post-password-required input[type=submit]:active, input[type="button"]:active,
input[type="submit"].toggled-on { input[type="reset"]:active {
color: #757575; color: #757575;
background-color: #e1e1e1; background-color: #e1e1e1;
background-repeat: repeat-x; background-repeat: repeat-x;
@ -268,19 +312,6 @@ li.bypostauthor cite span {
padding: 0; padding: 0;
} }
/* Form fields */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
padding: 6px;
padding: 0.428571429rem;
font-family: inherit;
border: 1px solid #ccc;
border-radius: 3px;
}
/* Responsive images */ /* Responsive images */
.entry-content img, .entry-content img,
.comment-content img, .comment-content img,