X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/61343b82c4f0da4c68e4c6373daafff4a81efdd1..03f2fa83c13c1b532284205fa7efcab9b8b2c41f:/wp-includes/css/jquery-ui-dialog.css diff --git a/wp-includes/css/jquery-ui-dialog.css b/wp-includes/css/jquery-ui-dialog.css index 9c75fbdf..8b6971d4 100644 --- a/wp-includes/css/jquery-ui-dialog.css +++ b/wp-includes/css/jquery-ui-dialog.css @@ -1,12 +1,12 @@ /*! - * jQuery UI CSS Framework 1.10.1 + * jQuery UI CSS Framework 1.11.4 * http://jqueryui.com * - * Copyright 2013 jQuery Foundation and other contributors + * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * - * http://docs.jquery.com/UI/Theming/API + * http://api.jqueryui.com/category/theming/ */ /* Layout helpers @@ -53,7 +53,7 @@ left: 0; position: absolute; opacity: 0; - filter:Alpha(Opacity=0); + filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { @@ -92,16 +92,13 @@ height: 100%; } - /*! - * jQuery UI Resizable 1.10.1 + * jQuery UI Resizable 1.11.4 * http://jqueryui.com * - * Copyright 2013 jQuery Foundation and other contributors + * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license - * - * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative; @@ -110,6 +107,8 @@ position: absolute; font-size: 0.1px; display: block; + -ms-touch-action: none; + touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { @@ -129,6 +128,7 @@ bottom: -5px; left: 0; } +/* rtl:ignore */ .ui-resizable-e { cursor: e-resize; width: 7px; @@ -136,6 +136,7 @@ top: 0; height: 100%; } +/* rtl:ignore */ .ui-resizable-w { cursor: w-resize; width: 7px; @@ -143,6 +144,7 @@ top: 0; height: 100%; } +/* rtl:ignore */ .ui-resizable-se { cursor: se-resize; width: 12px; @@ -150,6 +152,7 @@ right: 1px; bottom: 1px; } +/* rtl:ignore */ .ui-resizable-sw { cursor: sw-resize; width: 9px; @@ -157,6 +160,7 @@ left: -5px; bottom: -5px; } +/* rtl:ignore */ .ui-resizable-nw { cursor: nw-resize; width: 9px; @@ -164,6 +168,7 @@ left: -5px; top: -5px; } +/* rtl:ignore */ .ui-resizable-ne { cursor: ne-resize; width: 9px; @@ -172,136 +177,186 @@ top: -5px; } -/*! - * jQuery UI Dialog 1.10.1 - * http://jqueryui.com - * - * Copyright 2013 jQuery Foundation and other contributors - * Released under the MIT license. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Dialog#theming - */ -.ui-dialog { - position: absolute; - top: 0; - left: 0; - padding: .2em; - outline: 0; +/* WP buttons: see buttons.css. */ + +.ui-button { + display: inline-block; + text-decoration: none; + font-size: 13px; + line-height: 26px; + height: 28px; + margin: 0; + padding: 0 10px 1px; + cursor: pointer; + border-width: 1px; + border-style: solid; + -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; + color: #555; + border-color: #cccccc; + background: #f7f7f7; + -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); + box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); + vertical-align: top; } -.ui-dialog .ui-dialog-titlebar { - padding: .4em 1em; - position: relative; + +.ui-button:active, +.ui-button:focus { + outline: none; } -.ui-dialog .ui-dialog-title { - float: left; - margin: .1em 0; - white-space: nowrap; - width: 90%; - overflow: hidden; - text-overflow: ellipsis; + +/* Remove the dotted border on :focus and the extra padding in Firefox */ +.ui-button::-moz-focus-inner { + border-width: 1px 0; + border-style: solid none; + border-color: transparent; + padding: 0; } -.ui-dialog .ui-dialog-titlebar-close { - position: absolute; - right: .3em; - top: 50%; - width: 21px; - margin: -10px 0 0 0; - padding: 1px; - height: 20px; -} -.ui-dialog .ui-dialog-content { - position: relative; - border: 0; - padding: .5em 1em; - background: none; - overflow: auto; + +.ui-button:hover, +.ui-button:focus { + background: #fafafa; + border-color: #999; + color: #23282d; } -.ui-dialog .ui-dialog-buttonpane { - text-align: left; - border-width: 1px 0 0 0; - background-image: none; - margin-top: .5em; - padding: .3em 1em .5em .4em; + +.ui-button:focus { + -webkit-box-shadow: + 0 0 0 1px #5b9dd9, + 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); + box-shadow: + 0 0 0 1px #5b9dd9, + 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); } -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { - float: right; + +.ui-button:active { + background: #eee; + border-color: #999; + color: #32373c; + -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 ); } -.ui-dialog .ui-dialog-buttonpane button { - margin: .5em .4em .5em 0; - cursor: pointer; + +.ui-button[disabled], +.ui-button:disabled { + color: #a0a5aa !important; + border-color: #ddd !important; + background: #f7f7f7 !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + text-shadow: 0 1px 0 #fff !important; + cursor: default; } -.ui-dialog .ui-resizable-se { - width: 12px; - height: 12px; - right: -5px; - bottom: -5px; - background-position: 16px 16px; + +@media screen and ( max-width: 782px ) { + + .ui-button { + padding: 10px 14px; + line-height: 1; + font-size: 14px; + vertical-align: middle; + height: auto; + margin-bottom: 4px; + } + } -.ui-draggable .ui-dialog-titlebar { - cursor: move; + +/* WP Theme */ + +.ui-dialog { + position: absolute; + top: 0; + left: 0; + z-index: 100102; + background-color: #fff; + -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); + box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); } -/* WP jQuery Dialog Theme */ -.wp-dialog { - padding: 0; - z-index: 300002; - border: 1px solid #999; - -webkit-box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 ); - box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 ); - background-color: #f5f5f5; - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; -} - -.wp-dialog .ui-dialog-title { +.ui-dialog-titlebar { + background: #fcfcfc; + border-bottom: 1px solid #dfdfdf; + height: 36px; + font-size: 18px; + font-weight: 600; + line-height: 36px; + padding: 0 36px 0 16px; +} + +.ui-button.ui-dialog-titlebar-close { + background: none; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + color: #666; + cursor: pointer; display: block; + padding: 0; + position: absolute; + top: 0; + right: 0; + width: 36px; + height: 36px; text-align: center; - padding: 1px 0 2px; } -.wp-dialog .ui-dialog-titlebar { - padding: 0 1em; - background-color: #444; - font-weight: bold; - font-size: 11px; - line-height: 18px; - color: #e5e5e5; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; +.ui-dialog-titlebar-close:before { + font: normal 20px/1 dashicons; + vertical-align: top; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + line-height: 36px; + width: 36px; + height: 36px; + content: '\f158'; } -.wp-dialog .ui-dialog-content { - padding: 0; +.ui-button.ui-dialog-titlebar-close:hover { + color: #00a0d2; } -.wp-dialog .ui-dialog-titlebar-close { - cursor: pointer; - -webkit-appearance: none; - border: 0; - width: 29px; - height: 16px; - top: 13px; - right: 6px; - background: url('../js/tinymce/plugins/inlinepopups/skins/clearlooks2/img/buttons.gif') no-repeat -87px -16px; +.ui-dialog-titlebar-close .ui-button-text { + display: none; } -.wp-dialog .ui-dialog-titlebar-close .ui-button-text { - display: none; +.ui-dialog-content { + padding: 16px; + overflow: auto; } -.wp-dialog .ui-dialog-titlebar-close:hover, -.wp-dialog .ui-dialog-titlebar-close:focus { - background-position: -87px -32px; +.ui-dialog-buttonpane { + background: #fcfcfc; + border-top: 1px solid #dfdfdf; + padding: 16px; +} + +.ui-dialog-buttonpane .ui-button { + margin-left: 16px; +} + +.ui-dialog-buttonpane .ui-dialog-buttonset { + float: right; +} + +.ui-draggable .ui-dialog-titlebar { + cursor: move; } .ui-widget-overlay { - z-index: 300001; - background-color: #000; - opacity: 0.6; - filter: alpha(opacity=60); + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + min-height: 360px; + background: #000; + opacity: 0.7; + filter: alpha(opacity=70); + z-index: 100101; }