mirror of
https://github.com/gosticks/wordpress-develop.git
synced 2026-08-12 21:00:21 +00:00
New button styles.
Using the new buttons: * Button classes are now stackable. * All buttons should use a base class of "button". * Buttons default to the gray style (formerly "button-secondary"). Buttons can add a style by adding additional classes. To make a primary button, add the "button-primary" class. * Buttons can be rendered in various sizes. In addition to the default size, you can add "button-large", "button-small", or "button-tiny". For backwards compatibility reasons, "button-primary" and "button-secondary" both work as standalone classes. get_submit_button() has been adjusted to handle shorthand button classes (i.e. button classes can be passed without the "button-" prefix). props lessbloat, helenyhou, trepmal, nacin. see #21598. git-svn-id: https://develop.svn.wordpress.org/trunk@21789 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Daryl Koopersmith
+169
-92
@@ -57,6 +57,7 @@ input[type="text"]:focus,
|
||||
input[type="password"]:focus,
|
||||
input[type="file"]:focus,
|
||||
input[type="button"]:focus,
|
||||
input[type="submit"].focus,
|
||||
input[type="submit"]:focus,
|
||||
input[type="reset"]:focus,
|
||||
input[type="email"]:focus,
|
||||
@@ -377,81 +378,147 @@ td.help {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
a.button:active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.button,
|
||||
.button-secondary,
|
||||
.submit input,
|
||||
input[type=button],
|
||||
input[type=submit] {
|
||||
border-color: #bbb;
|
||||
color: #464646;
|
||||
background: #ececec;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
|
||||
background-image: -webkit-linear-gradient(top, #fff, #eee);
|
||||
background-image: -moz-linear-gradient(top, #fff, #eee);
|
||||
background-image: -o-linear-gradient(top, #fff, #eee);
|
||||
background-image: linear-gradient(to bottom, #fff, #eee);
|
||||
border-color: #ccc;
|
||||
-webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255, 0.9);
|
||||
box-shadow: inset 0 0 1px 1px rgba(255,255,255, 0.9);
|
||||
color: #464646;
|
||||
text-shadow: 1px 1px 0 #fff;
|
||||
}
|
||||
|
||||
.button.hover,
|
||||
.button:hover,
|
||||
.button-secondary.hover,
|
||||
.button-secondary:hover,
|
||||
.submit input:hover,
|
||||
input[type=button]:hover,
|
||||
input[type=submit]:hover {
|
||||
input[type=submit]:hover,
|
||||
.button.focus,
|
||||
.button:focus,
|
||||
.button-secondary.focus,
|
||||
.button-secondary:focus,
|
||||
.submit input.focus,
|
||||
.submit input:focus,
|
||||
input[type=button]:focus,
|
||||
input[type=submit].focus,
|
||||
input[type=submit]:focus {
|
||||
background: #ececec;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
|
||||
background-image: -webkit-linear-gradient(top, #fff, #eee);
|
||||
background-image: -moz-linear-gradient(top, #fff, #eee);
|
||||
background-image: -o-linear-gradient(top, #fff, #eee);
|
||||
background-image: linear-gradient(to bottom, #fff, #eee);
|
||||
border-color: #bbb;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
||||
color: #000;
|
||||
border-color: #666;
|
||||
}
|
||||
|
||||
.button,
|
||||
.submit input,
|
||||
.button-secondary {
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
background: #f2f2f2;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#ededed), to(#fff));
|
||||
background-image: -webkit-linear-gradient(bottom, #ededed, #fff);
|
||||
background-image: -moz-linear-gradient(bottom, #ededed, #fff);
|
||||
background-image: -o-linear-gradient(bottom, #ededed, #fff);
|
||||
background-image: linear-gradient(to top, #ededed, #fff);
|
||||
}
|
||||
|
||||
.button.active,
|
||||
.button:active,
|
||||
.button-secondary.active,
|
||||
.button-secondary:active,
|
||||
.submit input:active,
|
||||
.button-secondary:active {
|
||||
input[type=button]:active,
|
||||
input[type=submit].active,
|
||||
input[type=submit]:active {
|
||||
background: #eee;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
|
||||
background-image: -webkit-linear-gradient(top, #ededed, #fff);
|
||||
background-image: -moz-linear-gradient(top, #ededed, #fff);
|
||||
background-image: -o-linear-gradient(top, #ededed, #fff);
|
||||
background-image: linear-gradient(to bottom, #ededed, #fff);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#f9f9f9));
|
||||
background-image: -webkit-linear-gradient(top, #eee, #f9f9f9);
|
||||
background-image: -moz-linear-gradient(top, #eee, #f9f9f9);
|
||||
background-image: -o-linear-gradient(top, #eee, #f9f9f9);
|
||||
background-image: linear-gradient(to bottom, #eee, #f9f9f9);
|
||||
border-color: #999 #ddd #ddd #999;
|
||||
color: #555;
|
||||
-webkit-box-shadow: inset 1px 1px 0 rgba(50,50,50,0.1);
|
||||
box-shadow: inset 1px 1px 0 rgba(50,50,50,0.1);
|
||||
}
|
||||
|
||||
.button.focus,
|
||||
.button:focus,
|
||||
.button-secondary.focus,
|
||||
.button-secondary:focus,
|
||||
.submit input.focus,
|
||||
.submit input:focus,
|
||||
input[type=button].focus,
|
||||
input[type=submit]:focus {
|
||||
border-color: #aaa;
|
||||
}
|
||||
|
||||
input.button-primary,
|
||||
button.button-primary,
|
||||
a.button-primary {
|
||||
border-color: #298cba;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
|
||||
background: #21759b;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#227199), to(#298cba));
|
||||
background-image: -webkit-linear-gradient(bottom, #227199, #298cba);
|
||||
background-image: -moz-linear-gradient(bottom, #227199, #298cba);
|
||||
background-image: -o-linear-gradient(bottom, #227199, #298cba);
|
||||
background-image: linear-gradient(to top, #227199, #298cba);
|
||||
}
|
||||
|
||||
input.button-primary:active,
|
||||
button.button-primary:active,
|
||||
a.button-primary:active {
|
||||
color: #eaf2fa;
|
||||
background: #298cba;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#227199), to(#298cba));
|
||||
background-image: -webkit-linear-gradient(top, #227199, #298cba);
|
||||
background-image: -moz-linear-gradient(top, #227199, #298cba);
|
||||
background-image: -o-linear-gradient(top, #227199, #298cba);
|
||||
background-image: linear-gradient(to bottom, #227199, #298cba);
|
||||
background-color: #21759b;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
|
||||
background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
|
||||
background-image: -moz-linear-gradient(top, #2a95c5, #21759b);
|
||||
background-image: -o-linear-gradient(top, #2a95c5, #21759b);
|
||||
background-image: linear-gradient(to bottom, #2a95c5, #21759b);
|
||||
border-color: #21759b;
|
||||
border-bottom-color: #1e6a8d;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
|
||||
box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
input.button-primary.hover,
|
||||
input.button-primary:hover,
|
||||
button.button-primary:hover,
|
||||
a.button-primary:hover,
|
||||
a.button-primary:focus,
|
||||
input.button-primary.focus,
|
||||
input.button-primary:focus,
|
||||
button.button-primary:focus,
|
||||
a.button-primary:focus {
|
||||
background-color: #278ab7;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
|
||||
background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
|
||||
background-image: -moz-linear-gradient(top, #2e9fd2, #21759b);
|
||||
background-image: -o-linear-gradient(top, #2e9fd2, #21759b);
|
||||
background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
|
||||
border-color: #1b607f;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0px 1px 2px rgba(0,0,0,.4);
|
||||
box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0px 1px 2px rgba(0,0,0,.4);
|
||||
color: #fff;
|
||||
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
input.button-primary.active,
|
||||
input.button-primary:active,
|
||||
button.button-primary:active,
|
||||
a.button-primary:active {
|
||||
border-color: #13455b;
|
||||
color: #eaf2fa;
|
||||
background: #1b607f;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
|
||||
background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
|
||||
background-image: -moz-linear-gradient(top, #21759b, #278ab7);
|
||||
background-image: -o-linear-gradient(top, #21759b, #278ab7);
|
||||
background-image: linear-gradient(to bottom, #21759b, #278ab7);
|
||||
border-color: #124560 #2382ae #2382ae #124560;
|
||||
color: rgba(255,255,255,0.95);
|
||||
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1);
|
||||
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
input.button-primary.focus,
|
||||
input.button-primary:focus,
|
||||
button.button-primary:focus,
|
||||
a.button-primary:focus {
|
||||
border-color: #124560;
|
||||
}
|
||||
|
||||
.button-disabled,
|
||||
@@ -462,13 +529,17 @@ a.button-primary:active {
|
||||
a.button.disabled {
|
||||
color: #aaa !important;
|
||||
border-color: #ddd !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.button-primary-disabled,
|
||||
.button-primary[disabled],
|
||||
.button-primary:disabled {
|
||||
color: #9fd0d5 !important;
|
||||
color: #94cde7 !important;
|
||||
background: #298cba !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
@@ -947,6 +1018,7 @@ table.widefat .spam a:hover,
|
||||
}
|
||||
|
||||
/* Containers */
|
||||
.wp-editor-wrap .wp-editor-container,
|
||||
.wp-editor-wrap .wp_themeSkin table.mceLayout {
|
||||
border-color: #bed1dd #bed1dd #d0dfe9;
|
||||
}
|
||||
@@ -967,12 +1039,9 @@ table.widefat .spam a:hover,
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.wp-editor-wrap .wp_themeSkin .mceButton,
|
||||
.wp-editor-wrap .wp_themeSkin .mceListBox .mceText,
|
||||
.wp-editor-wrap .wp_themeSkin .mceListBox .mceOpen {
|
||||
border-color: #b0c8d7;
|
||||
background: #cfdfe9;
|
||||
.wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:hover {
|
||||
border-color: #bbb;
|
||||
background: #eee;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff));
|
||||
background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff);
|
||||
background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff);
|
||||
@@ -980,24 +1049,14 @@ table.widefat .spam a:hover,
|
||||
background-image: linear-gradient(to top, #cfdfe9, #fff);
|
||||
}
|
||||
|
||||
.wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:hover {
|
||||
border-color: #5589aa;
|
||||
background: #c9c9c9;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#bdccd5), to(#000));
|
||||
background-image: -webkit-linear-gradient(bottom, #bdccd5, #fff);
|
||||
background-image: -moz-linear-gradient(bottom, #bdccd5, #fff);
|
||||
background-image: -o-linear-gradient(bottom, #bdccd5, #fff);
|
||||
background-image: linear-gradient(to top, #bdccd5, #fff);
|
||||
}
|
||||
|
||||
.wp-editor-wrap .wp_themeSkin a.mceButton:active,
|
||||
.wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:active,
|
||||
.wp-editor-wrap .wp_themeSkin a.mceButtonSelected:active,
|
||||
.wp-editor-wrap .wp_themeSkin a.mceButtonActive,
|
||||
.wp-editor-wrap .wp_themeSkin a.mceButtonActive:active,
|
||||
.wp-editor-wrap .wp_themeSkin a.mceButtonActive:hover {
|
||||
background: #b0c8d7;
|
||||
border-color: #5589aa;
|
||||
background: #c7d8e2;
|
||||
border-color: #b0c8d7;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#cfdfe9), to(#fff));
|
||||
background-image: -webkit-linear-gradient(top, #cfdfe9, #fff);
|
||||
background-image: -moz-linear-gradient(top, #cfdfe9, #fff);
|
||||
@@ -1005,10 +1064,6 @@ table.widefat .spam a:hover,
|
||||
background-image: linear-gradient(to bottom, #cfdfe9, #fff);
|
||||
}
|
||||
|
||||
.wp-editor-wrap .wp_themeSkin .mceButtonDisabled {
|
||||
border-color: #b0c8d7 !important;
|
||||
}
|
||||
|
||||
.wp-editor-wrap .wp_themeSkin .mceListBox .mceOpen {
|
||||
border-left: 0 !important;
|
||||
}
|
||||
@@ -1019,16 +1074,21 @@ table.widefat .spam a:hover,
|
||||
.wp-editor-wrap .wp_themeSkin .mceListBoxSelected .mceOpen,
|
||||
.wp-editor-wrap .wp_themeSkin .mceListBoxSelected .mceText,
|
||||
.wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:active .mceText {
|
||||
background: #b0c8d7;
|
||||
border-color: #5589aa;
|
||||
border-color: #B0C8D7;
|
||||
background: #c9c9c9;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5));
|
||||
background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5);
|
||||
background-image: -moz-linear-gradient(bottom, #fff, #bdccd5);
|
||||
background-image: -o-linear-gradient(bottom, #fff, #bdccd5);
|
||||
background-image: linear-gradient(to top, #fff, #bdccd5);
|
||||
}
|
||||
|
||||
.wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceText,
|
||||
.wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceText,
|
||||
.wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
|
||||
.wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceOpen {
|
||||
border-color: #5589aa;
|
||||
background: #c9c9c9;
|
||||
border-color: #B0C8D7;
|
||||
background: #c7d8e2;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff));
|
||||
background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff);
|
||||
background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff);
|
||||
@@ -1036,39 +1096,56 @@ table.widefat .spam a:hover,
|
||||
background-image: linear-gradient(to top, #cfdfe9, #fff);
|
||||
}
|
||||
|
||||
/* SplitButton */
|
||||
.wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceAction,
|
||||
.wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceOpen {
|
||||
border-color: #b0c8d7;
|
||||
}
|
||||
|
||||
.wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceOpen:hover,
|
||||
.wp-editor-wrap .wp_themeSkin .mceSplitButton:hover a.mceOpen,
|
||||
.wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceOpen,
|
||||
.wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceAction,
|
||||
.wp-editor-wrap .wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
|
||||
.wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceAction:hover {
|
||||
border-color: #5589aa;
|
||||
border-color: #B0C8D7;
|
||||
}
|
||||
|
||||
.wp-editor-wrap .wp_themeSkin table.mceSplitButton td {
|
||||
background: #cfdfe9;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff));
|
||||
background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff);
|
||||
background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff);
|
||||
background-image: -o-linear-gradient(bottom, #cfdfe9, #fff);
|
||||
background-image: linear-gradient(to top, #cfdfe9, #fff);
|
||||
.wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected td {
|
||||
background: #c9c9c9;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5));
|
||||
background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5);
|
||||
background-image: -moz-linear-gradient(bottom, #fff, #bdccd5);
|
||||
background-image: -o-linear-gradient(bottom, #fff, #bdccd5);
|
||||
background-image: linear-gradient(to top, #fff, #bdccd5);
|
||||
}
|
||||
|
||||
.wp-editor-wrap .wp_themeSkin table.mceSplitButton:hover td {
|
||||
border-color: #bbb;
|
||||
background: #c9c9c9;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#bdccd5), to(#000));
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#bdccd5), to(#fff));
|
||||
background-image: -webkit-linear-gradient(bottom, #bdccd5, #fff);
|
||||
background-image: -moz-linear-gradient(bottom, #bdccd5, #fff);
|
||||
background-image: -o-linear-gradient(bottom, #bdccd5, #fff);
|
||||
background-image: linear-gradient(to top, #bdccd5, #fff);
|
||||
}
|
||||
|
||||
.wp-editor-wrap .wp_themeSkin .mceSplitButtonActive {
|
||||
background-color: #b0c8d7;
|
||||
.wp-editor-wrap .wp_themeSkin table.mceSplitButton:active td.mceFirst,
|
||||
.wp-editor-wrap .wp_themeSkin table.mceSplitButton td.mceLast:active {
|
||||
border-color: #bbb;
|
||||
background: #c9c9c9;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5));
|
||||
background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5);
|
||||
background-image: -moz-linear-gradient(bottom, #fff, #bdccd5);
|
||||
background-image: -o-linear-gradient(bottom, #fff, #bdccd5);
|
||||
background-image: linear-gradient(to top, #fff, #bdccd5);
|
||||
}
|
||||
|
||||
.wp-editor-wrap .wp_themeSkin .mceSplitButtonActive td a.mceAction,
|
||||
.wp-editor-wrap .wp_themeSkin .mceSplitButtonActive td a.mceOpen {
|
||||
border-color: #B0C8D7;
|
||||
}
|
||||
|
||||
.wp-editor-wrap .wp_themeSkin .mceSplitButtonActive td {
|
||||
background: #c9c9c9;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5));
|
||||
background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5);
|
||||
background-image: -moz-linear-gradient(bottom, #fff, #bdccd5);
|
||||
background-image: -o-linear-gradient(bottom, #fff, #bdccd5);
|
||||
background-image: linear-gradient(to top, #fff, #bdccd5);
|
||||
}
|
||||
|
||||
/* ColorSplitButton */
|
||||
|
||||
+122
-48
@@ -52,6 +52,7 @@ input[type="text"]:focus,
|
||||
input[type="password"]:focus,
|
||||
input[type="file"]:focus,
|
||||
input[type="button"]:focus,
|
||||
input[type="submit"].focus,
|
||||
input[type="submit"]:focus,
|
||||
input[type="reset"]:focus,
|
||||
input[type="email"]:focus,
|
||||
@@ -368,81 +369,150 @@ td.help {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
a.button:active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.button,
|
||||
.button-secondary,
|
||||
.submit input,
|
||||
input[type=button],
|
||||
input[type=submit] {
|
||||
border-color: #bbb;
|
||||
color: #464646;
|
||||
background: #ececec;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
|
||||
background-image: -webkit-linear-gradient(top, #fff, #eee);
|
||||
background-image: -moz-linear-gradient(top, #fff, #eee);
|
||||
background-image: -o-linear-gradient(top, #fff, #eee);
|
||||
background-image: linear-gradient(to bottom, #fff, #eee);
|
||||
border-color: #ccc;
|
||||
-webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255, 0.9);
|
||||
box-shadow: inset 0 0 1px 1px rgba(255,255,255, 0.9);
|
||||
color: #464646;
|
||||
text-shadow: 1px 1px 0 #fff;
|
||||
}
|
||||
|
||||
.button.hover,
|
||||
.button:hover,
|
||||
.button-secondary.hover,
|
||||
.button-secondary:hover,
|
||||
.submit input:hover,
|
||||
input[type=button]:hover,
|
||||
input[type=submit]:hover {
|
||||
input[type=submit]:hover,
|
||||
.button.focus,
|
||||
.button:focus,
|
||||
.button-secondary.focus,
|
||||
.button-secondary:focus,
|
||||
.submit input.focus,
|
||||
.submit input:focus,
|
||||
input[type=button].focus,
|
||||
input[type=button]:focus,
|
||||
input[type=submit]:focus {
|
||||
background: #ececec;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
|
||||
background-image: -webkit-linear-gradient(top, #fff, #eee);
|
||||
background-image: -moz-linear-gradient(top, #fff, #eee);
|
||||
background-image: -o-linear-gradient(top, #fff, #eee);
|
||||
background-image: linear-gradient(to bottom, #fff, #eee);
|
||||
border-color: #bbb;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
||||
color: #000;
|
||||
border-color: #666;
|
||||
}
|
||||
|
||||
.button,
|
||||
.submit input,
|
||||
.button-secondary {
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
background: #f2f2f2;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#ededed), to(#fff));
|
||||
background-image: -webkit-linear-gradient(bottom, #ededed, #fff);
|
||||
background-image: -moz-linear-gradient(bottom, #ededed, #fff);
|
||||
background-image: -o-linear-gradient(bottom, #ededed, #fff);
|
||||
background-image: linear-gradient(to top, #ededed, #fff);
|
||||
}
|
||||
|
||||
.button.active,
|
||||
.button:active,
|
||||
.small.active,
|
||||
.small:active,
|
||||
.button-secondary.active,
|
||||
.button-secondary:active,
|
||||
.submit input:active,
|
||||
.button-secondary:active {
|
||||
input[type=button].active,
|
||||
input[type=button]:active,
|
||||
input[type=submit]:active {
|
||||
background: #eee;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
|
||||
background-image: -webkit-linear-gradient(top, #ededed, #fff);
|
||||
background-image: -moz-linear-gradient(top, #ededed, #fff);
|
||||
background-image: -o-linear-gradient(top, #ededed, #fff);
|
||||
background-image: linear-gradient(to bottom, #ededed, #fff);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#f9f9f9));
|
||||
background-image: -webkit-linear-gradient(top, #eee, #f9f9f9);
|
||||
background-image: -moz-linear-gradient(top, #eee, #f9f9f9);
|
||||
background-image: -o-linear-gradient(top, #eee, #f9f9f9);
|
||||
background-image: linear-gradient(to bottom, #eee, #f9f9f9);
|
||||
border-color: #999 #ddd #ddd #999;
|
||||
color: #555;
|
||||
-webkit-box-shadow: inset 1px 1px 0 rgba(50,50,50,0.1);
|
||||
box-shadow: inset 1px 1px 0 rgba(50,50,50,0.1);
|
||||
}
|
||||
|
||||
.button.focus,
|
||||
.button:focus,
|
||||
.button-secondary.focus,
|
||||
.button-secondary:focus,
|
||||
.submit input.focus,
|
||||
.submit input:focus,
|
||||
input[type=button].focus,
|
||||
input[type=button]:focus,
|
||||
input[type=submit]:focus {
|
||||
border-color: #aaa;
|
||||
}
|
||||
|
||||
input.button-primary,
|
||||
button.button-primary,
|
||||
a.button-primary {
|
||||
border-color: #298cba;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
|
||||
background: #21759b;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#227199), to(#298cba));
|
||||
background-image: -webkit-linear-gradient(bottom, #227199, #298cba);
|
||||
background-image: -moz-linear-gradient(bottom, #227199, #298cba);
|
||||
background-image: -o-linear-gradient(bottom, #227199, #298cba);
|
||||
background-image: linear-gradient(to top, #227199, #298cba);
|
||||
}
|
||||
|
||||
input.button-primary:active,
|
||||
button.button-primary:active,
|
||||
a.button-primary:active {
|
||||
color: #eaf2fa;
|
||||
background: #298cba;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#227199), to(#298cba));
|
||||
background-image: -webkit-linear-gradient(top, #227199, #298cba);
|
||||
background-image: -moz-linear-gradient(top, #227199, #298cba);
|
||||
background-image: -o-linear-gradient(top, #227199, #298cba);
|
||||
background-image: linear-gradient(to bottom, #227199, #298cba);
|
||||
background-color: #21759b;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
|
||||
background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
|
||||
background-image: -moz-linear-gradient(top, #2a95c5, #21759b);
|
||||
background-image: -o-linear-gradient(top, #2a95c5, #21759b);
|
||||
background-image: linear-gradient(to bottom, #2a95c5, #21759b);
|
||||
border-color: #21759b;
|
||||
border-bottom-color: #1e6a8d;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
|
||||
box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
input.button-primary.hover,
|
||||
input.button-primary:hover,
|
||||
button.button-primary:hover,
|
||||
a.button-primary:hover,
|
||||
a.button-primary:focus,
|
||||
input.button-primary.focus,
|
||||
input.button-primary:focus,
|
||||
button.button-primary:focus,
|
||||
a.button-primary:focus {
|
||||
background-color: #278ab7;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
|
||||
background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
|
||||
background-image: -moz-linear-gradient(top, #2e9fd2, #21759b);
|
||||
background-image: -o-linear-gradient(top, #2e9fd2, #21759b);
|
||||
background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
|
||||
border-color: #1b607f;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 1px rgba(0,0,0,.3);
|
||||
box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 1px rgba(0,0,0,.3);
|
||||
color: #fff;
|
||||
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
input.button-primary.active,
|
||||
input.button-primary:active,
|
||||
button.button-primary:active,
|
||||
a.button-primary:active {
|
||||
border-color: #13455b;
|
||||
color: #eaf2fa;
|
||||
background: #1b607f;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
|
||||
background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
|
||||
background-image: -moz-linear-gradient(top, #21759b, #278ab7);
|
||||
background-image: -o-linear-gradient(top, #21759b, #278ab7);
|
||||
background-image: linear-gradient(to bottom, #21759b, #278ab7);
|
||||
border-color: #124560 #2382ae #2382ae #124560;
|
||||
color: rgba(255,255,255,0.95);
|
||||
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1);
|
||||
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
input.button-primary.focus,
|
||||
input.button-primary:focus,
|
||||
button.button-primary:focus,
|
||||
a.button-primary:focus {
|
||||
border-color: #124560;
|
||||
}
|
||||
|
||||
.button-disabled,
|
||||
@@ -453,13 +523,17 @@ a.button-primary:active {
|
||||
a.button.disabled {
|
||||
color: #aaa !important;
|
||||
border-color: #ddd !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.button-primary-disabled,
|
||||
.button-primary[disabled],
|
||||
.button-primary:disabled {
|
||||
color: #9fd0d5 !important;
|
||||
color: #94cde7 !important;
|
||||
background: #298cba !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
|
||||
+1
-2
@@ -124,8 +124,7 @@ table.fixed td {
|
||||
|
||||
#wpbody-content input.button,
|
||||
#wpbody-content input.button-primary,
|
||||
#wpbody-content input.button-secondary,
|
||||
#wpbody-content input.button-highlighted {
|
||||
#wpbody-content input.button-secondary {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
|
||||
@@ -2303,7 +2303,6 @@ h3.tb {
|
||||
.button,
|
||||
.button-primary,
|
||||
.button-secondary,
|
||||
.button-highlighted,
|
||||
#postcustomstuff .submit input {
|
||||
font-family: Tahoma, Arial, sans-serif;
|
||||
}
|
||||
@@ -2473,7 +2472,6 @@ body.login.locale-he-il,
|
||||
.locale-he-il .button,
|
||||
.locale-he-il .button-primary,
|
||||
.locale-he-il .button-secondary,
|
||||
.locale-he-il .button-highlighted,
|
||||
.locale-he-il #postcustomstuff .submit input,
|
||||
.locale-he-il div.sidebar-name h3 {
|
||||
font-family: Arial, sans-serif;
|
||||
|
||||
+35
-35
@@ -779,28 +779,41 @@ input.button,
|
||||
.button-primary,
|
||||
input.button-primary,
|
||||
.button-secondary,
|
||||
input.button-secondary,
|
||||
.button-highlighted,
|
||||
input.button-highlighted,
|
||||
#postcustomstuff .submit input {
|
||||
input.button-secondary {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
font-size: 12px !important;
|
||||
line-height: 13px;
|
||||
padding: 3px 8px;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
margin: 0;
|
||||
padding: 0.5em 0.8em 0.4em;
|
||||
cursor: pointer;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
-webkit-border-radius: 11px;
|
||||
border-radius: 11px;
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.button.button-small {
|
||||
padding: 3px .8em 2px;
|
||||
}
|
||||
|
||||
.button.button-large {
|
||||
font-size: 14px;
|
||||
padding: 0.6em 1em 0.5em;
|
||||
}
|
||||
|
||||
.button.button-tiny {
|
||||
padding: .2em .8em;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#minor-publishing-actions input,
|
||||
#major-publishing-actions input,
|
||||
#minor-publishing-actions .preview {
|
||||
min-width: 80px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -1015,15 +1028,6 @@ ul#add-to-blog-users {
|
||||
list-style: square;
|
||||
}
|
||||
|
||||
a.button,
|
||||
a.button-primary,
|
||||
a.button-secondary {
|
||||
line-height: 15px;
|
||||
padding: 3px 10px;
|
||||
white-space: nowrap;
|
||||
-webkit-border-radius: 10px;
|
||||
}
|
||||
|
||||
.approve,
|
||||
.unapproved .unapprove {
|
||||
display: none;
|
||||
@@ -2804,7 +2808,7 @@ table .inline-edit-row fieldset ul.cat-hover {
|
||||
|
||||
#titlediv {
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#titlediv label { cursor: text; }
|
||||
|
||||
@@ -2857,11 +2861,15 @@ input#link_url {
|
||||
}
|
||||
|
||||
#edit-slug-box {
|
||||
height: 1em;
|
||||
margin-top: 8px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
#edit-slug-box .cancel {
|
||||
margin-right: 10px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#editable-post-name-full {
|
||||
display: none;
|
||||
}
|
||||
@@ -3159,7 +3167,7 @@ td.plugin-title p {
|
||||
#postcustom #postcustomstuff .submit {
|
||||
border: 0 none;
|
||||
float: none;
|
||||
padding: 5px 8px;
|
||||
padding: 0 0 8px 8px;
|
||||
}
|
||||
|
||||
#side-sortables #postcustom #postcustomstuff .submit {
|
||||
@@ -3195,10 +3203,6 @@ td.plugin-title p {
|
||||
width: 38%;
|
||||
}
|
||||
|
||||
#postcustomstuff #newmeta .submit {
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
#postcustomstuff .submit input,
|
||||
#postcustomstuff table #newmeta-submit {
|
||||
width: auto;
|
||||
@@ -4243,7 +4247,7 @@ span.imgedit-scale-warn {
|
||||
|
||||
#replysubmit {
|
||||
margin: 0;
|
||||
padding: 0 7px 3px;
|
||||
padding: 0 5px 3px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -4672,8 +4676,6 @@ h2 .nav-tab {
|
||||
.plugins .name,
|
||||
#pass-strength-result.strong,
|
||||
#pass-strength-result.short,
|
||||
.button-highlighted,
|
||||
input.button-highlighted,
|
||||
#ed_reply_toolbar #ed_reply_strong,
|
||||
.item-controls .item-order a,
|
||||
.feature-filter .feature-name {
|
||||
@@ -5631,7 +5633,6 @@ table.form-table td .updated {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#titlediv,
|
||||
#poststuff .postarea {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@@ -6084,7 +6085,7 @@ h3:hover .edit-box {
|
||||
}
|
||||
|
||||
#dashboard-widgets #dashboard_quick_press form p.submit #save-post {
|
||||
margin: 0 1em 0 10px;
|
||||
margin: 0 0.3em 0 5px;
|
||||
}
|
||||
|
||||
#dashboard-widgets #dashboard_quick_press form p.submit #publish {
|
||||
@@ -6278,8 +6279,7 @@ a.rsswidget {
|
||||
|
||||
.login .button-primary {
|
||||
font-size: 13px !important;
|
||||
line-height: 16px;
|
||||
padding: 3px 10px;
|
||||
padding: .4em .8em;
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user