]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-includes/css/jquery-ui-dialog.css
WordPress 4.1-scripts
[autoinstalls/wordpress.git] / wp-includes / css / jquery-ui-dialog.css
index a29e4f651acdbf2fc5d15fc8b1bcf06c3f1a5a12..5fdfee440f9520ebf083e9606976c25d640e51aa 100644 (file)
-/*
- * jQuery UI CSS Framework @VERSION
+/*!
+ * jQuery UI CSS Framework 1.11.2
+ * http://jqueryui.com
  *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
+ * 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
 ----------------------------------*/
-.ui-helper-hidden { display: none; }
-.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
-.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
-.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-.ui-helper-clearfix { display: inline-block; }
-/* required comment for clearfix to work in Opera \*/
-* html .ui-helper-clearfix { height:1%; }
-.ui-helper-clearfix { display:block; }
-/* end clearfix */
-.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+.ui-helper-hidden {
+       display: none;
+}
+.ui-helper-hidden-accessible {
+       border: 0;
+       clip: rect(0 0 0 0);
+       height: 1px;
+       margin: -1px;
+       overflow: hidden;
+       padding: 0;
+       position: absolute;
+       width: 1px;
+}
+.ui-helper-reset {
+       margin: 0;
+       padding: 0;
+       border: 0;
+       outline: 0;
+       line-height: 1.3;
+       text-decoration: none;
+       font-size: 100%;
+       list-style: none;
+}
+.ui-helper-clearfix:before,
+.ui-helper-clearfix:after {
+       content: "";
+       display: table;
+       border-collapse: collapse;
+}
+.ui-helper-clearfix:after {
+       clear: both;
+}
+.ui-helper-clearfix {
+       min-height: 0; /* support: IE7 */
+}
+.ui-helper-zfix {
+       width: 100%;
+       height: 100%;
+       top: 0;
+       left: 0;
+       position: absolute;
+       opacity: 0;
+       filter:Alpha(Opacity=0); /* support: IE8 */
+}
+
+.ui-front {
+       z-index: 100;
+}
 
 
 /* Interaction Cues
 ----------------------------------*/
-.ui-state-disabled { cursor: default !important; }
+.ui-state-disabled {
+       cursor: default !important;
+}
 
 
 /* Icons
 ----------------------------------*/
 
 /* states and images */
-.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+.ui-icon {
+       display: block;
+       text-indent: -99999px;
+       overflow: hidden;
+       background-repeat: no-repeat;
+}
 
 
 /* Misc visuals
 ----------------------------------*/
 
 /* Overlays */
-.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+.ui-widget-overlay {
+       position: fixed;
+       top: 0;
+       left: 0;
+       width: 100%;
+       height: 100%;
+}
 
-/*
- * jQuery UI Resizable
+/*!
+ * jQuery UI Resizable 1.11.2
+ * http://jqueryui.com
  *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
+ * 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;}
-.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
-.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
-.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
-.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
-.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
-.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
-.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
-.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
-.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
-.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
-
-/*
- * jQuery UI Dialog
- *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Dialog#theming
  */
-.wp-dialog { position: absolute; width: 300px; overflow: hidden; }
-.wp-dialog .ui-dialog-titlebar { position: relative; }
-.wp-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
-.wp-dialog .ui-dialog-content { position: relative; border: 0; padding: 0; background: none; overflow: auto; zoom: 1; }
-.wp-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
-.wp-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
-.wp-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
-.wp-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
-.ui-draggable .ui-dialog-titlebar { cursor: move; }
-
-/* WP jQuery Dialog Theme */
-.wp-dialog {
-       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 );
-}
-
-.wp-dialog .ui-dialog-title {
+.ui-resizable {
+       position: relative;
+}
+.ui-resizable-handle {
+       position: absolute;
+       font-size: 0.1px;
        display: block;
-       text-align: center;
-       padding: 1px 0 2px;
+       -ms-touch-action: none;
+       touch-action: none;
+}
+.ui-resizable-disabled .ui-resizable-handle,
+.ui-resizable-autohide .ui-resizable-handle {
+       display: none;
 }
+.ui-resizable-n {
+       cursor: n-resize;
+       height: 7px;
+       width: 100%;
+       top: -5px;
+       left: 0;
+}
+.ui-resizable-s {
+       cursor: s-resize;
+       height: 7px;
+       width: 100%;
+       bottom: -5px;
+       left: 0;
+}
+/* @noflip */
+.ui-resizable-e {
+       cursor: e-resize;
+       width: 7px;
+       right: -5px;
+       top: 0;
+       height: 100%;
+}
+/* @noflip */
+.ui-resizable-w {
+       cursor: w-resize;
+       width: 7px;
+       left: -5px;
+       top: 0;
+       height: 100%;
+}
+/* @noflip */
+.ui-resizable-se {
+       cursor: se-resize;
+       width: 12px;
+       height: 12px;
+       right: 1px;
+       bottom: 1px;
+}
+/* @noflip */
+.ui-resizable-sw {
+       cursor: sw-resize;
+       width: 9px;
+       height: 9px;
+       left: -5px;
+       bottom: -5px;
+}
+/* @noflip */
+.ui-resizable-nw {
+       cursor: nw-resize;
+       width: 9px;
+       height: 9px;
+       left: -5px;
+       top: -5px;
+}
+/* @noflip */
+.ui-resizable-ne {
+       cursor: ne-resize;
+       width: 9px;
+       height: 9px;
+       right: -5px;
+       top: -5px;
+}
+
+/* WP buttons: see buttons.css. */
 
-.wp-dialog .ui-dialog-titlebar {
-       padding: 0 1em;
-       background-color: #444;
-       font-weight: bold;
-       font-size: 11px;
-       line-height: 18px;
-       color: #e5e5e5;
+.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;
 }
 
-.wp-dialog {
-       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;
+.ui-button:active,
+.ui-button:focus {
+       outline: none;
 }
 
-.wp-dialog .ui-dialog-titlebar {
-       -webkit-border-top-left-radius: 3px;
-       border-top-left-radius: 3px;
-       -webkit-border-top-right-radius: 3px;
-       border-top-right-radius: 3px;
+/* 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-button:hover,
+.ui-button:focus {
+       background: #fafafa;
+       border-color: #999;
+       color: #222;
+}
+
+.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-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 );
+}
+
+.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-titlebar-close {
+@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 Theme */
+
+.ui-dialog {
        position: absolute;
-       width: 29px;
-       height: 16px;
-       top: 2px;
-       right: 6px;
-       background: url('../js/tinymce/plugins/inlinepopups/skins/clearlooks2/img/buttons.gif') no-repeat -87px -16px;
+       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 );
+}
+
+.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;
+}
+
+.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';
+}
+
+.ui-button.ui-dialog-titlebar-close:hover {
+       color: #2ea2cc;
+}
+
+.ui-dialog-titlebar-close .ui-button-text {
+       display: none;
+}
+
+.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;
 }
 
-.wp-dialog .ui-dialog-titlebar-close:hover,
-.wp-dialog .ui-dialog-titlebar-close:focus {
-       background-position: -87px -32px;
+.ui-draggable .ui-dialog-titlebar {
+       cursor: move;
 }
 
 .ui-widget-overlay {
-       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;
 }