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

   1 /*!
   2  * jQuery UI CSS Framework 1.11.4
   3  * http://jqueryui.com
   4  *
   5  * Copyright 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         left: 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         left: 0;
  91         width: 100%;
  92         height: 100%;
  93 }
  94
  95 /*!
  96  * jQuery UI Resizable 1.11.4
  97  * http://jqueryui.com
  98  *
  99  * Copyright 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         left: 0;
 123 }
 124 .ui-resizable-s {
 125         cursor: s-resize;
 126         height: 7px;
 127         width: 100%;
 128         bottom: -5px;
 129         left: 0;
 130 }
 131 /* rtl:ignore */
 132 .ui-resizable-e {
 133         cursor: e-resize;
 134         width: 7px;
 135         right: -5px;
 136         top: 0;
 137         height: 100%;
 138 }
 139 /* rtl:ignore */
 140 .ui-resizable-w {
 141         cursor: w-resize;
 142         width: 7px;
 143         left: -5px;
 144         top: 0;
 145         height: 100%;
 146 }
 147 /* rtl:ignore */
 148 .ui-resizable-se {
 149         cursor: se-resize;
 150         width: 12px;
 151         height: 12px;
 152         right: 1px;
 153         bottom: 1px;
 154 }
 155 /* rtl:ignore */
 156 .ui-resizable-sw {
 157         cursor: sw-resize;
 158         width: 9px;
 159         height: 9px;
 160         left: -5px;
 161         bottom: -5px;
 162 }
 163 /* rtl:ignore */
 164 .ui-resizable-nw {
 165         cursor: nw-resize;
 166         width: 9px;
 167         height: 9px;
 168         left: -5px;
 169         top: -5px;
 170 }
 171 /* rtl:ignore */
 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: 0 1px 0 #cccccc;
 204         box-shadow: 0 1px 0 #cccccc;
 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: 0;
 216         border-style: none;
 217         padding: 0;
 218 }
 219
 220 .ui-button:hover,
 221 .ui-button:focus {
 222         background: #fafafa;
 223         border-color: #999;
 224         color: #23282d;
 225 }
 226
 227 .ui-button:focus {
 228         border-color: #5b9dd9;
 229         -webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
 230         box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
 231 }
 232
 233 .ui-button:active {
 234         background: #eee;
 235         border-color: #999;
 236         -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
 237         box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
 238         -webkit-transform: translateY(1px);
 239         -ms-transform: translateY(1px);
 240         transform: translateY(1px);
 241 }
 242
 243 .ui-button[disabled],
 244 .ui-button:disabled {
 245         color: #a0a5aa !important;
 246         border-color: #ddd !important;
 247         background: #f7f7f7 !important;
 248         -webkit-box-shadow: none !important;
 249         box-shadow: none !important;
 250         text-shadow: 0 1px 0 #fff !important;
 251         cursor: default;
 252         -webkit-transform: none !important;
 253         -ms-transform: none !important;
 254         transform: none !important;
 255 }
 256
 257 @media screen and ( max-width: 782px ) {
 258
 259         .ui-button {
 260                 padding: 6px 14px;
 261                 line-height: normal;
 262                 font-size: 14px;
 263                 vertical-align: middle;
 264                 height: auto;
 265                 margin-bottom: 4px;
 266         }
 267
 268 }
 269
 270 /* WP Theme */
 271
 272 .ui-dialog {
 273         position: absolute;
 274         top: 0;
 275         left: 0;
 276         z-index: 100102;
 277         background-color: #fff;
 278         -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 279         box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 280 }
 281
 282 .ui-dialog-titlebar {
 283         background: #fcfcfc;
 284         border-bottom: 1px solid #dfdfdf;
 285         height: 36px;
 286         font-size: 18px;
 287         font-weight: 600;
 288         line-height: 36px;
 289         padding: 0 36px 0 16px;
 290 }
 291
 292 .ui-button.ui-dialog-titlebar-close {
 293         background: none;
 294         border: none;
 295         -webkit-box-shadow: none;
 296         box-shadow: none;
 297         color: #666;
 298         cursor: pointer;
 299         display: block;
 300         padding: 0;
 301         position: absolute;
 302         top: 0;
 303         right: 0;
 304         width: 36px;
 305         height: 36px;
 306         text-align: center;
 307 }
 308
 309 .ui-dialog-titlebar-close:before {
 310         font: normal 20px/1 dashicons;
 311         vertical-align: top;
 312         speak: none;
 313         -webkit-font-smoothing: antialiased;
 314         -moz-osx-font-smoothing: grayscale;
 315         line-height: 36px;
 316         width: 36px;
 317         height: 36px;
 318         content: '\f158';
 319 }
 320
 321 .ui-button.ui-dialog-titlebar-close:hover {
 322         color: #00a0d2;
 323 }
 324
 325 .ui-dialog-titlebar-close .ui-button-text {
 326         display: none;
 327 }
 328
 329 .ui-dialog-content {
 330         padding: 16px;
 331         overflow: auto;
 332 }
 333
 334 .ui-dialog-buttonpane {
 335         background: #fcfcfc;
 336         border-top: 1px solid #dfdfdf;
 337         padding: 16px;
 338 }
 339
 340 .ui-dialog-buttonpane .ui-button {
 341         margin-left: 16px;
 342 }
 343
 344 .ui-dialog-buttonpane .ui-dialog-buttonset {
 345         float: right;
 346 }
 347
 348 .ui-draggable .ui-dialog-titlebar {
 349         cursor: move;
 350 }
 351
 352 .ui-widget-overlay {
 353         position: fixed;
 354         top: 0;
 355         left: 0;
 356         right: 0;
 357         bottom: 0;
 358         min-height: 360px;
 359         background: #000;
 360         opacity: 0.7;
 361         filter: alpha(opacity=70);
 362         z-index: 100101;
 363 }