1176ba93ac3593bee832c145d0378c634e09acfa.svn-base 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .ui-dialog {pointer-events: auto;display: none; border: 1px solid #ccc; background-color: #fff; font-family: arial, 'Hiragino Sans GB', sans-serif; position: absolute;left:40%;top:40%;}
  2. .ui-dialog-close { position: absolute; right: 10px;cursor: pointer;color:#FFF; font-weight: bold;font-family: cursive;}
  3. .ui-dialog-mask{position: fixed;width:100%;height:100%;left:0;top:0;background:#000;opacity: .3;display: none;filter:alpha(opacity=30);}
  4. .ui-dialog-title{background-color:#288df0;color:#fff;padding:5px 10px;}
  5. @-webkit-keyframes zoomIn {
  6. 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -moz-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
  7. 100% { opacity: 1; }
  8. }
  9. @-moz-keyframes zoomIn {
  10. 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -moz-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
  11. 100% { opacity: 1; }
  12. }
  13. @keyframes zoomIn {
  14. 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -moz-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}
  15. 100% { opacity: 1; }
  16. }
  17. @keyframes zoomOut {
  18. 0% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  19. 100% { opacity: 0;}
  20. }
  21. @-webkit-keyframes zoomOut {
  22. 0% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  23. 100% { opacity: 0; }
  24. }
  25. @-moz-keyframes zoomOut {
  26. 0% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  27. 100% { opacity: 1; }
  28. }
  29. .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
  30. .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut;display: none\0 !important; }
  31. .animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
  32. #confirmDialog{width: 350px;background-color: #fff;}
  33. .ui-confirm-title,.ui-alert-title{white-space:nowrap; text-align: center;font-size: 18px;font-weight: bold;color:#333;line-height: 40px;}
  34. .confirm-title2{font-size: 16px;font-weight: normal; color: #666;text-align: center;line-height: 1.8;}
  35. .ui-dialog-submit,.ui-alert-submit,.ui-confirm-submit{background-color: #e05658;}
  36. .ui-dialog-cancel{background-color:#999999;}
  37. .ui-dialog-action{pointer-events: auto;text-align: center;margin-top: 20px;width:100%;border:none;}
  38. .ui-dialog-action td{text-align: center;border:none;}
  39. .ui-dialog-action button{display: inline-block;border-radius: 5px;padding:5px 20px;color:#fff;border:none;outline: none;cursor: pointer;box-sizing: border-box;}
  40. .ui-alert{border-radius: 5px;overflow: hidden;padding:20px;}
  41. .ui-alert .ui-dialog-close{display: none;}
  42. .ui-alert .ui-alert-submit{margin: 0 auto;}
  43. .ui-alert-info{text-align: center;margin-top:20px;}
  44. .ui-confirm-close,.ui-confirm-no{background-color: #999999;}