]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-includes/css/jquery-ui-dialog-rtl.css
WordPress 3.9
[autoinstalls/wordpress.git] / wp-includes / css / jquery-ui-dialog-rtl.css
index eda4df861c1a474ea6f646bef4f171f242e47501..24e2c8bec5826b7571e0d52f3c3cc61720b3bd62 100644 (file)
        filter:Alpha(Opacity=0);
 }
 
-.ui-front {
-       z-index: 100;
-}
-
-
 /* Interaction Cues
 ----------------------------------*/
 .ui-state-disabled {
        cursor: default !important;
 }
 
-
 /* Icons
 ----------------------------------*/
 
        background-repeat: no-repeat;
 }
 
-
-/* Misc visuals
-----------------------------------*/
-
-/* Overlays */
-.ui-widget-overlay {
-       position: fixed;
-       top: 0;
-       right: 0;
-       width: 100%;
-       height: 100%;
-}
-
-
 /*!
  * jQuery UI Resizable 1.10.1
  * http://jqueryui.com
 /* @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 {
        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: right;
-       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,.08);
+       box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
+       vertical-align: top;
 }
-.ui-dialog .ui-dialog-titlebar-close {
-       position: absolute;
-       left: .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: right;
-       border-width: 1px 0 0 0;
-       background-image: none;
-       margin-top: .5em;
-       padding: .3em .4em .5em 1em;
-}
-.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
-       float: left;
+
+/* 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 0 .5em .4em;
-       cursor: pointer;
+
+.ui-button:hover {
+       background: #fafafa;
+       border-color: #999;
+       color: #222;
 }
-.ui-dialog .ui-resizable-se {
-       width: 12px;
-       height: 12px;
-       left: -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;
+       right: 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 16px 0 36px;
 }
 
-.wp-dialog .ui-dialog-titlebar-close {
-       cursor: pointer;
-       -webkit-appearance: none;
-       border: 0;
-       width: 30px;
-       height: 20px;
-       top: 13px;
-       left: 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;
+       left: 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-right: 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-right: 16px;
+}
+
+.ui-dialog-buttonpane .ui-dialog-buttonset {
+       float: left;
+}
+
+.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;
+       right: 0;
+       left: 0;
+       bottom: 0;
+       min-height: 360px;
+       background: #000;
+       opacity: 0.7;
+       filter: alpha(opacity=70);
+       z-index: 100101;
 }