diff --git a/Gruntfile.js b/Gruntfile.js index 8d9f9c9e79..f8d6dd423a 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -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', diff --git a/package.json b/package.json index 2fc8050332..b6726310ad 100644 --- a/package.json +++ b/package.json @@ -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" diff --git a/src/wp-admin/css/color-picker.css b/src/wp-admin/css/color-picker.css index 320d1266a5..1d00d96aa1 100644 --- a/src/wp-admin/css/color-picker.css +++ b/src/wp-admin/css/color-picker.css @@ -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; diff --git a/src/wp-admin/css/colors/_admin.scss b/src/wp-admin/css/colors/_admin.scss index 6b7714223c..5c63afec4d 100644 --- a/src/wp-admin/css/colors/_admin.scss +++ b/src/wp-admin/css/colors/_admin.scss @@ -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); } diff --git a/src/wp-admin/css/colors/_mixins.scss b/src/wp-admin/css/colors/_mixins.scss index 3e64f8c517..fdc7219cf9 100644 --- a/src/wp-admin/css/colors/_mixins.scss +++ b/src/wp-admin/css/colors/_mixins.scss @@ -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 ); } diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css index 63a3a3a4c1..c76a6e5fa3 100644 --- a/src/wp-admin/css/customize-controls.css +++ b/src/wp-admin/css/customize-controls.css @@ -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, diff --git a/src/wp-admin/css/install.css b/src/wp-admin/css/install.css index 336538e5b0..43bd702ac8 100644 --- a/src/wp-admin/css/install.css +++ b/src/wp-admin/css/install.css @@ -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; } } diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css index 2bc118c79e..c281762cb0 100644 --- a/src/wp-admin/css/media.css +++ b/src/wp-admin/css/media.css @@ -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; } } diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css index 299052fa44..8880646385 100644 --- a/src/wp-admin/css/wp-admin.css +++ b/src/wp-admin/css/wp-admin.css @@ -292,9 +292,8 @@ input[type="search"], input[type="email"], input[type="url"], textarea { - -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; } @@ -317,9 +316,10 @@ input[type="radio"] { min-width: 16px; -webkit-appearance: none; -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; - -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); - box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); + box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .wp-core-ui input[type="reset"]:hover, @@ -342,6 +342,7 @@ td > input[type="checkbox"], } input[type=radio] { + -webkit-border-radius: 50%; border-radius: 50%; margin-right: 4px; line-height: 10px; @@ -352,7 +353,7 @@ input.disabled, textarea:disabled, textarea.disabled { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04); - box-shadow: inset 0 1px 2px rgba(0,0,0,0.04); + box-shadow: inset 0 1px 2px rgba(0,0,0,0.04); border-color: rgba(222, 222, 222, .75); background: rgba(255, 255, 255, .5); color: rgba(51, 51, 51, .5); @@ -386,6 +387,7 @@ input[type=checkbox]:checked:before { input[type=radio]:checked:before { content: '\2022'; text-indent: -9999px; + -webkit-border-radius: 50px; border-radius: 50px; font-size: 24px; width: 6px; @@ -481,6 +483,7 @@ select { font-size: 14px; padding: 3px 5px; line-height: 15px; + -webkit-border-radius: 0; border-radius: 0; /* Reset mobile webkit's default element styling */ } @@ -492,14 +495,11 @@ textarea { a { color: #0074a2; -webkit-transition-property: border, background, color; - -moz-transition-property: border, background, color; - transition-property: border, background, color; + transition-property: border, background, color; -webkit-transition-duration: .05s; - -moz-transition-duration: .05s; - transition-duration: .05s; + transition-duration: .05s; -webkit-transition-timing-function: ease-in-out; - -moz-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; } a, @@ -880,18 +880,16 @@ div.updated, border-left: 4px solid #7ad03a; padding: 1px 12px; background-color: #fff; - - -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); - box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); + -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); + box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); } div.error, .login #login_error { border-left: 4px solid #dd3d36; background: #fff; - - -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); - box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); + -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); + box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); } div.error { @@ -929,6 +927,7 @@ div.error { top: -3px; text-decoration: none; border: none; + -webkit-border-radius: 2px; border-radius: 2px; background: #e0e0e0; text-shadow: none; @@ -959,6 +958,7 @@ input[type="tel"], input[type="url"], select { 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); background-color: #fff; color: #333; @@ -1141,8 +1141,7 @@ h3.dashboard-widget-title small, -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all .1s ease-in-out; - -moz-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; + transition: all .1s ease-in-out; } .icon16.icon-dashboard:before, @@ -1305,8 +1304,8 @@ hr { padding: 1.5em 0; margin: 5px 0; -webkit-border-bottom-left-radius: 3px; - -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; border: none; } @@ -1455,7 +1454,6 @@ fieldset label, top: 0; text-decoration: none !important; vertical-align: top; - -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @@ -1522,7 +1520,9 @@ ul#add-to-blog-users { } .ui-autocomplete-input.open { + -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; + -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } @@ -1532,7 +1532,9 @@ ul#add-to-blog-users { list-style: none; position: absolute; z-index: 10000; + -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; border: 1px solid #aaa; background-color: #efefef; @@ -1660,9 +1662,8 @@ th.action-links { margin: 25px 20px 0 2px; background-color: #fff; border-left: 4px solid #ffba00; - - -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); - box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); + -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); + box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); } .update-message { @@ -1757,7 +1758,7 @@ form.upgrade .hint { border: 1px solid #ddd; border-top: none; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025); - box-shadow: 0 1px 0 rgba(0,0,0,.025); + box-shadow: 0 1px 0 rgba(0,0,0,.025); } #screen-options-link-wrap, @@ -1768,8 +1769,8 @@ form.upgrade .hint { border: 1px solid #ddd; border-top: none; background: #fff; - -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); } #screen-meta-links .screen-meta-toggle { @@ -1790,7 +1791,7 @@ form.upgrade .hint { #screen-meta-links a:focus { border-color: #aaa; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15); - box-shadow: 0 2px 3px rgba(0,0,0,0.15); + box-shadow: 0 2px 3px rgba(0,0,0,0.15); } #screen-meta-links a.show-settings { @@ -1895,7 +1896,6 @@ form.upgrade .hint { #contextual-help-wrap.no-sidebar #contextual-help-back { right: 0; - border-right-width: 0; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; @@ -1938,9 +1938,8 @@ form.upgrade .hint { margin: 0 -1px 0 0; border-left: 2px solid #2ea2cc; background: #f6fbfd; - - -webkit-box-shadow: 0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02); - box-shadow: 0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02); + -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02); + box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02); } .contextual-help-tabs .active a { @@ -1989,6 +1988,7 @@ form.upgrade .hint { #adminmenu * { -webkit-user-select: none; -moz-user-select: none; + -ms-user-select: none; user-select: none; } @@ -2033,9 +2033,8 @@ form.upgrade .hint { padding: 7px 0 8px; z-index: 9999; background-color: #333; - -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2); - box-shadow: 0 3px 5px rgba(0,0,0,0.2); + box-shadow: 0 3px 5px rgba(0,0,0,0.2); } #adminmenu .wp-submenu a, @@ -2128,7 +2127,6 @@ form.upgrade .hint { .folded #adminmenu .wp-has-current-submenu li > a { padding-right: 16px; padding-left: 14px; - -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } @@ -2182,6 +2180,7 @@ form.upgrade .hint { #adminmenu div.wp-menu-image.svg { background-repeat: no-repeat; background-position: center; + -webkit-background-size: 20px auto; background-size: 20px auto; } @@ -2195,7 +2194,6 @@ div.wp-menu-image:before { display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } @@ -2391,8 +2389,7 @@ ul#adminmenu > li.current > a.current:after { margin-top: 10px; color: #aaa; -webkit-transition: all .1s ease-in-out; - -moz-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; + transition: all .1s ease-in-out; } #collapse-menu:hover, @@ -2415,7 +2412,6 @@ ul#adminmenu > li.current > a.current:after { height: 15px; margin: 10px 8px 10px 11px; width: 15px; - -webkit-border-radius: 10px; border-radius: 10px; } @@ -2438,24 +2434,22 @@ ul#adminmenu > li.current > a.current:after { position: relative; text-align: center; width: 20px; - -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; - -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .folded #collapse-button div:after, .rtl #collapse-button div:after { - -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); transform: rotate(180deg); } .rtl.folded #collapse-button div:after { - -ms-transform: none; -webkit-transform: none; + -ms-transform: none; transform: none; } @@ -2565,14 +2559,14 @@ ul#adminmenu > li.current > a.current:after { } .auto-fold #collapse-button div:after { - -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); transform: rotate(180deg); } .rtl.auto-fold #collapse-button div:after { - -ms-transform: none; -webkit-transform: none; + -ms-transform: none; transform: none; } @@ -2766,9 +2760,8 @@ html.wp-toolbar { } .postbox-container .meta-box-sortables { - -moz-box-sizing: border-box; -webkit-box-sizing: border-box; - -ms-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } @@ -2995,6 +2988,7 @@ html.wp-toolbar { margin-top: 1px; -webkit-user-select: none; -moz-user-select: none; + -ms-user-select: none; user-select: none; } @@ -3109,7 +3103,7 @@ h3.dashboard-widget-title small a:hover { padding: 23px 10px 0; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); - box-shadow: 0 1px 1px rgba(0,0,0,0.04); + box-shadow: 0 1px 1px rgba(0,0,0,0.04); background: #fff; font-size: 13px; line-height: 2.1em; @@ -3181,8 +3175,7 @@ h3.dashboard-widget-title small a:hover { left: -18px; margin-top: -2px; -webkit-transition: all .1s ease-in-out; - -moz-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; + transition: all .1s ease-in-out; } .wp-core-ui .welcome-panel .button.button-hero { @@ -3495,9 +3488,9 @@ form.initial-form.quickpress-open input#title { #dashboard_quick_press input, #dashboard_quick_press textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; - -moz-box-sizing:border-box; - -webkit-box-sizing:border-box; margin: 0; } @@ -3869,9 +3862,8 @@ table.fixed { /* @todo: pick a consistent list table selector */ .wp-list-table a { - -moz-transition: none; -webkit-transition: none; - transition: none; + transition: none; } #the-list tr:last-child td, @@ -4002,11 +3994,8 @@ tr.wp-locked .locked-info { } tr.locked-info, tr.wp-locked .locked-info { - -webkit-transition: height 1s, opacity 500ms; - -moz-transition: height 1s, opacity 500ms; - -ms-transition: height 1s, opacity 500ms; - -o-transition: height 1s, opacity 500ms; - transition: height 1s, opacity 500ms; + -webkit-transition: height 1s, opacity 0.5s; + transition: height 1s, opacity 0.5s; } .fixed .column-comments .sorting-indicator { @@ -4666,7 +4655,7 @@ stray rule may actually be compensated for elsewhere. */ min-width: 255px; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); - box-shadow: 0 1px 1px rgba(0,0,0,0.04); + box-shadow: 0 1px 1px rgba(0,0,0,0.04); background: #fff; } @@ -4844,7 +4833,7 @@ td.plugin-title p { border-top: none; background-color: #f7f7f7; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); - box-shadow: 0 1px 1px rgba(0,0,0,0.04); + box-shadow: 0 1px 1px rgba(0,0,0,0.04); } #post-status-info td { @@ -5109,6 +5098,7 @@ td.plugin-title p { top: 0; height: 82px; background: #fff; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } @@ -5118,8 +5108,8 @@ td.plugin-title p { height: 0.7em; top: 7px; max-width: 70%; - -moz-box-sizing: border-box; -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } @@ -5128,8 +5118,8 @@ td.plugin-title p { position: absolute; height: 100%; border-left: 1px solid #aaa; - -moz-box-sizing: border-box; -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } @@ -5165,10 +5155,7 @@ td.plugin-title p { top: 50%; margin-left: -90px; -webkit-transition: opacity 0.5s; - -moz-transition: opacity 0.5s; - -ms-transition: opacity 0.5s; - -o-transition: opacity 0.5s; - transition: opacity 0.5s; + transition: opacity 0.5s; filter: alpha(opacity=0); /* ie8 and earlier */ } @@ -5189,10 +5176,7 @@ body.folded .revisions .loading-indicator { .revisions .diff { -webkit-transition: opacity 0.5s; - -moz-transition: opacity 0.5s; - -ms-transition: opacity 0.5s; - -o-transition: opacity 0.5s; - transition: opacity 0.5s; + transition: opacity 0.5s; } .revisions.loading .diff { @@ -5207,10 +5191,12 @@ body.folded .revisions .loading-indicator { .revisions-meta { margin-top: 20px; background-color: #fff; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .revisions.pinned .revisions-meta { + -webkit-box-shadow: none; box-shadow: none; } @@ -5269,6 +5255,7 @@ body.folded .revisions .loading-indicator { .revisions-diff { padding: 15px; background-color: #fff; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } @@ -5450,10 +5437,8 @@ table.diff .diff-addedline ins { width: 25px; height: 25px; -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); } .revisions-tooltip.flipped .revisions-tooltip-arrow > span { @@ -5495,6 +5480,7 @@ table.diff .diff-addedline ins { .arrow::after { z-index: 9999; background-color: #fff; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } @@ -5515,9 +5501,7 @@ table.diff .diff-addedline ins { width: 25px; height: 25px; -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); transform: rotate(45deg); } @@ -5544,6 +5528,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle { } .wp-slider .ui-slider-handle { + -webkit-border-radius: 50%; border-radius: 50%; height: 18px; margin-top: -3px; @@ -5571,7 +5556,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle { content: "\f229"; font: normal 18px/1 'dashicons'; speak: none; - -webkit-font-smoothing:antialiased; + -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @@ -5691,8 +5676,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle { .post-format-icon:before { color: #ddd; -webkit-transition: all .1s ease-in-out; - -moz-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; + transition: all .1s ease-in-out; } a.post-state-format:hover:before, @@ -5819,8 +5803,8 @@ ul.add-menu-item-tabs li { #post-body ul.add-menu-item-tabs li.tabs { -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; } @@ -6214,6 +6198,7 @@ table.links-table { padding: 0; overflow: hidden; margin-bottom: 2px; + -webkit-border-radius: 22px; border-radius: 22px; background: #ddd; -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); @@ -6225,6 +6210,7 @@ table.links-table { width: 0; height: 100%; margin-top: -22px; + -webkit-border-radius: 22px; border-radius: 22px; background-color: #0074a2; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); @@ -6477,6 +6463,7 @@ td.imgedit-settings input { position: absolute; top: 0; background: #fff url('../images/spinner.gif') no-repeat scroll 22px 10px; + -webkit-background-size: 20px 20px; background-size: 20px 20px; opacity: 0.7; filter: alpha(opacity=70); @@ -6487,6 +6474,7 @@ td.imgedit-settings input { .spinner { background: url('../images/spinner.gif') no-repeat; + -webkit-background-size: 20px 20px; background-size: 20px 20px; display: none; float: right; @@ -6917,7 +6905,7 @@ span.imgedit-scale-warn { #the-comment-list th, #the-comment-list td { -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); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); } #the-comment-list tr:last-child th, @@ -6968,6 +6956,7 @@ span.imgedit-scale-warn { .themes-php .wrap .theme-count { color: #fff; + -webkit-border-radius: 30px; border-radius: 30px; background: #777; font-size: 14px; @@ -7002,10 +6991,10 @@ span.imgedit-scale-warn { width: 30.6%; border: 1px solid #dedede; -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); + box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1); -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .ie8 .theme-browser .theme { @@ -7028,7 +7017,7 @@ span.imgedit-scale-warn { margin: 0; padding: 15px; -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); + box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; @@ -7041,7 +7030,7 @@ span.imgedit-scale-warn { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: opacity 0.1s ease-in-out; - transition: opacity 0.1s ease-in-out; + transition: opacity 0.1s ease-in-out; position: absolute; bottom: 0; right: 0; @@ -7076,7 +7065,7 @@ span.imgedit-scale-warn { overflow: hidden; position: relative; -webkit-transition: opacity 0.2s ease-in-out; - transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; } .theme-browser .theme .theme-screenshot:after { @@ -7092,8 +7081,8 @@ span.imgedit-scale-warn { top: 0; width: 100%; -webkit-transform: translateZ( 0 ); /* Prevents rendering bugs in Chrome */ - -webkit-transition: opacity 0.2s ease-in-out; - transition: opacity 0.2s ease-in-out; + -webkit-transition: opacity 0.2s ease-in-out; /* Prevents rendering bugs in Chrome */ + transition: opacity 0.2s ease-in-out; } .theme-browser .theme:hover .theme-screenshot { @@ -7120,9 +7109,10 @@ span.imgedit-scale-warn { font-weight: 600; padding: 15px 12px; text-align: center; + -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: opacity 0.1s ease-in-out; - transition: opacity 0.1s ease-in-out; + transition: opacity 0.1s ease-in-out; } .theme-browser .theme:focus { outline: 1px dotted #222; @@ -7192,7 +7182,7 @@ span.imgedit-scale-warn { padding-right: 110px; font-weight: 300; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5); - box-shadow: inset 0 1px 1px rgba(0,0,0,0.5); + box-shadow: inset 0 1px 1px rgba(0,0,0,0.5); } .theme-browser .theme.active .theme-name span { @@ -7234,6 +7224,7 @@ span.imgedit-scale-warn { */ .theme-browser .theme.add-new-theme { border: none; + -webkit-box-shadow: none; box-shadow: none; } @@ -7262,15 +7253,16 @@ span.imgedit-scale-warn { border: 5px dashed #d5d2ca; border: 5px dashed rgba(0, 0, 0, 0.1); -webkit-transition: opacity 0.2s ease-in-out; - transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .theme-browser .theme.add-new-theme span:after { background: #e5e5e5; background: rgba(153, 153, 153, 0.1); + -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; content: '\f132'; @@ -7314,6 +7306,7 @@ span.imgedit-scale-warn { .theme-browser .theme.add-new-theme .theme-name { background: none; text-align: center; + -webkit-box-shadow: none; box-shadow: none; font-weight: 400; position: relative; @@ -7457,8 +7450,10 @@ body.theme-overlay-open { bottom: 3%; background: #fff; -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); z-index: 20; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } @@ -7500,6 +7495,8 @@ body.folded .theme-overlay .theme-wrap { padding: 10px 25px 5px; background: #f3f3f3; z-index: 30; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eee; } @@ -7520,6 +7517,7 @@ body.folded .theme-overlay .theme-wrap { bottom: 5px; text-decoration: none; border-color: transparent; + -webkit-box-shadow: none; box-shadow: none; background: transparent; } @@ -7556,12 +7554,12 @@ body.folded .theme-overlay .theme-wrap { .theme-overlay .screenshot { border: 1px solid #fff; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; overflow: hidden; position: relative; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2); - box-shadow: 0 0 0 1px rgba(0,0,0,0.2); + box-shadow: 0 0 0 1px rgba(0,0,0,0.2); } .theme-overlay .screenshot:after { @@ -7644,12 +7642,13 @@ body.folded .theme-overlay .theme-wrap { font-size: 11px; display: inline-block; padding: 2px 8px; + -webkit-border-radius: 2px; border-radius: 2px; margin: 0 0 -10px; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .theme-overlay .theme-name { @@ -7668,9 +7667,9 @@ body.folded .theme-overlay .theme-wrap { display: inline-block; margin-left: 10px; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .theme-overlay .theme-author { @@ -7712,6 +7711,7 @@ body.folded .theme-overlay .theme-wrap { background: #fefaf7; border: 1px solid #eee; border-left: 4px solid #d54e21; + -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 20px 10px; } @@ -8294,7 +8294,7 @@ div#custom-background-image img { .upgrade .plugins td, .upgrade .plugins th { -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); + box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); } .plugins tr.active.plugin-update-tr + tr.inactive th, @@ -8302,9 +8302,8 @@ div#custom-background-image img { .plugins tr.active + tr.inactive th, .plugins tr.active + tr.inactive td { border-top: 1px solid rgba(0,0,0,0.03); - - -webkit-box-shadow: inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1; - box-shadow: inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1; + -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1; + box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1; } .plugins .update td, @@ -8384,7 +8383,7 @@ tr.active.update + tr.plugin-update-tr .plugin-update { padding: 0; border: none; -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); + box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); } /* update notices for active plugins */ @@ -8434,6 +8433,7 @@ tr.active + tr.plugin-update-tr .plugin-update .update-message { display: inline-block; width: 24%; padding: 5px 15px 15px; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 3px; @@ -8515,7 +8515,7 @@ body.press-this { .pressthis a:hover:after { -webkit-transform: skew(20deg) rotate(9deg); - -moz-transform: skew(20deg) rotate(9deg); + -ms-transform: skew(20deg) rotate(9deg); transform: skew(20deg) rotate(9deg); -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); @@ -8546,9 +8546,8 @@ body.press-this { right: 10px; bottom: 9px; background: transparent; - -webkit-transform: skew(20deg) rotate(6deg); - -moz-transform: skew(20deg) rotate(6deg); + -ms-transform: skew(20deg) rotate(6deg); transform: skew(20deg) rotate(6deg); -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); @@ -8743,6 +8742,7 @@ body.press-this { background: #0074a2 url('../images/w-logo-white.png?ver=20131202') no-repeat; background: #0074a2, url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat; /* multiple backgrounds are ignored by browsers that don't support SVGs */ background-position: center 24px; + -webkit-background-size: 85px 85px; background-size: 85px 85px; color: #78c8e6; font-size: 14px; @@ -8754,9 +8754,8 @@ body.press-this { display: inline-block; width: 150px; text-rendering: optimizeLegibility; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); - box-shadow: 0 1px 3px rgba(0,0,0,0.2); + box-shadow: 0 1px 3px rgba(0,0,0,0.2); } @@ -9079,6 +9078,7 @@ body.full-overlay-active { height: 19px; margin-left: 15px; padding: 0; + -webkit-border-radius: 50%; border-radius: 50%; color: #777; text-decoration: none; @@ -9104,6 +9104,7 @@ body.full-overlay-active { } .wp-full-overlay .collapse-sidebar-arrow:before { + -webkit-border-radius: 50%; border-radius: 50%; float: left; content: "\f148"; @@ -9122,14 +9123,14 @@ body.full-overlay-active { .wp-full-overlay.collapsed .collapse-sidebar-arrow:before, .rtl .wp-full-overlay .collapse-sidebar-arrow:before { - -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); transform: rotate(180deg); } .rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before { - -ms-transform: none; -webkit-transform: none; + -ms-transform: none; transform: none; } @@ -9154,15 +9155,9 @@ body.full-overlay-active { .wp-full-overlay .collapse-sidebar, .wp-full-overlay-main { -webkit-transition-property: left, right, top, bottom, width, margin; - -moz-transition-property: left, right, top, bottom, width, margin; - -ms-transition-property: left, right, top, bottom, width, margin; - -o-transition-property: left, right, top, bottom, width, margin; - transition-property: left, right, top, bottom, width, margin; + transition-property: left, right, top, bottom, width, margin; -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - -ms-transition-duration: 0.2s; - -o-transition-duration: 0.2s; - transition-duration: 0.2s; + transition-duration: 0.2s; } /*------------------------------------------------------------------------------ @@ -9201,6 +9196,7 @@ body.full-overlay-active { .customize-loading #customize-container { background: #fff url('../images/spinner.gif') no-repeat fixed center center; + -webkit-background-size: 20px 20px; background-size: 20px 20px; } @@ -9209,12 +9205,8 @@ body.full-overlay-active { height: 100%; width: 100%; z-index: 20; - -webkit-transition: opacity 0.3s; - -moz-transition: opacity 0.3s; - -ms-transition: opacity 0.3s; - -o-transition: opacity 0.3s; - transition: opacity 0.3s; + transition: opacity 0.3s; } #customize-container .collapse-sidebar { @@ -9301,6 +9293,7 @@ body.full-overlay-active { #theme-installer .wp-full-overlay-main { background: #fff url('../images/spinner.gif') no-repeat fixed center center; + -webkit-background-size: 20px 20px; background-size: 20px 20px; } @@ -9550,7 +9543,6 @@ table.form-table td .updated { border-bottom: 1px solid #dfdfdf; background-color: #f9f9f9; -webkit-transition: none; - -moz-transition: none; transition: none; } @@ -9570,8 +9562,8 @@ table.form-table td .updated { padding-left: 6px; padding-right: 6px; -webkit-border-top-left-radius: 3px; - -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; + -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; border: 1px solid #dfdfdf; border-bottom-color: #f1f1f1; @@ -9805,7 +9797,7 @@ h3:hover .edit-box { #activity-widget #the-comment-list .comment { -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); - box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); + box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); } #activity-widget .comments #the-comment-list .alt { @@ -9995,9 +9987,8 @@ a.rsswidget { font-weight: normal; overflow: hidden; background: #fff; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13); - box-shadow: 0 1px 3px rgba(0,0,0,0.13); + box-shadow: 0 1px 3px rgba(0,0,0,0.13); } .login form .forgetmenot { @@ -10036,6 +10027,7 @@ a.rsswidget { .login h1 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; @@ -10790,7 +10782,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; } border: 1px solid #e5e5e5; border-top: none; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); - box-shadow: 0 1px 1px rgba(0,0,0,0.04); + box-shadow: 0 1px 1px rgba(0,0,0,0.04); } .menu-item-settings .field-move a { @@ -10946,8 +10938,8 @@ div.star-holder .star-rating { font-weight: normal; font-style: normal; vertical-align: top; - -moz-transition: color .1s ease-in 0; -webkit-transition: color .1s ease-in 0; + transition: color .1s ease-in 0; text-align: center; color: #0074a2; } @@ -10962,8 +10954,8 @@ div.star-holder .star-rating { .rtl .star-rating .star-half { -webkit-transform: rotateY(180deg); - -ms-transform: rotateY(180deg); - transform: rotateY(180deg); + -ms-transform: rotateY(180deg); + transform: rotateY(180deg); } .star-rating .star-empty:before { @@ -11004,8 +10996,8 @@ div.action-links { margin-bottom: 0; margin-top: 10px; -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; } @@ -11131,6 +11123,7 @@ img { margin: 7px 7px 0; -webkit-user-select: none; -moz-user-select: none; + -ms-user-select: none; user-select: none; } @@ -11167,9 +11160,8 @@ img { .press-this #title { margin-left: 0; margin-right: 0; - -moz-box-sizing: border-box; -webkit-box-sizing: border-box; - -ms-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } @@ -11612,9 +11604,9 @@ input.newtag:focus ~ div.taghint { .widget { margin: 0 auto 10px; position: relative; - box-sizing: border-box; - -moz-box-sizing: border-box; -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .widget-top { @@ -11637,6 +11629,7 @@ input.newtag:focus ~ div.taghint { text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; + -ms-user-select: none; user-select: none; } @@ -11800,6 +11793,7 @@ div#widgets-left .widget-holder { padding: 0; margin: 0 0 20px 0; border: none; + -webkit-box-shadow: none; box-shadow: none; } @@ -11882,6 +11876,7 @@ div#widgets-right .closed .widgets-sortables { /* Dragging a widget over a closed sidebar */ #widgets-right .widgets-holder-wrap.widget-hover { border-color: #777; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3); box-shadow: 0 1px 2px rgba(0,0,0,0.3); } @@ -11928,6 +11923,7 @@ div#widgets-right .closed .widgets-sortables { .widgets-holder-wrap .sidebar-description { -webkit-user-select: none; -moz-user-select: none; + -ms-user-select: none; user-select: none; } @@ -12059,6 +12055,7 @@ div#widgets-right .closed .widgets-sortables { /* Widgets Area Chooser */ .widget-liquid-left #widgets-left.chooser #available-widgets .widget, .widget-liquid-left #widgets-left.chooser .inactive-sidebar { + -webkit-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } @@ -12098,6 +12095,7 @@ div#widgets-right .closed .widgets-sortables { cursor: pointer; outline: none; position: relative; + -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } @@ -12201,9 +12199,9 @@ div#widgets-right .closed .widgets-sortables { position: relative; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; - -webkit-user-select: none; -moz-user-select: none; + -ms-user-select: none; user-select: none; } @@ -12430,12 +12428,14 @@ li#wp-admin-bar-menu-toggle { (min-resolution: 120dpi) { tr.wp-locked .locked-indicator { background-image: url('../images/lock-2x.png'); + -webkit-background-size: 16px 16px; background-size: 16px 16px; } #content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize { background: transparent url('../images/resize-2x.gif') no-repeat scroll right bottom; + -webkit-background-size: 11px 11px; background-size: 11px 11px; } @@ -12447,17 +12447,20 @@ li#wp-admin-bar-menu-toggle { /* Back-compat for pre-3.8 */ div.star-holder { background: url('../images/stars-2x.png?ver=20121108') repeat-x bottom left; + -webkit-background-size: 21px 37px; background-size: 21px 37px; } /* Back-compat for pre-3.8 */ div.star-holder .star-rating { background: url('../images/stars-2x.png?ver=20121108') repeat-x top left; + -webkit-background-size: 21px 37px; background-size: 21px 37px; } .wp-full-overlay .collapse-sidebar-arrow { background-image: url('../images/arrows-2x.png'); + -webkit-background-size: 15px 123px; background-size: 15px 123px; } @@ -12806,8 +12809,9 @@ li#wp-admin-bar-menu-toggle { padding-right: 10px; z-index: 99999; border: none; - box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; } .wrap .icon32 + h2 { @@ -13233,6 +13237,7 @@ li#wp-admin-bar-menu-toggle { display: block; width: 100%; max-width: none; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @@ -13307,6 +13312,7 @@ li#wp-admin-bar-menu-toggle { /* Form Tables */ .form-table { + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @@ -13344,8 +13350,9 @@ li#wp-admin-bar-menu-toggle { 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; } input[type=text].small-text, @@ -13363,8 +13370,9 @@ li#wp-admin-bar-menu-toggle { #pass-strength-result { width: 100%; - box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; padding: 8px; } @@ -13634,8 +13642,8 @@ li#wp-admin-bar-menu-toggle { .wp-list-table.plugins .plugin-title, .wp-list-table.plugins .theme-title, .wp-list-table.plugins tbody th { - box-shadow: none; -webkit-box-shadow: none; + box-shadow: none; } .plugins tbody { @@ -13644,9 +13652,6 @@ li#wp-admin-bar-menu-toggle { .plugins tr.active + tr.inactive td.column-description { -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); - -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); - -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); - -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); } @@ -13950,8 +13955,9 @@ li#wp-admin-bar-menu-toggle { border: none; text-align: center; text-decoration: none; - box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; } } diff --git a/src/wp-includes/css/admin-bar.css b/src/wp-includes/css/admin-bar.css index d42cc9323c..e9f0299a13 100644 --- a/src/wp-includes/css/admin-bar.css +++ b/src/wp-includes/css/admin-bar.css @@ -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; diff --git a/src/wp-includes/css/buttons.css b/src/wp-includes/css/buttons.css index 3bde649288..5a8d3b2564 100644 --- a/src/wp-includes/css/buttons.css +++ b/src/wp-includes/css/buttons.css @@ -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; } - + } diff --git a/src/wp-includes/css/editor.css b/src/wp-includes/css/editor.css index 2fa44e9d69..aa21bc679e 100644 --- a/src/wp-includes/css/editor.css +++ b/src/wp-includes/css/editor.css @@ -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; } } diff --git a/src/wp-includes/css/jquery-ui-dialog.css b/src/wp-includes/css/jquery-ui-dialog.css index 6418ea361b..c6dcdb7339 100644 --- a/src/wp-includes/css/jquery-ui-dialog.css +++ b/src/wp-includes/css/jquery-ui-dialog.css @@ -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; } diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index da95dd685f..107a1313d0 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/wp-includes/css/media-views.css @@ -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; } diff --git a/src/wp-includes/css/wp-auth-check.css b/src/wp-includes/css/wp-auth-check.css index 0421df2612..1ebc087502 100644 --- a/src/wp-includes/css/wp-auth-check.css +++ b/src/wp-includes/css/wp-auth-check.css @@ -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; -} \ No newline at end of file +} diff --git a/src/wp-includes/css/wp-pointer.css b/src/wp-includes/css/wp-pointer.css index f454ddf6cc..77dc60ee80 100644 --- a/src/wp-includes/css/wp-pointer.css +++ b/src/wp-includes/css/wp-pointer.css @@ -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';