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 /* WP jQuery Dialog Theme */
  84 .wp-dialog {
  85         border: 1px solid #999;
  86         -moz-box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 );
  87         -webkit-box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 );
  88         box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 );
  89 }
  90
  91 .wp-dialog .ui-dialog-title {
  92         display: block;
  93         text-align: center;
  94         padding: 1px 0 2px;
  95 }
  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
 106 .wp-dialog {
 107         background-color: #f5f5f5;
 108         -webkit-border-top-left-radius: 4px;
 109         border-top-left-radius: 4px;
 110         -webkit-border-top-right-radius: 4px;
 111         border-top-right-radius: 4px;
 112 }
 113
 114 .wp-dialog .ui-dialog-titlebar {
 115         -webkit-border-top-left-radius: 3px;
 116         border-top-left-radius: 3px;
 117         -webkit-border-top-right-radius: 3px;
 118         border-top-right-radius: 3px;
 119 }
 120
 121 .wp-dialog .ui-dialog-titlebar-close {
 122         position: absolute;
 123         width: 29px;
 124         height: 16px;
 125         top: 2px;
 126         right: 6px;
 127         background: url('../js/tinymce/plugins/inlinepopups/skins/clearlooks2/img/buttons.gif') no-repeat -87px -16px;
 128         padding: 0;
 129 }
 130
 131 .wp-dialog .ui-dialog-titlebar-close:hover,
 132 .wp-dialog .ui-dialog-titlebar-close:focus {
 133         background-position: -87px -32px;
 134 }
 135
 136 .ui-widget-overlay {
 137         background-color: #000;
 138         opacity: 0.6;
 139         filter: alpha(opacity=60);
 140 }