wp-includes/css/jquery-ui-dialog.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         -webkit-box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 );
  87         box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 );
  88 }
  89
  90 .wp-dialog .ui-dialog-title {
  91         display: block;
  92         text-align: center;
  93         padding: 1px 0 2px;
  94 }
  95
  96 .wp-dialog .ui-dialog-titlebar {
  97         padding: 0 1em;
  98         background-color: #444;
  99         font-weight: bold;
 100         font-size: 11px;
 101         line-height: 18px;
 102         color: #e5e5e5;
 103 }
 104
 105 .wp-dialog {
 106         background-color: #f5f5f5;
 107         -webkit-border-top-left-radius: 4px;
 108         border-top-left-radius: 4px;
 109         -webkit-border-top-right-radius: 4px;
 110         border-top-right-radius: 4px;
 111 }
 112
 113 .wp-dialog .ui-dialog-titlebar {
 114         -webkit-border-top-left-radius: 3px;
 115         border-top-left-radius: 3px;
 116         -webkit-border-top-right-radius: 3px;
 117         border-top-right-radius: 3px;
 118 }
 119
 120 .wp-dialog .ui-dialog-titlebar-close {
 121         position: absolute;
 122         width: 29px;
 123         height: 16px;
 124         top: 2px;
 125         right: 6px;
 126         background: url('../js/tinymce/plugins/inlinepopups/skins/clearlooks2/img/buttons.gif') no-repeat -87px -16px;
 127         padding: 0;
 128 }
 129
 130 .wp-dialog .ui-dialog-titlebar-close:hover,
 131 .wp-dialog .ui-dialog-titlebar-close:focus {
 132         background-position: -87px -32px;
 133 }
 134
 135 .ui-widget-overlay {
 136         background-color: #000;
 137         opacity: 0.6;
 138         filter: alpha(opacity=60);
 139 }