[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-includes/css/ -> jquery-ui-dialog.css (source)

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


Generated : Wed Sep 9 08:20:27 2026 Cross-referenced by PHPXref