Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes.

We'll be using it for two distinct tasks:
 * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build.
 * Color CSS files will receive prefixes when they are built.

This commit:
 * Adds prefixes we were missing to core CSS.
 * Removes prefixes that we no longer need from core CSS.
 * Removes all prefixes from colors CSS.

props ocean90.
fixes #27078.


git-svn-id: https://develop.svn.wordpress.org/trunk@27174 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Nacin 2014-02-13 08:29:16 +00:00
parent 12b13fe7cf
commit 01b809bf2b
16 changed files with 333 additions and 293 deletions

View File

@ -9,6 +9,28 @@ module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
autoprefixer: {
options: {
browsers: ['Android >= 2.1', 'Chrome >= 21', 'Explorer >= 7', 'Firefox >= 17', 'Opera >= 12.1', 'Safari >= 6.0']
},
core: {
expand: true,
cwd: SOURCE_DIR,
dest: SOURCE_DIR,
src: [
'wp-admin/css/*.css',
'wp-includes/css/*.css'
]
},
colors: {
expand: true,
cwd: BUILD_DIR,
dest: BUILD_DIR,
src: [
'wp-admin/css/colors/*/colors.css'
]
}
},
clean: {
all: [BUILD_DIR],
dynamic: {
@ -95,7 +117,6 @@ module.exports = function(grunt) {
'wp-admin/css/*.css',
'wp-includes/css/*.css',
// Exceptions
'!wp-admin/css/theme.css', // Temporary file
'!wp-admin/css/farbtastic.css'
]
},
@ -376,7 +397,7 @@ module.exports = function(grunt) {
grunt.registerTask('rtl', ['cssjanus:core', 'cssjanus:colors']);
// Color schemes task.
grunt.registerTask('colors', ['sass:colors']);
grunt.registerTask('colors', ['sass:colors', 'autoprefixer:colors']);
// Build task.
grunt.registerTask('build', ['clean:all', 'copy:all', 'cssmin:core', 'colors', 'rtl', 'cssmin:rtl', 'cssmin:colors',

View File

@ -21,6 +21,7 @@
"grunt-contrib-jshint": "~0.8.0",
"grunt-cssjanus": "~0.2.2",
"grunt-sass": "~0.10.0",
"grunt-autoprefixer": "~0.6.5",
"grunt-jsvalidate": "~0.2.2",
"grunt-contrib-imagemin" : "~0.4.1",
"matchdep": "~0.3.0"

View File

@ -9,6 +9,7 @@
.wp-color-result {
background-color: #f7f7f7;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
display: inline-block;
@ -16,20 +17,20 @@
margin: 0 6px 6px 0px;
position: relative;
top: 1px;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
vertical-align: bottom;
display: inline-block;
padding-left: 30px;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.08);
box-shadow: 0 1px 0 rgba(0,0,0,.08);
}
.wp-color-result:after {
background: #f7f7f7;
-webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
border-left: 1px solid #ccc;
color: #555;
@ -42,7 +43,6 @@
right: 0;
text-align: center;
top: 0;
-webkit-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
}
@ -96,6 +96,7 @@
}
.wp-picker-container .iris-picker {
-webkit-border-radius: 0;
border-radius: 0;
border-color: #dfdfdf;
margin-top: 6px;

View File

@ -439,7 +439,6 @@ ul#adminmenu > li.current > a.current:after {
.wp-slider .ui-slider-handle.focus {
background: $button-color;
border-color: darken( $button-color, 10% );
-webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
}

View File

@ -1,12 +1,11 @@
/*
* Button mixin- creates 3d-ish button effect with correct
* Button mixin- creates 3d-ish button effect with correct
* highlights/shadows, based on a base color.
*/
@mixin button( $button-color, $text-color: white ) {
background: $button-color;
border-color: darken( $button-color, 10% );
color: $text-color;
-webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
&:hover,
@ -14,7 +13,6 @@
background: darken( $button-color, 5% );
border-color: darken( $button-color, 15% );
color: $text-color;
-webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
}
@ -22,7 +20,6 @@
background: darken( $button-color, 10% );
border-color: darken( $button-color, 15% );
color: $text-color;
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
}

View File

@ -84,8 +84,8 @@ body {
}
#customize-theme-controls {
-webkit-box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
}
#customize-theme-controls .control-section {
@ -218,7 +218,9 @@ body {
.collapse-sidebar {
background-color: transparent !important;
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
}
@ -256,6 +258,7 @@ body {
border: 2px solid #eeeeee;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@ -423,10 +426,7 @@ body {
.accordion-section .customize-control-image .upload-dropzone.supports-drag-drop {
display: block;
-webkit-transition: border-color 0.1s;
-moz-transition: border-color 0.1s;
-ms-transition: border-color 0.1s;
-o-transition: border-color 0.1s;
transition: border-color 0.1s;
transition: border-color 0.1s;
}
.accordion-section .customize-control-upload .library ul li,

View File

@ -68,6 +68,7 @@ abbr {
#logo a {
background-image: url('../images/w-logo-blue.png?ver=20131202');
background-image: none, url('../images/wordpress-logo.svg?ver=20131107');
-webkit-background-size: 80px 80px;
background-size: 80px 80px;
background-position: center top;
background-repeat: no-repeat;
@ -99,9 +100,8 @@ textarea {
border: 1px solid #dfdfdf;
font-family: "Open Sans", sans-serif;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box; /* ie8 only */
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@ -142,6 +142,7 @@ textarea {
font-size: 15px;
padding: 3px 5px;
border: 1px solid #ddd;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
}
@ -304,8 +305,9 @@ body.rtl,
padding: 7px 10px;
display: block;
max-width: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}

View File

@ -352,21 +352,25 @@ table.not-image tr.image-only {
.image-align-none-label {
background-image: url("../images/align-none-2x.png?ver=20120916");
-webkit-background-size: 21px 15px;
background-size: 21px 15px;
}
.image-align-left-label {
background-image: url("../images/align-left-2x.png?ver=20120916");
-webkit-background-size: 22px 15px;
background-size: 22px 15px;
}
.image-align-center-label {
background-image: url("../images/align-center-2x.png?ver=20120916");
-webkit-background-size: 21px 15px;
background-size: 21px 15px;
}
.image-align-right-label {
background-image: url("../images/align-right-2x.png?ver=20120916");
-webkit-background-size: 22px 15px;
background-size: 22px 15px;
}
}

File diff suppressed because it is too large Load Diff

View File

@ -8,14 +8,13 @@
text-transform: none;
letter-spacing: normal;
font: normal 13px/32px "Open Sans", sans-serif;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
transition: none;
-webkit-font-smoothing: subpixel-antialiased; /* Prevent Safari from switching to standard antialiasing on hover */
}
@ -101,7 +100,7 @@ html:lang(he-il) .rtl #wpadminbar * {
}
/* Prevent a Chrome bug that inadvertantly activates
:hover states on an element that touches the extreme
:hover states on an element that touches the extreme
top left corner of the viewport. See #18868 */
#wpadminbar .quicklinks {
border-left: 1px solid transparent;
@ -250,7 +249,6 @@ html:lang(he-il) .rtl #wpadminbar * {
#wpadminbar .ab-item:before,
#wpadminbar #adminbarsearch:before {
position: relative;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
@ -587,24 +585,17 @@ html:lang(he-il) .rtl #wpadminbar * {
border: none;
outline: none;
cursor: pointer;
-webkit-box-shadow: none;
box-shadow: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: width, background;
transition-property: width, background;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@ -867,14 +858,14 @@ html:lang(he-il) .rtl #wpadminbar * {
color: #999;
position: relative;
}
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
#wpadminbar .ab-icon,
#wpadminbar .ab-item:before {
padding: 0;
margin-right: 0;
}
#wpadminbar #wp-admin-bar-edit > .ab-item:before,
#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
#wpadminbar #wp-admin-bar-site-name > .ab-item:before,
@ -1005,11 +996,10 @@ html:lang(he-il) .rtl #wpadminbar * {
#wpadminbar li:hover ul li:hover ul li {
display: list-item;
}
/* Override default min-width so dropdown lists aren't stretched
to 100% viewport width at responsive sizes. */
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
min-width: intrinsic;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
@ -1040,9 +1030,9 @@ html:lang(he-il) .rtl #wpadminbar * {
.network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
margin-right: 0;
}
/* Realign arrows on taller responsive submenus */
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
top: 10px;
left: 0;
@ -1054,7 +1044,7 @@ html:lang(he-il) .rtl #wpadminbar * {
#wpadminbar {
position: absolute;
}
#wp-responsive-overlay {
position: fixed;
top: 0;
@ -1077,7 +1067,7 @@ html:lang(he-il) .rtl #wpadminbar * {
#wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
margin-left: 0;
}
#wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
margin: 0;
width: 100%;
@ -1085,12 +1075,12 @@ html:lang(he-il) .rtl #wpadminbar * {
left: auto;
position: relative;
}
#wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
font-size: 16px;
padding: 6px 15px 19px 30px;
}
#wpadminbar li:hover ul li ul li {
display: list-item;
}
@ -1099,9 +1089,9 @@ html:lang(he-il) .rtl #wpadminbar * {
#wpadminbar li#wp-admin-bar-updates {
display: none;
}
/* Make submenus full-width at this size */
#wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
position: static;
-webkit-box-shadow: none;

View File

@ -48,13 +48,13 @@ TABLE OF CONTENTS:
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 3px;
-webkit-appearance: none;
-webkit-border-radius: 3px;
border-radius: 3px;
white-space: nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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 */
@ -107,7 +107,6 @@ TABLE OF CONTENTS:
.wp-core-ui input[type="reset"]:focus {
background: none;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 2px 1px;
@ -123,7 +122,6 @@ TABLE OF CONTENTS:
color: #555;
border-color: #cccccc;
background: #f7f7f7;
-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
vertical-align: top;
@ -159,7 +157,7 @@ TABLE OF CONTENTS:
background: #eee;
border-color: #999;
color: #333;
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
}
@ -173,7 +171,7 @@ TABLE OF CONTENTS:
color: #aaa !important;
border-color: #ddd !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
box-shadow: none !important;
text-shadow: 0 1px 0 #fff !important;
cursor: default;
}
@ -184,8 +182,8 @@ TABLE OF CONTENTS:
.wp-core-ui .button-primary {
background: #2ea2cc;
border-color: #0074a2;
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
border-color: #0074a2;
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
color: #fff;
text-decoration: none;
@ -197,7 +195,7 @@ TABLE OF CONTENTS:
.wp-core-ui .button-primary:focus {
background: #1e8cbe;
border-color: #0074a2;
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
color: #fff;
}
@ -216,7 +214,7 @@ TABLE OF CONTENTS:
background: #1b7aa6;
border-color: #005684;
color: rgba(255,255,255,0.95);
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
vertical-align: top;
}
@ -229,7 +227,7 @@ TABLE OF CONTENTS:
background: #298cba !important;
border-color: #1b607f !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
box-shadow: none !important;
text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important;
cursor: default;
}
@ -248,6 +246,7 @@ TABLE OF CONTENTS:
.wp-core-ui .button-group > .button {
display: inline-block;
-webkit-border-radius: 0;
border-radius: 0;
margin-right: -1px;
z-index: 10;
@ -262,10 +261,12 @@ TABLE OF CONTENTS:
}
.wp-core-ui .button-group > .button:first-child {
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.wp-core-ui .button-group > .button:last-child {
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
@ -288,7 +289,7 @@ TABLE OF CONTENTS:
height: auto;
margin-bottom: 4px;
}
#media-upload.wp-core-ui .button {
padding: 0 10px 1px;
height: 24px;
@ -301,7 +302,7 @@ TABLE OF CONTENTS:
position: relative;
margin: 0 14px 0 10px; /* 14px right margin to match all other buttons */
}
/* Reset responsive styles in Press This, Customizer */
.wp-core-ui.wp-customizer .button,
@ -316,13 +317,13 @@ TABLE OF CONTENTS:
margin: 0;
vertical-align: inherit;
}
/* Reset responsive styles on Log in button on iframed login form */
.interim-login .button.button-large {
height: 30px;
line-height: 28px;
padding: 0 12px 2px;
}
}

View File

@ -5,6 +5,7 @@
div.mce-panel {
border: 0;
background: #fff;
-webkit-filter: none;
filter: none;
}
@ -32,6 +33,7 @@ div.mce-statusbar {
.mce-toolbar .mce-btn {
border-color: transparent;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
@ -41,12 +43,14 @@ div.mce-statusbar {
margin: 0 1px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-filter: none;
filter: none;
}
#wp-fullscreen-buttons .mce-btn:hover,
.mce-toolbar .mce-btn-group .mce-btn:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-active {
-webkit-box-shadow: 0 0 transparent;
box-shadow: 0 0 transparent;
border-color: #bbb;
background: #eee;
@ -79,12 +83,13 @@ div.mce-statusbar {
}
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
-webkit-border-radius: 0;
border-radius: 0;
direction: ltr;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
}
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
@ -306,8 +311,8 @@ i.mce-i-wp_page:before {
outline: none;
display: block;
resize: vertical;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@ -431,8 +436,8 @@ i.mce-i-wp_page:before {
border-bottom-style: solid;
border-bottom-width: 1px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
padding: 2px 8px 0;
min-height: 29px;
@ -456,8 +461,6 @@ i.mce-i-wp_page:before {
background: #eee;
background-image: -webkit-gradient(linear, left bottom, left top, from(#e3e3e3), to(#fff));
background-image: -webkit-linear-gradient(bottom, #e3e3e3, #fff);
background-image: -moz-linear-gradient(bottom, #e3e3e3, #fff);
background-image: -o-linear-gradient(bottom, #e3e3e3, #fff);
background-image: linear-gradient(to top, #e3e3e3, #fff);
}
@ -540,6 +543,8 @@ i.mce-i-wp_page:before {
#wp-link input[type="text"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#wp-link input[type="text"],
@ -966,7 +971,7 @@ i.mce-i-wp_page:before {
z-index: 300002;
border: 0;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.7);
box-shadow: 0 5px 15px rgba(0,0,0,0.7);
box-shadow: 0 5px 15px rgba(0,0,0,0.7);
background-color: #f5f5f5;
}
@ -1138,6 +1143,7 @@ i.mce-i-wp_page:before {
bottom: 0;
left: 0;
right: 0;
-webkit-filter: inherit;
filter: inherit;
}
@ -1171,7 +1177,7 @@ i.mce-i-wp_page:before {
bottom: 30px;
top: 60px;
z-index: 150010;
}
.wp-fullscreen-wrap .wp-editor-container,
@ -1298,8 +1304,6 @@ i.mce-i-wp_page:before {
background: #f4f4f4;
background-image: -webkit-gradient(linear, left bottom, left top, from(#e4e4e4), to(#f9f9f9));
background-image: -webkit-linear-gradient(bottom, #e4e4e4, #f9f9f9);
background-image: -moz-linear-gradient(bottom, #e4e4e4, #f9f9f9);
background-image: -o-linear-gradient(bottom, #e4e4e4, #f9f9f9);
background-image: linear-gradient(to top, #e4e4e4, #f9f9f9);
}
@ -1311,23 +1315,21 @@ i.mce-i-wp_page:before {
background: #eee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #e4e4e4, #f9f9f9);
background-image: -moz-linear-gradient(top, #e4e4e4, #f9f9f9);
background-image: -o-linear-gradient(top, #e4e4e4, #f9f9f9);
background-image: linear-gradient(to bottom, #e4e4e4, #f9f9f9);
}
#wp-fullscreen-modes a:first-child {
border-width: 1px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
}
#wp-fullscreen-modes a:last-child {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
}
@ -1352,6 +1354,7 @@ i.mce-i-wp_page:before {
line-height: 20px;
overflow: visible;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@ -1491,6 +1494,7 @@ html:lang(he-il) .rtl .quicktags-toolbar input {
#wp-link .toggle-arrow {
background: transparent url('../images/toggle-arrow-2x.png') top left no-repeat;
-webkit-background-size: 19px 69px;
background-size: 19px 69px;
}
}

View File

@ -255,7 +255,7 @@
z-index: 300002;
border: 0;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.7);
box-shadow: 0 5px 15px rgba(0,0,0,0.7);
box-shadow: 0 5px 15px rgba(0,0,0,0.7);
background-color: #f5f5f5;
}

View File

@ -3,8 +3,8 @@
*/
.media-modal * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.media-modal,
@ -57,9 +57,8 @@
.media-frame select {
font-family: "Open Sans", sans-serif;
font-size: 12px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box; /* ie8 only */
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 1px;
border-style: solid;
@ -93,18 +92,15 @@
/* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */
.ui-sortable,
.ui-draggable {
-ms-touch-action: none;
touch-action: none;
touch-action: none;
}
.meta-box-sortables.ui-sortable {
-ms-touch-action: auto;
touch-action: auto;
touch-action: auto;
}
.meta-box-sortables.ui-sortable .hndle {
-ms-touch-action: none;
touch-action: none;
touch-action: none;
}
/**
@ -183,6 +179,7 @@
bottom: 0;
overflow: auto;
min-height: 300px;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.7);
box-shadow: 0 5px 15px rgba(0,0,0,0.7);
background: #fcfcfc;
-webkit-font-smoothing: subpixel-antialiased;
@ -458,9 +455,8 @@
}
.media-router a {
-moz-transition: none;
-webkit-transition: none;
transition: none;
transition: none;
}
.media-router > a {
@ -592,6 +588,7 @@
.media-frame.hide-router .media-frame-title {
border-bottom: 1px solid #dfdfdf;
-webkit-box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, 0.1 );
box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, 0.1 );
}
@ -660,21 +657,21 @@
.attachment {
position: relative;
float: left;
padding: 0;
margin: 0 10px 20px;
color: #464646;
list-style: none;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selected.attachment {
-webkit-box-shadow:
0 0 0 1px #fff,
0 0 0 3px #ccc;
box-shadow:
0 0 0 1px #fff,
0 0 0 3px #ccc;
@ -684,6 +681,9 @@
position: relative;
width: 199px;
height: 199px;
-webkit-box-shadow:
inset 0 0 15px rgba( 0, 0, 0, 0.1 ),
inset 0 0 0 1px rgba( 0, 0, 0, 0.05 );
box-shadow:
inset 0 0 15px rgba( 0, 0, 0, 0.1 ),
inset 0 0 0 1px rgba( 0, 0, 0, 0.05 );
@ -716,6 +716,7 @@
left: 0;
right: 0;
bottom: 0;
-webkit-box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.1 );
box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.1 );
overflow: hidden;
}
@ -734,18 +735,14 @@
width: 100%;
height: 100%;
-webkit-transform: translate( 50%, 50% );
-moz-transform: translate( 50%, 50% );
-ms-transform: translate( 50%, 50% );
-o-transform: translate( 50%, 50% );
transform: translate( 50%, 50% );
-ms-transform: translate( 50%, 50% );
transform: translate( 50%, 50% );
}
.attachment .thumbnail .centered img {
-webkit-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-o-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
}
.attachment .filename {
@ -760,6 +757,7 @@
text-align: center;
font-weight: bold;
background: rgba( 255, 255, 255, 0.8 );
-webkit-box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.15 );
box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.15 );
}
@ -792,11 +790,14 @@
background-color: #fff;
background-position: -96px 4px;
border-width: 0;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.3 );
box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.3 );
}
.attachment .close:hover {
-webkit-box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.6 );
box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.6 );
}
@ -813,6 +814,7 @@
right: -6px;
outline: none;
background: #eee;
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba( 0, 0, 0, 0.4 );
box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba( 0, 0, 0, 0.4 );
}
@ -832,12 +834,16 @@
}
.attachment.details {
-webkit-box-shadow: 0 0 0 1px #fff,
0 0 0 5px #1e8cbe;
box-shadow: 0 0 0 1px #fff,
0 0 0 5px #1e8cbe;
}
.attachment.details .check {
background-color: #1e8cbe;
-webkit-box-shadow: 0 0 0 1px #fff,
0 0 0 2px #1e8cbe;
box-shadow: 0 0 0 1px #fff,
0 0 0 2px #1e8cbe;
}
@ -857,6 +863,7 @@
margin: -1px 0 0;
padding: 8px;
font-size: 12px;
-webkit-border-radius: 0;
border-radius: 0;
}
@ -908,6 +915,7 @@
height: 10px;
width: 70%;
margin: 10px auto;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #dfdfdf;
background: rgba( 0, 0, 0, 0.1 );
@ -918,11 +926,9 @@
min-width: 20px;
width: 0;
background: #1e8cbe;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: width 300ms;
-moz-transition: width 300ms;
-ms-transition: width 300ms;
-o-transition: width 300ms;
-webkit-transition: width 300ms;
transition: width 300ms;
}
@ -952,6 +958,7 @@
.media-sidebar .media-uploader-status {
border-bottom: 1px solid #dfdfdf;
-webkit-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
}
@ -1002,6 +1009,7 @@
padding: 8px;
border: 1px #c00 solid;
background: #ffebe8;
-webkit-border-radius: 3px;
border-radius: 3px;
}
@ -1013,9 +1021,8 @@
background: #e00;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e00), to(#a00));
background-image: -webkit-linear-gradient(top, #e00, #a00);
background-image: -moz-linear-gradient(top, #e00, #a00);
background-image: -o-linear-gradient(top, #e00, #a00);
background-image: linear-gradient(to bottom, #e00, #a00);
background-image: linear-gradient(to bottom, #e00, #a00);
-webkit-border-radius: 3px;
border-radius: 3px;
}
@ -1033,17 +1040,12 @@
right: 0;
bottom: 0;
background: rgba( 0, 86, 132, 0.9 );
z-index: 250000;
display: none;
text-align: center;
opacity: 0;
-webkit-transition: opacity 250ms;
-moz-transition: opacity 250ms;
-ms-transition: opacity 250ms;
-o-transition: opacity 250ms;
transition: opacity 250ms;
transition: opacity 250ms;
}
.uploader-window-content {
@ -1062,11 +1064,8 @@
left: 0;
right: 0;
-webkit-transform: translateY( -50% );
-moz-transform: translateY( -50% );
-ms-transform: translateY( -50% );
-o-transform: translateY( -50% );
transform: translateY( -50% );
-ms-transform: translateY( -50% );
transform: translateY( -50% );
font-size: 40px;
color: #fff;
padding: 0;
@ -1237,16 +1236,23 @@
}
.attachment.selection.selected {
-webkit-box-shadow: none;
box-shadow: none;
}
.attachment.selection.details {
-webkit-box-shadow:
0 0 0 1px #fff,
0 0 0 4px #1e8cbe;
box-shadow:
0 0 0 1px #fff,
0 0 0 4px #1e8cbe;
}
.media-selection .attachment.selection.details {
-webkit-box-shadow:
0 0 0 1px #fff,
0 0 0 3px #1e8cbe;
box-shadow:
0 0 0 1px #fff,
0 0 0 3px #1e8cbe;
@ -1260,11 +1266,9 @@
right: 0;
bottom: 0;
width: 25px;
background-image: -webkit-gradient(linear, right top, left top, from( rgba( 255, 255, 255, 1 ) ), to( rgba( 255, 255, 255, 0 ) ));
background-image: -webkit-linear-gradient(right, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) );
background-image: -moz-linear-gradient(right, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) );
background-image: -o-linear-gradient(right, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) );
background-image: linear-gradient(to left, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) );
background-image: -webkit-gradient(linear, right top, left top, from(rgba( 255, 255, 255, 1 )), to(rgba( 255, 255, 255, 0 )));
background-image: -webkit-linear-gradient(right, rgba( 255, 255, 255, 1 ), rgba( 255, 255, 255, 0 ));
background-image: linear-gradient(to left, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) );
}
.media-selection .attachment .filename {
@ -1277,6 +1281,7 @@
.media-frame .spinner {
background: url('../images/spinner.gif') no-repeat;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
display: none;
opacity: 0.7;
@ -1322,6 +1327,7 @@
line-height: 18px;
color: #666;
border-bottom: 1px solid #e5e5e5;
-webkit-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
padding-bottom: 11px;
}
@ -1345,6 +1351,7 @@
.uploading .attachment-info .thumbnail {
width: 120px;
height: 80px;
-webkit-box-shadow: inset 0 0 15px rgba( 0, 0, 0, 0.1 );
box-shadow: inset 0 0 15px rgba( 0, 0, 0, 0.1 );
}
@ -1360,6 +1367,7 @@
left: 0;
right: 0;
bottom: 0;
-webkit-box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.15 );
box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.15 );
overflow: hidden;
}
@ -1438,6 +1446,7 @@
padding: 12px 14px;
width: 100%;
min-width: 200px;
-webkit-box-shadow: inset 2px 2px 4px -2px rgba( 0, 0, 0, 0.1 );
box-shadow: inset 2px 2px 4px -2px rgba( 0, 0, 0, 0.1 );
}
@ -1486,6 +1495,7 @@
left: 0;
right: 0;
bottom: 0;
-webkit-box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.1 );
box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.1 );
overflow: hidden;
}
@ -1692,7 +1702,7 @@
.media-modal-close {
right: 10px;
}
/* Text inputs need to be 16px, or they force zooming on iOS */
.media-frame input[type="text"],
.media-frame input[type="password"],
@ -1740,7 +1750,7 @@
.media-frame-title {
display: none;
}
.media-frame-toolbar {
position: absolute;
bottom: 0px;
@ -1765,7 +1775,7 @@
.attachment-details h3 {
margin-top: 45px;
}
/* Shorten right-side links so they don't overlap the close button */
.media-menu a:nth-child(2),
.media-menu a:last-child {
@ -1791,7 +1801,7 @@
top: 84px;
left: 0;
}
.media-frame-content {
left: 0;
top: 118px;
@ -1800,11 +1810,11 @@
.media-frame .attachments-browser {
padding-bottom: 300px;
}
.media-sidebar {
border-bottom: 1px solid #dddddd;
}
.media-modal {
width: auto;
}
@ -1910,7 +1920,7 @@
.media-frame-content {
top: 78px;
}
.attachments-browser .attachments {
top: 2px;
}
@ -1938,6 +1948,7 @@
.media-modal-icon {
background-image: url(../images/uploader-icons-2x.png);
-webkit-background-size: 134px 15px;
background-size: 134px 15px;
}

View File

@ -31,7 +31,7 @@
background-color: #eee;
z-index: 1000001;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.3);
box-shadow: 0 3px 6px rgba(0,0,0,0.3);
box-shadow: 0 3px 6px rgba(0,0,0,0.3);
}
#wp-auth-check-wrap.fallback #wp-auth-check {
@ -41,6 +41,7 @@
#wp-auth-check-wrap #wp-auth-check-form {
background: url(../images/wpspin-2x.gif) no-repeat center center;
-webkit-background-size: 16px 16px;
background-size: 16px 16px;
height: 100%;
}
@ -71,6 +72,7 @@
width: 22px;
color: #777;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale;
}
#wp-auth-check-wrap .wp-auth-check-close:hover:before {
@ -95,4 +97,4 @@
#wp-auth-check-wrap.fallback .wp-auth-fallback,
#wp-auth-check-wrap.fallback .wp-auth-check-close {
display: block;
}
}

View File

@ -5,7 +5,7 @@
background: #fff;
border: 1px solid #dfdfdf;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.075);
box-shadow: 0 3px 6px rgba(0,0,0,0.075);
box-shadow: 0 3px 6px rgba(0,0,0,0.075);
}
.wp-pointer-content h3 {
@ -22,6 +22,7 @@
.wp-pointer-content h3:before {
background: #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #2ea2cc;
content: '\f227';