dialog.css 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. @charset "utf-8";
  2. .dialog_wrapper {
  3. background-color: rgba(130, 130, 130, 0.25);
  4. border-radius: 4px;
  5. padding: 4px;
  6. box-shadow: 0 0 12px rgba(0,0,0,0.75)
  7. }
  8. .dialog_body { background: #fff; border: solid 1px #CCC;}
  9. .dialog_head { margin: 0; border-bottom: solid 1px #EEE; position: relative; z-index: auto;}
  10. .dialog_title { background-color: #FFF; display: inline-block; height: 20px; padding: 10px 20px; border: none 0;}
  11. .dialog_title_icon { font-size: 14px; line-height: 20px; font-weight: bold; color: #555; }
  12. .dialog_close_button { font-family: Verdana; font-size: 14px; line-height: 20px; font-weight: lighter; color: #999; text-align: center; display: block; width: 20px; height: 20px; position: absolute; z-index: 1; top: 10px; right: 10px; cursor: pointer;}
  13. .dialog_close_button:hover { text-decoration: none; color: #27A9E3;}
  14. .dialog_loading {
  15. text-align: center;
  16. }
  17. .dialog_loading_text {
  18. padding: 0px;
  19. padding-top: 20px;
  20. padding-left: 10px;
  21. width: 199px;
  22. font-style: italic;
  23. margin: 15px auto 5px auto;
  24. text-align: left;
  25. font-size: 15px;
  26. background: transparent url(images/loading.gif) no-repeat center top;
  27. }
  28. .dialog_message_body { margin: 15px 5px 5px 5px;}
  29. .dialog_message_contents { font-size: 14px; line-height: 24px; text-align: center; min-width: 360px; padding: 30px 20px;}
  30. .dialog_message_contents i { display: inline-block; vertical-align: middle; width: 34px; height: 34px; margin-right: 8px;}
  31. .dialog_message_contents i.alert_info { background: transparent url(images/info.gif) no-repeat 0 0;}
  32. .dialog_message_contents i.alert_right { background: transparent url(images/right.gif) no-repeat 0 0;}
  33. .dialog_message_contents i.alert_error { background: transparent url(images/error.gif) no-repeat 0 0;}
  34. .dialog_message_confirm { background: transparent url(images/message_confirm.gif) no-repeat left top;}
  35. .dialog_buttons_bar { text-align: center; padding: 10px 0; margin: 0; border-top: solid 1px #EEE;}
  36. .dialog_buttons_bar input {
  37. margin: 0px 5px;
  38. }
  39. time.countdown { color: #999; margin: 10px auto;}
  40. time.countdown i { font-size: 14px; margin-right: 4px;}
  41. .dialog_buttons_bar .btn1 {
  42. width: 75px;
  43. height: 29px;
  44. border: 0;
  45. background: url(images/btn1.gif);
  46. color: #c73702;
  47. font-weight: bold;
  48. font-size: 14px;
  49. cursor: pointer;
  50. }
  51. .dialog_buttons_bar .btn2 {
  52. width: 75px;
  53. height: 29px;
  54. border: 0;
  55. background: url(images/btn2.gif);
  56. color: #4e4e4e;
  57. font-weight: bold;
  58. font-size: 14px;
  59. cursor: pointer;
  60. }
  61. .dialog_has_title {
  62. background: #555;
  63. }
  64. .dialog_has_title .dialog_body {
  65. background: #fff;
  66. bottom: 3px;
  67. right: 3px;
  68. padding: 10px;
  69. border: 4px solid #D7DCE1;
  70. font-family: Arial, Helvetica, sans-serif;
  71. font-size: 12px;
  72. color: #666;
  73. }
  74. .dialog_has_title .dialog_head {
  75. height: 30px;
  76. border-bottom: 1px solid #F1F3FA;
  77. }
  78. #ui-datepicker-div {
  79. z-index: 10000;
  80. height: auto;
  81. }
  82. a.dialog-bottom-btn { font-size: 12px; font-weight: normal; line-height: 20px; color: #777; background-color: #F5F5F5; text-align: center; display: inline-block; height: 20px; padding: 4px 12px;margin-right:5px; border: solid 1px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; cursor: pointer;}
  83. a:hover.dialog-bottom-btn { text-decoration: none; color: #333; background-color: #E6E6E6; border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;}
  84. a.dialog-bottom-btn-acidblue, a:hover.dialog-bottom-btn-acidblue { color: #FFF; text-shadow: 0 -1px 0 rgba(0,0,0,0.10);}
  85. a.dialog-bottom-btn-acidblue { background-color: #49AFCD; border-color: #429DB8 #429DB8 #37839A #429DB8;}
  86. a:hover.dialog-bottom-btn-acidblue { background-color: #2F96B4; border-color: #2A87A2 #2A87A2 #237087 #2A87A2;}