jquery-ui-dialog.css (5928B)
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 touch-action: none; 111 } 112 .ui-resizable-disabled .ui-resizable-handle, 113 .ui-resizable-autohide .ui-resizable-handle { 114 display: none; 115 } 116 .ui-resizable-n { 117 cursor: n-resize; 118 height: 7px; 119 width: 100%; 120 top: -5px; 121 left: 0; 122 } 123 .ui-resizable-s { 124 cursor: s-resize; 125 height: 7px; 126 width: 100%; 127 bottom: -5px; 128 left: 0; 129 } 130 /* rtl:ignore */ 131 .ui-resizable-e { 132 cursor: e-resize; 133 width: 7px; 134 right: -5px; 135 top: 0; 136 height: 100%; 137 } 138 /* rtl:ignore */ 139 .ui-resizable-w { 140 cursor: w-resize; 141 width: 7px; 142 left: -5px; 143 top: 0; 144 height: 100%; 145 } 146 /* rtl:ignore */ 147 .ui-resizable-se { 148 cursor: se-resize; 149 width: 12px; 150 height: 12px; 151 right: 1px; 152 bottom: 1px; 153 } 154 /* rtl:ignore */ 155 .ui-resizable-sw { 156 cursor: sw-resize; 157 width: 9px; 158 height: 9px; 159 left: -5px; 160 bottom: -5px; 161 } 162 /* rtl:ignore */ 163 .ui-resizable-nw { 164 cursor: nw-resize; 165 width: 9px; 166 height: 9px; 167 left: -5px; 168 top: -5px; 169 } 170 /* rtl:ignore */ 171 .ui-resizable-ne { 172 cursor: ne-resize; 173 width: 9px; 174 height: 9px; 175 right: -5px; 176 top: -5px; 177 } 178 179 /* WP buttons: see buttons.css. */ 180 181 .ui-button { 182 display: inline-block; 183 text-decoration: none; 184 font-size: 13px; 185 line-height: 2; 186 height: 28px; 187 margin: 0; 188 padding: 0 10px 1px; 189 cursor: pointer; 190 border-width: 1px; 191 border-style: solid; 192 -webkit-appearance: none; 193 border-radius: 3px; 194 white-space: nowrap; 195 box-sizing: border-box; 196 color: #50575e; 197 border-color: #c3c4c7; 198 background: #f6f7f7; 199 box-shadow: 0 1px 0 #c3c4c7; 200 vertical-align: top; 201 } 202 203 .ui-button:active, 204 .ui-button:focus { 205 outline: none; 206 } 207 208 /* Remove the dotted border on :focus and the extra padding in Firefox */ 209 .ui-button::-moz-focus-inner { 210 border-width: 0; 211 border-style: none; 212 padding: 0; 213 } 214 215 .ui-button:hover, 216 .ui-button:focus { 217 background: #f6f7f7; 218 border-color: #8c8f94; 219 color: #1d2327; 220 } 221 222 .ui-button:focus { 223 border-color: #4f94d4; 224 box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); 225 } 226 227 .ui-button:active { 228 background: #f0f0f1; 229 border-color: #8c8f94; 230 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); 231 } 232 233 .ui-button[disabled], 234 .ui-button:disabled { 235 color: #a7aaad !important; 236 border-color: #dcdcde !important; 237 background: #f6f7f7 !important; 238 box-shadow: none !important; 239 text-shadow: 0 1px 0 #fff !important; 240 cursor: default; 241 transform: none !important; 242 } 243 244 @media screen and (max-width: 782px) { 245 246 .ui-button { 247 padding: 6px 14px; 248 line-height: normal; 249 font-size: 14px; 250 vertical-align: middle; 251 height: auto; 252 margin-bottom: 4px; 253 } 254 255 } 256 257 /* WP Theme */ 258 259 .ui-dialog { 260 position: absolute; 261 top: 0; 262 left: 0; 263 z-index: 100102; 264 background-color: #fff; 265 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); 266 overflow: hidden; 267 } 268 269 .ui-dialog-titlebar { 270 background: #fff; 271 border-bottom: 1px solid #dcdcde; 272 height: 36px; 273 font-size: 18px; 274 font-weight: 600; 275 line-height: 2; 276 padding: 0 36px 0 16px; 277 } 278 279 .ui-button.ui-dialog-titlebar-close { 280 background: none; 281 border: none; 282 box-shadow: none; 283 color: #646970; 284 cursor: pointer; 285 display: block; 286 padding: 0; 287 position: absolute; 288 top: 0; 289 right: 0; 290 width: 36px; 291 height: 36px; 292 text-align: center; 293 border-radius: 0; 294 overflow: hidden; 295 } 296 297 .ui-dialog-titlebar-close:before { 298 font: normal 20px/1 dashicons; 299 vertical-align: top; 300 speak: never; 301 -webkit-font-smoothing: antialiased; 302 -moz-osx-font-smoothing: grayscale; 303 line-height: 1.8; 304 width: 36px; 305 height: 36px; 306 content: "\f158"; 307 } 308 309 .ui-button.ui-dialog-titlebar-close:hover, 310 .ui-button.ui-dialog-titlebar-close:focus { 311 color: #135e96; 312 } 313 314 .ui-button.ui-dialog-titlebar-close:focus { 315 box-shadow: 316 0 0 0 1px #4f94d4, 317 0 0 2px 1px rgba(79, 148, 212, 0.8); 318 /* Only visible in Windows High Contrast mode */ 319 outline: 2px solid transparent; 320 outline-offset: -2px; 321 } 322 323 .ui-dialog-content { 324 padding: 16px; 325 overflow: auto; 326 } 327 328 .ui-dialog-buttonpane { 329 background: #fff; 330 border-top: 1px solid #dcdcde; 331 padding: 16px; 332 } 333 334 .ui-dialog-buttonpane .ui-button { 335 margin-left: 16px; 336 } 337 338 .ui-dialog-buttonpane .ui-dialog-buttonset { 339 float: right; 340 } 341 342 .ui-draggable .ui-dialog-titlebar { 343 cursor: move; 344 } 345 346 .ui-widget-overlay { 347 position: fixed; 348 top: 0; 349 left: 0; 350 right: 0; 351 bottom: 0; 352 min-height: 360px; 353 background: #000; 354 opacity: 0.7; 355 filter: alpha(opacity=70); 356 z-index: 100101; 357 }