X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/ceb5a929e00123b4e224977c6b5a149f6431b250..41578db67d72562346e4dbb2a14889b23d522813:/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..94c655ff 100644 --- a/wp-includes/css/jquery-ui-dialog.css +++ b/wp-includes/css/jquery-ui-dialog.css @@ -56,18 +56,12 @@ filter:Alpha(Opacity=0); } -.ui-front { - z-index: 100; -} - - /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } - /* Icons ----------------------------------*/ @@ -79,20 +73,6 @@ background-repeat: no-repeat; } - -/* Misc visuals -----------------------------------*/ - -/* Overlays */ -.ui-widget-overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - - /*! * jQuery UI Resizable 1.10.1 * http://jqueryui.com @@ -148,10 +128,10 @@ /* @noflip */ .ui-resizable-se { cursor: se-resize; - width: 12px; - height: 12px; - right: 1px; - bottom: 1px; + width: 9px; + height: 9px; + right: -5px; + bottom: -5px; } /* @noflip */ .ui-resizable-sw { @@ -178,142 +158,177 @@ 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; -} -.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; + -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,.08); + box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08); + vertical-align: top; } -.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 { + 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: 1px 1px 1px rgba(0,0,0,.2); + box-shadow: 1px 1px 1px rgba(0,0,0,.2); } -.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 ); + outline: none; } -/* 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; }