dsdialog.css 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. @charset "utf-8";
  2. :link, :visited, ins{ text-decoration:none;}
  3. table{ border-collapse:collapse; border-spacing:0;}
  4. sub, sup{ font-size:100%; vertical-align:baseline;}
  5. blockquote, q{ quotes:"\201C" "\201D" "\2018" "\2019";}
  6. blockquote:before, blockquote:after, q:before, q:after{ content:""; content:none;}
  7. input, button, textarea, select, optgroup, option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
  8. button, input, select, textarea{ font-family:inherit; font-size:100%; margin:0;outline:none;}
  9. button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0;}
  10. textarea{ overflow:auto; resize:vertical; vertical-align:top;}
  11. i, cite, em, address{ font-style:normal;}
  12. a.disabled, a.disabled:hover{ cursor:default; pointer-events:none;}
  13. .clearfix:before, .clearfix:after{ display:block; content:"\200b"; height:0;}
  14. .clearfix:after{ clear:both;}
  15. .clearfix{ *zoom:1;}
  16. .hide, .tmpl{ display:none;}
  17. /* loading */
  18. .loading{ padding:60px 20px; text-align:center;}
  19. .loading i{ display:inline-block; background:url(../images/loading.gif) no-repeat; height:28px; width:28px; vertical-align:middle;}
  20. .loading span{ color:#999; margin-left:.8em;}
  21. /* ds_tips */
  22. .ds_tips{ background:#fafafa; border:1px solid #d5d5d5; border-bottom:3px solid #4367af; border-radius:10px; box-shadow:0 1px 4px rgba(0,0,0,.24);}
  23. .ds_tips .ds_tips_content{ border:1px solid #fff; border-radius:9px; padding:5px 10px;}
  24. .ds_tips .ds_tips_arrow, .ds_tips .ds_tips_arrow b{ background:none; border-color:#d5d5d5 transparent; border-style:solid dashed; border-width:0 8px 8px; font-size:0; margin:-8px 0 0 -8px; height:0; width:0; position:absolute; left:50%; top:0;}
  25. .ds_tips .ds_tips_arrow b{ border-bottom-color:#fafafa; margin:1px 0 0 -8px; left:0; _margin-top:-2px;}
  26. /* fallback placeholder */
  27. .placeholder, ::-webkit-input-placeholder, :-moz-placeholder, :-ms-placeholder, ::placeholder{ color:#bbb;}
  28. /* ds.dialog */
  29. .ds_dialog{ color:#333; font:12px/1.5 "Microsoft Yahei",Arial; position:absolute; left:44%; top:44%; z-index:1999; outline:0; width: 300px;}
  30. .ds_dialog, .ds_dialog_border, .ds_dialog_panel .ds_dialog_title, .ds_dialog_title h3{ margin:0; padding:0;}
  31. .ds_dialog_border, .ds_dialog_panel{ border-collapse:collapse; margin:0; padding:0;}
  32. .ds_dialog_tl, .ds_dialog_tc, .ds_dialog_tr, .ds_dialog_ml, .ds_dialog_mr, .ds_dialog_bl, .ds_dialog_bc, .ds_dialog_br{ background:#000; background:rgba(0,0,0,.5); margin:0; padding:0; filter:Alpha(opacity=50);}
  33. .ds_dialog_tl, .ds_dialog_tr, .ds_dialog_bl, .ds_dialog_br{ height:8px; width:8px;}
  34. .ds_dialog_inner{ background:#fff; border-top:1px solid #7697d0; position:relative;}
  35. .ds_dialog_header{ vertical-align:top;}
  36. .ds_dialog_title{ background:#ed145b; border-bottom:1px solid #ed145b; height:34px;}
  37. .ds_dialog_title h3{ cursor:default; color:#999; font-size:16px; font-weight:normal; line-height:34px; padding:0 30px 0 16px; height:29px; white-space:nowrap;}
  38. .ds_dialog_active .ds_dialog_title h3{ color:#FFF;}
  39. .ds_dialog_active .ds_dialog_title h3 span.sadIcon{ display:inline-block; background:url(../images/sadIcon_23.png) no-repeat 0 3px; padding-left:30px; height:29px; width:23px;}
  40. .ds_dialog_close{ height:24px; width:24px; position:absolute; right:10px; top:6px;}
  41. .ds_dialog_close a{ display:block; color:#FFF; font:26px/24px Arial,Helvetica; height:24px; overflow:hidden; text-align:center; text-decoration:none; text-shadow:0 -1px 0 #395ba1;}
  42. .ds_dialog_close a:hover{ color:#C72015; text-decoration:none;}
  43. .ds_dialog_icon{ padding:10px 0 10px 10px; vertical-align:middle;}
  44. .ds_dialog_icon .ds_dialog_icon_bg{ display:block; background:none no-repeat 50% 50%; height:40px; width:40px;}
  45. .ds_dialog_main{ vertical-align:middle; width: 300px; text-align: center; font-size: 16px;}
  46. .ds_dialog_footer{ vertical-align:bottom;}
  47. .ds_dialog .ds_dialog_buttons{ background:#FAFAFA; border-top:1px solid #F0F0F0; font-size:0; padding:8px; white-space:nowrap; text-align:center;}
  48. .ds_dialog_buttons button{ display:inline-block; background:#D6D6D6; border:1px solid #ddd; border-radius:3px; color:#333; cursor:pointer; font-size:13px; letter-spacing:1px; line-height:26px; margin:0 5px 0 10px; padding:0 15px; height:30px; background:-moz-linear-gradient(top, #E8E8E8 0%, #D6D6D6 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8E8E8), color-stop(100%,#D6D6D6)); background:-webkit-linear-gradient(top, #E8E8E8 0%,#D6D6D6 100%); background:-o-linear-gradient(top, #E8E8E8 0%,#D6D6D6 100%); background:-ms-linear-gradient(top, #E8E8E8 0%,#D6D6D6 100%); background:linear-gradient(to bottom, #E8E8E8 0%,#D6D6D6 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#D6D6D6',GradientType=0); text-shadow:0 1px 0 #FFF; vertical-align:top; border-radius:0\9; *line-height:24px; *padding:0 11px;}
  49. .ds_dialog_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0;}
  50. .ds_dialog_buttons button:hover{ background:#F3F3F3; background:-moz-linear-gradient(top, #EEE 0%, #F3F3F3 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(100%,#F3F3F3)); background:-webkit-linear-gradient(top, #EEE 0%,#F3F3F3 100%); background:-o-linear-gradient(top, #EEE 0%,#F3F3F3 100%); background:-ms-linear-gradient(top, #EEE 0%,#F3F3F3 100%); background:linear-gradient(to bottom, #EEE 0%,#F3F3F3 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#F3F3F3',GradientType=0);}
  51. .ds_dialog_buttons button:focus{ border-color:#426DC9; box-shadow:0 0 5px #FFBA08;}
  52. .ds_dialog_buttons button:active{ border-color:#b4b4b4; background:-moz-linear-gradient(top, #DDD 0%, #FFF 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDD), color-stop(100%,#FFF)); background:-webkit-linear-gradient(top, #DDD 0%,#FFF 100%); background:-o-linear-gradient(top, #DDD 0%,#FFF 100%); background:-ms-linear-gradient(top, #DDD 0%,#FFF 100%); background:linear-gradient(to bottom, #DDD 0%,#FFF 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF',GradientType=0);}
  53. .ds_dialog_buttons .ds_dialog_yes{ background:#ed145b; border-color:#ed145b; color:#fff; text-shadow:0 -1px 0 #ed145b;}
  54. .ds_dialog_buttons .ds_dialog_yes:hover{ background:#ed145b;}
  55. .ds_dialog_buttons .ds_dialog_yes:active{ border-color:#ed145b; background: #ed145b;}
  56. .ds_dialog_buttons button:disabled, .ds_dialog_buttons .disabled, .ds_dialog_buttons .disabled:hover, .ds_dialog_buttons .disabled:focus, .ds_dialog_buttons .disabled:active{ background:#E9E9E9; border-color:#C6C6C6; color:#AAA; cursor:default; text-shadow:0 1px 0 #fff; pointer-events:none; outline:0; filter:none;}