dialog.css 6.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. @charset "utf-8";
  2. /*
  3. * artDialog skin
  4. * http://code.google.com/p/artdialog/
  5. * (c) 2009-2010 TangBin, http://www.planeArt.cn
  6. *
  7. * This is licensed under the GNU LGPL, version 2.1 or later.
  8. * For details, see: http://creativecommons.org/licenses/LGPL/2.1/
  9. */
  10. /* common start */
  11. body { _margin:0; _height:100%; /*IE6 BUG*/ }
  12. .aui_outer { text-align:left; }
  13. .aui_border, .aui_inner { border:0; margin:0; border-collapse:collapse; width:auto; }
  14. .aui_nw, .aui_n, .aui_ne, .aui_w, .aui_center, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; }
  15. .aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; }
  16. .aui_title { overflow:hidden; text-overflow: ellipsis; }
  17. .aui_state_noTitle .aui_title { display:none; }
  18. .aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; }
  19. .aui_close:hover { text-decoration:none; }
  20. .aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; }
  21. .aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; }
  22. .aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
  23. .aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; }
  24. .aui_icon { vertical-align: middle; }
  25. .aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; }
  26. .aui_buttons { padding:8px; text-align:right; white-space:nowrap; }
  27. .aui_buttons button { margin-left:15px; padding: 6px 12px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); }
  28. .aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); }
  29. .aui_buttons button:hover { color:#000; border-color:#666; }
  30. .aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); }
  31. .aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
  32. button.aui_state_highlight { color: #FFF; border: solid 1px #3399dd; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; }
  33. button.aui_state_highlight:hover { color:#FFF; border-color:#1c6a9e; }
  34. button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); }
  35. /* common end */
  36. .aui_inner { background:#FFF; }
  37. .aui_outer, .aui_center { border:1px solid rgba(0, 0, 0, .3)!important; border:1px solid #333\9!important; }
  38. .aui_outer { border-radius:3px; }
  39. .aui_border { border-radius:2px; box-shadow: inset 0 0 1px rgba(255, 255, 255, .9); }
  40. .aui_nw, .aui_ne, .aui_sw, .aui_se { width:8px; height:8px; }
  41. .aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:rgba(0, 0, 0, .2); background:#000\9!important; filter:alpha(opacity=20); }
  42. .aui_state_focus .aui_inner { box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); }
  43. .aui_state_focus .aui_outer { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }
  44. .aui_state_drag .aui_outer { box-shadow:none; border:1px solid rgba(0, 0, 0, .4)!important; border:1px solid #333\9!important; }
  45. .aui_titleBar { position:relative; height:100%; }
  46. .aui_title { height:28px; line-height:27px; padding:0 28px 0 10px; text-shadow:0 1px 0 rgba(18, 91, 167, .7); background-color:#edf5f8; font-weight:bold; color:#95a7ae; font-family: Tahoma, Arial/9!important; background-color:#bdc6cd; background: linear-gradient(top, #2673c4, #75a6da); background: -moz-linear-gradient(top, #2673c4, #75a6da); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2673c4), to(#75a6da)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2673c4', endColorstr='#75a6da'); border-top:1px solid #1e6bbc; border-bottom:1px solid #699bd1; }
  47. .aui_state_focus .aui_title { color:#fff; font-size:14px}
  48. .aui_state_drag .aui_title { background: linear-gradient(top, #3580cf, #85b2e3); background: -moz-linear-gradient(top, #3580cf, #85b2e3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3580cf), to(#85b2e3)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3580cf', endColorstr='#85b2e3'); box-shadow:none; }
  49. .aui_state_drag .aui_titleBar { box-shadow:none; }
  50. .aui_close { padding:0; top:3px; right:3px; width:21px; height:21px; line-height:21px; font-size:18px; color:#fff; text-align:center; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; text-shadow:0 1px 0 rgba(18, 91, 167, .9); }
  51. .aui_close:hover { color:#C72015; }
  52. .aui_close:active { box-shadow: none; }
  53. .aui_content { color:#666; }
  54. .aui_state_focus .aui_content { color:#000; }