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

   1 /*
   2  * jQuery UI CSS Framework @VERSION
   3  *
   4  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
   5  * Dual licensed under the MIT or GPL Version 2 licenses.
   6  * http://jquery.org/license
   7  *
   8  * http://docs.jquery.com/UI/Theming/API
   9  */
  10
  11 /* Layout helpers
  12 ----------------------------------*/
  13 .ui-helper-hidden { display: none; }
  14 .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
  15 .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
  16 .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  17 .ui-helper-clearfix { display: inline-block; }
  18 /* required comment for clearfix to work in Opera \*/
  19 * html .ui-helper-clearfix { height:1%; }
  20 .ui-helper-clearfix { display:block; }
  21 /* end clearfix */
  22 .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
  23
  24
  25 /* Interaction Cues
  26 ----------------------------------*/
  27 .ui-state-disabled { cursor: default !important; }
  28
  29
  30 /* Icons
  31 ----------------------------------*/
  32
  33 /* states and images */
  34 .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
  35
  36
  37 /* Misc visuals
  38 ----------------------------------*/
  39
  40 /* Overlays */
  41 .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  42
  43 /*
  44  * jQuery UI Resizable
  45  *
  46  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  47  * Dual licensed under the MIT or GPL Version 2 licenses.
  48  * http://jquery.org/license
  49  *
  50  * http://docs.jquery.com/UI/Resizable#theming
  51  */
  52 .ui-resizable { position: relative;}
  53 .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
  54 .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
  55 .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
  56 .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
  57 .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
  58 .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
  59 .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
  60 .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
  61 .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
  62 .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
  63
  64 /*
  65  * jQuery UI Dialog
  66  *
  67  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  68  * Dual licensed under the MIT or GPL Version 2 licenses.
  69  * http://jquery.org/license
  70  *
  71  * http://docs.jquery.com/UI/Dialog#theming
  72  */
  73 .wp-dialog { position: absolute; width: 300px; overflow: hidden; }
  74 .wp-dialog .ui-dialog-titlebar { position: relative; }
  75 .wp-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
  76 .wp-dialog .ui-dialog-content { position: relative; border: 0; padding: 0; background: none; overflow: auto; zoom: 1; }
  77 .wp-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
  78 .wp-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
  79 .wp-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
  80 .wp-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
  81 .ui-draggable .ui-dialog-titlebar { cursor: move; }
  82
  83
  84
  85 /* WP jQuery Dialog Theme */
  86 .wp-dialog {
  87         border: 1px solid #999;
  88         -moz-box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 );
  89         -webkit-box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 );
  90         box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 );
  91 }
  92 .wp-dialog .ui-dialog-title {
  93         display: block;
  94         text-align: center;
  95         padding: 1px 0 2px;
  96 }
  97 .wp-dialog .ui-dialog-titlebar {
  98         padding: 0 1em;
  99         background-color: #444;
 100         font-weight: bold;
 101         font-size: 11px;
 102         line-height: 18px;
 103         color: #e5e5e5;
 104 }
 105 .wp-dialog {
 106         -moz-border-radius-topleft: 4px;
 107         -webkit-border-top-left-radius: 4px;
 108         -khtml-border-top-left-radius: 4px;
 109         border-top-left-radius: 4px;
 110         -moz-border-radius-topright: 4px;
 111         -webkit-border-top-right-radius: 4px;
 112         -khtml-border-top-right-radius: 4px;
 113         border-top-right-radius: 4px;
 114 }
 115 .wp-dialog .ui-dialog-titlebar {
 116         -moz-border-radius-topleft: 3px;
 117         -webkit-border-top-left-radius: 3px;
 118         -khtml-border-top-left-radius: 3px;
 119         border-top-left-radius: 3px;
 120         -moz-border-radius-topright: 3px;
 121         -webkit-border-top-right-radius: 3px;
 122         -khtml-border-top-right-radius: 3px;
 123         border-top-right-radius: 3px;
 124 }
 125
 126 .wp-dialog .ui-dialog-titlebar-close {
 127         position: absolute;
 128         width: 29px;
 129         height: 16px;
 130         top: 2px;
 131         right: 6px;
 132         background: url('../js/tinymce/plugins/inlinepopups/skins/clearlooks2/img/buttons.gif') no-repeat -87px -16px;
 133         padding: 0;
 134 }
 135 .wp-dialog .ui-dialog-titlebar-close:hover,
 136 .wp-dialog .ui-dialog-titlebar-close:focus {
 137         background-position: -87px -32px;
 138 }
 139 .ui-widget-overlay {
 140         background-color: #000;
 141         opacity: 0.6;
 142         filter: alpha(opacity=60);
 143 }