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

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