X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/256a3b381f63716209b3527d0a14442ae570c283..refs/tags/wordpress-4.1-scripts:/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 6418ea36..5fdfee44 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.2 * http://jqueryui.com * - * Copyright 2013 jQuery Foundation and other contributors + * Copyright 2014 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.2 * http://jqueryui.com * - * Copyright 2013 jQuery Foundation and other contributors + * Copyright 2014 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 { @@ -178,142 +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; - /* @noflip */ - left: 0; - padding: .2em; - outline: 0; -} -.ui-dialog .ui-dialog-titlebar { - padding: .4em 1em; - position: relative; -} -.ui-dialog .ui-dialog-title { - float: left; - margin: .1em 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; - width: 90%; - overflow: hidden; - text-overflow: ellipsis; + -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-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-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:active, +.ui-button:focus { + outline: none; } -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { - float: right; + +/* 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-buttonpane button { - margin: .5em .4em .5em 0; - cursor: pointer; + +.ui-button:hover, +.ui-button:focus { + background: #fafafa; + border-color: #999; + color: #222; } -.ui-dialog .ui-resizable-se { - width: 12px; - height: 12px; - right: -5px; - bottom: -5px; - background-position: 16px 16px; + +.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-draggable .ui-dialog-titlebar { - cursor: move; + +.ui-button:active { + background: #eee; + border-color: #999; + color: #333; + -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 ); } -/* WP jQuery Dialog Theme */ -.wp-dialog { - padding: 0; - 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); - background-color: #f5f5f5; +.ui-button[disabled], +.ui-button:disabled { + color: #aaa !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; } -.wp-dialog .ui-dialog-title { - display: block; - text-align: center; - padding: 0; +@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; + } + } -.wp-dialog .ui-dialog-titlebar { - padding: 0 1em; - background-color: #444; - font-size: 13px; - line-height: 24px; - color: #fff; +/* 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-dialog .ui-dialog-content { - padding: 0; +.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; } -.wp-dialog .ui-dialog-titlebar-close { - cursor: pointer; - -webkit-appearance: none; - border: 0; - width: 30px; - height: 20px; - top: 13px; - right: 6px; +.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; } -.wp-dialog .ui-dialog-titlebar-close:before { - content: '\f158'; +.ui-dialog-titlebar-close:before { font: normal 20px/1 'dashicons'; + vertical-align: top; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - color: #999; - padding-left: 12px; + line-height: 36px; + width: 36px; + height: 36px; + content: '\f158'; } -.wp-dialog .ui-dialog-titlebar-close:hover:before { +.ui-button.ui-dialog-titlebar-close:hover { color: #2ea2cc; } -.wp-dialog .ui-dialog-titlebar-close .ui-button-text { +.ui-dialog-titlebar-close .ui-button-text { display: none; } -.wp-dialog .ui-dialog-titlebar-close:hover, -.wp-dialog .ui-dialog-titlebar-close:focus { - background-position: -87px -32px; +.ui-dialog-content { + padding: 16px; + overflow: auto; +} + +.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; }