artDialog.css 5.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. @charset "utf-8";
  2. /*
  3. * artDialog skin
  4. * http://code.google.com/p/artdialog/
  5. * (c) 2009-2011 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. table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; }
  14. .aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .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 {*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(../images/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 8px 32px 8px; text-align:center; white-space:nowrap; }
  27. .aui_buttons button { margin-left:15px; padding: 10px 30px; cursor: pointer; display: inline-block; border-radius:2px; text-align: center; line-height: 1; *padding:5px 15px; *height:2em; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #cbcbcb; background: #f3f3f3; opacity:.9;}
  28. .aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; }
  29. .aui_buttons button:focus { outline:none 0; border-color:#47d7ad; opacity:.9; }
  30. .aui_buttons button:hover { color:#000; border-color:#ccc; opacity:1; }
  31. .aui_buttons button:active { border-color:#666; opacity:1;}
  32. .aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
  33. button.aui_state_highlight { color: #FFF; border-color:#47d7ad; background: #47d7ad;}
  34. button.aui_state_highlight:hover { color:#FFF; border-color:#47d7ad; }
  35. button.aui_state_highlight:active { border-color:#47d7ad;}
  36. /* common end */
  37. .aui_inner { background:#FFF; -webkit-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;}
  38. .aui_outer, .aui_inner { border:0; }
  39. .aui_border { /*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 {border-top-left-radius:5px;}
  42. .aui_ne {border-top-right-radius:5px;}
  43. .aui_sw {border-bottom-left-radius:5px;}
  44. .aui_se {border-bottom-right-radius:5px;}
  45. .aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { }
  46. .aui_state_lock .aui_nw, .aui_state_lock .aui_n, .aui_state_lock .aui_ne, .aui_state_lock .aui_w, .aui_state_lock .aui_e, .aui_state_lock .aui_sw, .aui_state_lock .aui_s, .aui_state_lock .aui_se {}
  47. .aui_state_focus .aui_dialog { }
  48. .aui_state_focus .aui_outer { }
  49. .aui_state_lock .aui_border { /*box-shadow:0 3px 26px rgba(0, 0, 0, 0.9);*/ }
  50. .aui_state_drag .aui_outer, .aui_outer:active { box-shadow:none; }
  51. .aui_titleBar { position:relative; height:100%; background:#dcdddd }
  52. .aui_title { height:50px; line-height:50px; padding:0 20px; text-align:left; color:#000; font-size:14px; font-weight:bold; background:#fff; border-bottom:#f2f2f2 1px solid; _height:35px; _line-height:35px; _padding:15px 20px 0 20px;}
  53. .aui_state_focus .aui_title { color:#3d3d3d; }
  54. .aui_state_drag .aui_title { color:#000}
  55. .aui_state_drag .aui_titleBar { box-shadow:none; }
  56. .aui_close { padding:0; top:0px; right:-40px; width:40px; height:40px; line-height:40px; font-size:26px; color:#a8a8a8 !important; text-align:center; background:#fafafa; }
  57. .aui_close:hover {color:#ed6f74 !important; line-height:40px; line-height:40px\0; *line-height:40px;}
  58. .aui_close:active { box-shadow: none; }
  59. .aui_content { color:#666; }
  60. .aui_state_focus .aui_content { color:#7d7d7d; }
  61. .aui_buttons { background-color:#fff; }
  62. .aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se { width:3px; height:3px; }
  63. .aui_state_noTitle .aui_inner { border:1px solid #666; background:#FFF; }
  64. .aui_state_noTitle .aui_outer { border:none 0; box-shadow:none; }
  65. .aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_w, .aui_state_noTitle .aui_e, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se { }
  66. .aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; }
  67. .aui_state_noTitle .aui_close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; }
  68. .aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active { text-decoration:none; color:#900; }
  69. .aui_state_noTitle .aui_dialog { box-shadow: none; }
  70. .art-icon {display:inline-block; background:url(../../../../images/articons.png) no-repeat; vertical-align: text-top; overflow:hidden; *display:inline; *zoom:1; width:15px; height:15px; position:relative; top:2px; margin-right:10px}
  71. .icon-title-add {background-position:0 0;}
  72. .icon-title-edit {background-position:0 -33px;}
  73. .icon-title-ask {background-position:0 -100px;}
  74. .icon-title-error {background-position:0 -67px;}