Fix the buttons in IE, make them better in IE7, remove the default padding in Firefox, make all .button <a> and <input> look the same, fixes #21598

git-svn-id: http://core.svn.wordpress.org/trunk@22289 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrew Ozz 2012-10-24 01:33:59 +00:00
parent 8c4d96b05a
commit 239650f87a
2 changed files with 43 additions and 11 deletions

View File

@ -237,10 +237,34 @@ table.fixed td {
width: 98%;
}
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
padding: 2px 8px;
}
button.button-large,
input[type="reset"].button-large,
input[type="button"].button-large,
input[type="submit"].button-large {
padding: 4px 12px;
}
button.button-small,
input[type="reset"].button-small,
input[type="button"].button-small,
input[type="submit"].button-small {
padding: 0 8px;
}
a.button {
line-height: 1.4em;
margin: 1px;
padding: 2px 6px;
padding: 3px 8px;
}
a.button.button-small {
padding: 1px 8px;
}
#screen-options-wrap {

View File

@ -42,29 +42,37 @@ TABLE OF CONTENTS:
vertical-align: middle;
text-decoration: none;
font-size: 12px;
line-height: 17px;
height: 15px;
line-height: 1.45em;
margin: 0;
padding: 0.25em 0.85em 0.35em;
padding: 3px 10px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
white-space: nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Remove the dotted border on :focus and the extra padding in Firefox */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
border: 1px solid transparent;
padding: 0;
}
.button.button-large,
.button-group.button-large .button {
padding: 0.4em 1.0em 0.5em;
padding: 5px 12px;
}
.button.button-small,
.button-group.button-small .button {
padding: 0.15em 0.75em 0.17em;
padding: 2px 8px;
}
.button:active {
@ -299,4 +307,4 @@ TABLE OF CONTENTS:
.dropdown-flip-x .dropdown {
left: auto;
right: 0;
}
}