wp-includes/css/jquery-ui-dialog-rtl.css

   1 /*!
   2  * jQuery UI CSS Framework 1.11.2
   3  * http://jqueryui.com
   4  *
   5  * Copyright 2014 jQuery Foundation and other contributors
   6  * Released under the MIT license.
   7  * http://jquery.org/license
   8  *
   9  * http://api.jqueryui.com/category/theming/
  10  */
  11
  12 /* Layout helpers
  13 ----------------------------------*/
  14 .ui-helper-hidden {
  15         display: none;
  16 }
  17 .ui-helper-hidden-accessible {
  18         border: 0;
  19         clip: rect(0 0 0 0);
  20         height: 1px;
  21         margin: -1px;
  22         overflow: hidden;
  23         padding: 0;
  24         position: absolute;
  25         width: 1px;
  26 }
  27 .ui-helper-reset {
  28         margin: 0;
  29         padding: 0;
  30         border: 0;
  31         outline: 0;
  32         line-height: 1.3;
  33         text-decoration: none;
  34         font-size: 100%;
  35         list-style: none;
  36 }
  37 .ui-helper-clearfix:before,
  38 .ui-helper-clearfix:after {
  39         content: "";
  40         display: table;
  41         border-collapse: collapse;
  42 }
  43 .ui-helper-clearfix:after {
  44         clear: both;
  45 }
  46 .ui-helper-clearfix {
  47         min-height: 0; /* support: IE7 */
  48 }
  49 .ui-helper-zfix {
  50         width: 100%;
  51         height: 100%;
  52         top: 0;
  53         right: 0;
  54         position: absolute;
  55         opacity: 0;
  56         filter:Alpha(Opacity=0); /* support: IE8 */
  57 }
  58
  59 .ui-front {
  60         z-index: 100;
  61 }
  62
  63
  64 /* Interaction Cues
  65 ----------------------------------*/
  66 .ui-state-disabled {
  67         cursor: default !important;
  68 }
  69
  70
  71 /* Icons
  72 ----------------------------------*/
  73
  74 /* states and images */
  75 .ui-icon {
  76         display: block;
  77         text-indent: -99999px;
  78         overflow: hidden;
  79         background-repeat: no-repeat;
  80 }
  81
  82
  83 /* Misc visuals
  84 ----------------------------------*/
  85
  86 /* Overlays */
  87 .ui-widget-overlay {
  88         position: fixed;
  89         top: 0;
  90         right: 0;
  91         width: 100%;
  92         height: 100%;
  93 }
  94
  95 /*!
  96  * jQuery UI Resizable 1.11.2
  97  * http://jqueryui.com
  98  *
  99  * Copyright 2014 jQuery Foundation and other contributors
 100  * Released under the MIT license.
 101  * http://jquery.org/license
 102  */
 103 .ui-resizable {
 104         position: relative;
 105 }
 106 .ui-resizable-handle {
 107         position: absolute;
 108         font-size: 0.1px;
 109         display: block;
 110         -ms-touch-action: none;
 111         touch-action: none;
 112 }
 113 .ui-resizable-disabled .ui-resizable-handle,
 114 .ui-resizable-autohide .ui-resizable-handle {
 115         display: none;
 116 }
 117 .ui-resizable-n {
 118         cursor: n-resize;
 119         height: 7px;
 120         width: 100%;
 121         top: -5px;
 122         right: 0;
 123 }
 124 .ui-resizable-s {
 125         cursor: s-resize;
 126         height: 7px;
 127         width: 100%;
 128         bottom: -5px;
 129         right: 0;
 130 }
 131 /* @noflip */
 132 .ui-resizable-e {
 133         cursor: e-resize;
 134         width: 7px;
 135         right: -5px;
 136         top: 0;
 137         height: 100%;
 138 }
 139 /* @noflip */
 140 .ui-resizable-w {
 141         cursor: w-resize;
 142         width: 7px;
 143         left: -5px;
 144         top: 0;
 145         height: 100%;
 146 }
 147 /* @noflip */
 148 .ui-resizable-se {
 149         cursor: se-resize;
 150         width: 12px;
 151         height: 12px;
 152         right: 1px;
 153         bottom: 1px;
 154 }
 155 /* @noflip */
 156 .ui-resizable-sw {
 157         cursor: sw-resize;
 158         width: 9px;
 159         height: 9px;
 160         left: -5px;
 161         bottom: -5px;
 162 }
 163 /* @noflip */
 164 .ui-resizable-nw {
 165         cursor: nw-resize;
 166         width: 9px;
 167         height: 9px;
 168         left: -5px;
 169         top: -5px;
 170 }
 171 /* @noflip */
 172 .ui-resizable-ne {
 173         cursor: ne-resize;
 174         width: 9px;
 175         height: 9px;
 176         right: -5px;
 177         top: -5px;
 178 }
 179
 180 /* WP buttons: see buttons.css. */
 181
 182 .ui-button {
 183         display: inline-block;
 184         text-decoration: none;
 185         font-size: 13px;
 186         line-height: 26px;
 187         height: 28px;
 188         margin: 0;
 189         padding: 0 10px 1px;
 190         cursor: pointer;
 191         border-width: 1px;
 192         border-style: solid;
 193         -webkit-appearance: none;
 194         -webkit-border-radius: 3px;
 195         border-radius: 3px;
 196         white-space: nowrap;
 197         -webkit-box-sizing: border-box;
 198         -moz-box-sizing: border-box;
 199         box-sizing: border-box;
 200         color: #555;
 201         border-color: #cccccc;
 202         background: #f7f7f7;
 203         -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
 204         box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
 205         vertical-align: top;
 206 }
 207
 208 .ui-button:active,
 209 .ui-button:focus {
 210         outline: none;
 211 }
 212
 213 /* Remove the dotted border on :focus and the extra padding in Firefox */
 214 .ui-button::-moz-focus-inner {
 215         border-width: 1px 0;
 216         border-style: solid none;
 217         border-color: transparent;
 218         padding: 0;
 219 }
 220
 221 .ui-button:hover,
 222 .ui-button:focus {
 223         background: #fafafa;
 224         border-color: #999;
 225         color: #222;
 226 }
 227
 228 .ui-button:focus {
 229         -webkit-box-shadow:
 230                 0 0 0 1px #5b9dd9,
 231                 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
 232         box-shadow:
 233                 0 0 0 1px #5b9dd9,
 234                 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
 235 }
 236
 237 .ui-button:active {
 238         background: #eee;
 239         border-color: #999;
 240         color: #333;
 241         -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
 242         box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
 243 }
 244
 245 .ui-button[disabled],
 246 .ui-button:disabled {
 247         color: #aaa !important;
 248         border-color: #ddd !important;
 249         background: #f7f7f7 !important;
 250         -webkit-box-shadow: none !important;
 251         box-shadow: none !important;
 252         text-shadow: 0 1px 0 #fff !important;
 253         cursor: default;
 254 }
 255
 256 @media screen and ( max-width: 782px ) {
 257
 258         .ui-button {
 259                 padding: 10px 14px;
 260                 line-height: 1;
 261                 font-size: 14px;
 262                 vertical-align: middle;
 263                 height: auto;
 264                 margin-bottom: 4px;
 265         }
 266
 267 }
 268
 269 /* WP Theme */
 270
 271 .ui-dialog {
 272         position: absolute;
 273         top: 0;
 274         right: 0;
 275         z-index: 100102;
 276         background-color: #fff;
 277         -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 278         box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 279 }
 280
 281 .ui-dialog-titlebar {
 282         background: #fcfcfc;
 283         border-bottom: 1px solid #dfdfdf;
 284         height: 36px;
 285         font-size: 18px;
 286         font-weight: 600;
 287         line-height: 36px;
 288         padding: 0 16px 0 36px;
 289 }
 290
 291 .ui-button.ui-dialog-titlebar-close {
 292         background: none;
 293         border: none;
 294         -webkit-box-shadow: none;
 295         box-shadow: none;
 296         color: #666;
 297         cursor: pointer;
 298         display: block;
 299         padding: 0;
 300         position: absolute;
 301         top: 0;
 302         left: 0;
 303         width: 36px;
 304         height: 36px;
 305         text-align: center;
 306 }
 307
 308 .ui-dialog-titlebar-close:before {
 309         font: normal 20px/1 'dashicons';
 310         vertical-align: top;
 311         speak: none;
 312         -webkit-font-smoothing: antialiased;
 313         -moz-osx-font-smoothing: grayscale;
 314         line-height: 36px;
 315         width: 36px;
 316         height: 36px;
 317         content: '\f158';
 318 }
 319
 320 .ui-button.ui-dialog-titlebar-close:hover {
 321         color: #2ea2cc;
 322 }
 323
 324 .ui-dialog-titlebar-close .ui-button-text {
 325         display: none;
 326 }
 327
 328 .ui-dialog-content {
 329         padding: 16px;
 330         overflow: auto;
 331 }
 332
 333 .ui-dialog-buttonpane {
 334         background: #fcfcfc;
 335         border-top: 1px solid #dfdfdf;
 336         padding: 16px;
 337 }
 338
 339 .ui-dialog-buttonpane .ui-button {
 340         margin-right: 16px;
 341 }
 342
 343 .ui-dialog-buttonpane .ui-dialog-buttonset {
 344         float: left;
 345 }
 346
 347 .ui-draggable .ui-dialog-titlebar {
 348         cursor: move;
 349 }
 350
 351 .ui-widget-overlay {
 352         position: fixed;
 353         top: 0;
 354         right: 0;
 355         left: 0;
 356         bottom: 0;
 357         min-height: 360px;
 358         background: #000;
 359         opacity: 0.7;
 360         filter: alpha(opacity=70);
 361         z-index: 100101;
 362 }