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 .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 /*!
  97  * jQuery UI Resizable 1.10.1
  98  * http://jqueryui.com
  99  *
 100  * Copyright 2013 jQuery Foundation and other contributors
 101  * Released under the MIT license.
 102  * http://jquery.org/license
 103  *
 104  * http://docs.jquery.com/UI/Resizable#theming
 105  */
 106 .ui-resizable {
 107         position: relative;
 108 }
 109 .ui-resizable-handle {
 110         position: absolute;
 111         font-size: 0.1px;
 112         display: block;
 113 }
 114 .ui-resizable-disabled .ui-resizable-handle,
 115 .ui-resizable-autohide .ui-resizable-handle {
 116         display: none;
 117 }
 118 .ui-resizable-n {
 119         cursor: n-resize;
 120         height: 7px;
 121         width: 100%;
 122         top: -5px;
 123         left: 0;
 124 }
 125 .ui-resizable-s {
 126         cursor: s-resize;
 127         height: 7px;
 128         width: 100%;
 129         bottom: -5px;
 130         left: 0;
 131 }
 132 .ui-resizable-e {
 133         cursor: e-resize;
 134         width: 7px;
 135         right: -5px;
 136         top: 0;
 137         height: 100%;
 138 }
 139 .ui-resizable-w {
 140         cursor: w-resize;
 141         width: 7px;
 142         left: -5px;
 143         top: 0;
 144         height: 100%;
 145 }
 146 .ui-resizable-se {
 147         cursor: se-resize;
 148         width: 12px;
 149         height: 12px;
 150         right: 1px;
 151         bottom: 1px;
 152 }
 153 .ui-resizable-sw {
 154         cursor: sw-resize;
 155         width: 9px;
 156         height: 9px;
 157         left: -5px;
 158         bottom: -5px;
 159 }
 160 .ui-resizable-nw {
 161         cursor: nw-resize;
 162         width: 9px;
 163         height: 9px;
 164         left: -5px;
 165         top: -5px;
 166 }
 167 .ui-resizable-ne {
 168         cursor: ne-resize;
 169         width: 9px;
 170         height: 9px;
 171         right: -5px;
 172         top: -5px;
 173 }
 174
 175 /*!
 176  * jQuery UI Dialog 1.10.1
 177  * http://jqueryui.com
 178  *
 179  * Copyright 2013 jQuery Foundation and other contributors
 180  * Released under the MIT license.
 181  * http://jquery.org/license
 182  *
 183  * http://docs.jquery.com/UI/Dialog#theming
 184  */
 185 .ui-dialog {
 186         position: absolute;
 187         top: 0;
 188         left: 0;
 189         padding: .2em;
 190         outline: 0;
 191 }
 192 .ui-dialog .ui-dialog-titlebar {
 193         padding: .4em 1em;
 194         position: relative;
 195 }
 196 .ui-dialog .ui-dialog-title {
 197         float: left;
 198         margin: .1em 0;
 199         white-space: nowrap;
 200         width: 90%;
 201         overflow: hidden;
 202         text-overflow: ellipsis;
 203 }
 204 .ui-dialog .ui-dialog-titlebar-close {
 205         position: absolute;
 206         right: .3em;
 207         top: 50%;
 208         width: 21px;
 209         margin: -10px 0 0 0;
 210         padding: 1px;
 211         height: 20px;
 212 }
 213 .ui-dialog .ui-dialog-content {
 214         position: relative;
 215         border: 0;
 216         padding: .5em 1em;
 217         background: none;
 218         overflow: auto;
 219 }
 220 .ui-dialog .ui-dialog-buttonpane {
 221         text-align: left;
 222         border-width: 1px 0 0 0;
 223         background-image: none;
 224         margin-top: .5em;
 225         padding: .3em 1em .5em .4em;
 226 }
 227 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
 228         float: right;
 229 }
 230 .ui-dialog .ui-dialog-buttonpane button {
 231         margin: .5em .4em .5em 0;
 232         cursor: pointer;
 233 }
 234 .ui-dialog .ui-resizable-se {
 235         width: 12px;
 236         height: 12px;
 237         right: -5px;
 238         bottom: -5px;
 239         background-position: 16px 16px;
 240 }
 241 .ui-draggable .ui-dialog-titlebar {
 242         cursor: move;
 243 }
 244
 245 /* WP jQuery Dialog Theme */
 246 .wp-dialog {
 247         padding: 0;
 248         z-index: 300002;
 249         border: 1px solid #999;
 250         -webkit-box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 );
 251         box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 );
 252         background-color: #f5f5f5;
 253         -webkit-border-top-left-radius: 4px;
 254         border-top-left-radius: 4px;
 255         -webkit-border-top-right-radius: 4px;
 256         border-top-right-radius: 4px;
 257 }
 258
 259 .wp-dialog .ui-dialog-title {
 260         display: block;
 261         text-align: center;
 262         padding: 1px 0 2px;
 263 }
 264
 265 .wp-dialog .ui-dialog-titlebar {
 266         padding: 0 1em;
 267         background-color: #444;
 268         font-weight: bold;
 269         font-size: 11px;
 270         line-height: 18px;
 271         color: #e5e5e5;
 272         -webkit-border-top-left-radius: 3px;
 273         border-top-left-radius: 3px;
 274         -webkit-border-top-right-radius: 3px;
 275         border-top-right-radius: 3px;
 276 }
 277
 278 .wp-dialog .ui-dialog-content {
 279         padding: 0;
 280 }
 281
 282 .wp-dialog .ui-dialog-titlebar-close {
 283         cursor: pointer;
 284         -webkit-appearance: none;
 285         border: 0;
 286         width: 29px;
 287         height: 16px;
 288         top: 13px;
 289         right: 6px;
 290         background: url('../js/tinymce/plugins/inlinepopups/skins/clearlooks2/img/buttons.gif') no-repeat -87px -16px;
 291 }
 292
 293 .wp-dialog .ui-dialog-titlebar-close .ui-button-text {
 294         display: none;
 295 }
 296
 297 .wp-dialog .ui-dialog-titlebar-close:hover,
 298 .wp-dialog .ui-dialog-titlebar-close:focus {
 299         background-position: -87px -32px;
 300 }
 301
 302 .ui-widget-overlay {
 303         z-index: 300001;
 304         background-color: #000;
 305         opacity: 0.6;
 306         filter: alpha(opacity=60);
 307 }