home *** CD-ROM | disk | FTP | other *** search
/ HTML Examples / WP.iso / wordpress2 / wp-includes / css / jquery-ui-dialog-rtl.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2017-07-15  |  5.6 KB  |  352 lines
  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.     right: 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.     right: 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.     right: 0;
  122. }
  123. .ui-resizable-s {
  124.     cursor: s-resize;
  125.     height: 7px;
  126.     width: 100%;
  127.     bottom: -5px;
  128.     right: 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: 26px;
  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: #555;
  197.     border-color: #cccccc;
  198.     background: #f7f7f7;
  199.     box-shadow: 0 1px 0 #cccccc;
  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: #fafafa;
  218.     border-color: #999;
  219.     color: #23282d;
  220. }
  221.  
  222. .ui-button:focus {
  223.     border-color: #5b9dd9;
  224.     box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
  225. }
  226.  
  227. .ui-button:active {
  228.     background: #eee;
  229.     border-color: #999;
  230.     box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
  231.     -webkit-transform: translateY(1px);
  232.     transform: translateY(1px);
  233. }
  234.  
  235. .ui-button[disabled],
  236. .ui-button:disabled {
  237.     color: #a0a5aa !important;
  238.     border-color: #ddd !important;
  239.     background: #f7f7f7 !important;
  240.     box-shadow: none !important;
  241.     text-shadow: 0 1px 0 #fff !important;
  242.     cursor: default;
  243.     -webkit-transform: none !important;
  244.     transform: none !important;
  245. }
  246.  
  247. @media screen and ( max-width: 782px ) {
  248.  
  249.     .ui-button {
  250.         padding: 6px 14px;
  251.         line-height: normal;
  252.         font-size: 14px;
  253.         vertical-align: middle;
  254.         height: auto;
  255.         margin-bottom: 4px;
  256.     }
  257.  
  258. }
  259.  
  260. /* WP Theme */
  261.  
  262. .ui-dialog {
  263.     position: absolute;
  264.     top: 0;
  265.     right: 0;
  266.     z-index: 100102;
  267.     background-color: #fff;
  268.     box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  269. }
  270.  
  271. .ui-dialog-titlebar {
  272.     background: #fcfcfc;
  273.     border-bottom: 1px solid #dfdfdf;
  274.     height: 36px;
  275.     font-size: 18px;
  276.     font-weight: 600;
  277.     line-height: 36px;
  278.     padding: 0 16px 0 36px;
  279. }
  280.  
  281. .ui-button.ui-dialog-titlebar-close {
  282.     background: none;
  283.     border: none;
  284.     box-shadow: none;
  285.     color: #666;
  286.     cursor: pointer;
  287.     display: block;
  288.     padding: 0;
  289.     position: absolute;
  290.     top: 0;
  291.     left: 0;
  292.     width: 36px;
  293.     height: 36px;
  294.     text-align: center;
  295. }
  296.  
  297. .ui-dialog-titlebar-close:before {
  298.     font: normal 20px/1 dashicons;
  299.     vertical-align: top;
  300.     speak: none;
  301.     -webkit-font-smoothing: antialiased;
  302.     -moz-osx-font-smoothing: grayscale;
  303.     line-height: 36px;
  304.     width: 36px;
  305.     height: 36px;
  306.     content: '\f158';
  307. }
  308.  
  309. .ui-button.ui-dialog-titlebar-close:hover {
  310.     color: #00a0d2;
  311. }
  312.  
  313. .ui-dialog-titlebar-close .ui-button-text {
  314.     display: none;
  315. }
  316.  
  317. .ui-dialog-content {
  318.     padding: 16px;
  319.     overflow: auto;
  320. }
  321.  
  322. .ui-dialog-buttonpane {
  323.     background: #fcfcfc;
  324.     border-top: 1px solid #dfdfdf;
  325.     padding: 16px;
  326. }
  327.  
  328. .ui-dialog-buttonpane .ui-button {
  329.     margin-right: 16px;
  330. }
  331.  
  332. .ui-dialog-buttonpane .ui-dialog-buttonset {
  333.     float: left;
  334. }
  335.  
  336. .ui-draggable .ui-dialog-titlebar {
  337.     cursor: move;
  338. }
  339.  
  340. .ui-widget-overlay {
  341.     position: fixed;
  342.     top: 0;
  343.     right: 0;
  344.     left: 0;
  345.     bottom: 0;
  346.     min-height: 360px;
  347.     background: #000;
  348.     opacity: 0.7;
  349.     filter: alpha(opacity=70);
  350.     z-index: 100101;
  351. }
  352.