dialog.css 4.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. @charset "utf-8";
  2. .dialog_wrapper { background-color: rgba(130, 130, 130, 0.25); border-radius:4px; padding:4px; box-shadow: 0 0 12px rgba(0,0,0,0.75) }
  3. .dialog_body { background: #fff; border: solid 1px #7B7B7B; }
  4. .dialog_head { height: 31px;}
  5. .dialog_title { color: #666; line-height: 14px; font-weight: bold; background-color: #F2F2F2; border-bottom: 1px solid #EAEAEA; padding: 8px 10px; display: block; }
  6. .dialog_title_icon { font-size: 14px;}
  7. .dialog_close_button {display: block; width: 14px; height: 14px; background: url(images/dialog_close_button.gif) left top; position: absolute; top: 8px; right: 8px; line-height: 14px; cursor: pointer;}
  8. .dialog_close_button:hover { background: url(images/dialog_close_button.gif) left bottom;}
  9. .dialog_content {}
  10. .dialog_loading { text-align:center; }
  11. .dialog_loading_text { padding:0px;padding-top:20px;padding-left:10px;width:199px;font-style:italic;margin:15px auto 5px auto; text-align:left; font-size:15px;background:transparent url(images/loading.gif) no-repeat center top; }
  12. .dialog_message_body { margin:15px 5px 5px 5px; }
  13. .dialog_message_contents { margin:0px 10px; padding-left:45px; padding-top:5px; padding-bottom:20px; }
  14. .dialog_message_notice { background:transparent url(images/message_notice.gif) no-repeat left top; }
  15. .dialog_message_warning { background:transparent url(images/message_warning.gif) no-repeat left top; }
  16. .dialog_message_confirm { background:transparent url(images/message_confirm.gif) no-repeat left top; }
  17. .dialog_buttons_bar { text-align:center;margin-top:5px; }
  18. .dialog_buttons_bar input { margin:0px 5px; }
  19. .dialog_buttons_bar .btn1 {width: 75px; height: 29px; border: 0; background: url(images/btn1.gif); color: #c73702; font-weight: bold; font-size: 14px; cursor: pointer;}
  20. .dialog_buttons_bar .btn2 {width: 75px; height: 29px; border: 0; background: url(images/btn2.gif); color: #4e4e4e; font-weight: bold; font-size: 14px; cursor: pointer;}
  21. .dialog_has_title { background: #555; }
  22. .dialog_has_title .dialog_body { background: #fff; bottom: 3px; right: 3px; padding: 10px; border: 4px solid #D7DCE1; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666;}
  23. .dialog_has_title .dialog_head { height: 30px; border-bottom: 1px solid #F1F3FA;
  24. }
  25. #ui-datepicker-div {z-index:10000; height: auto;}
  26. .dialog_has_title .dialog_title {color: #666; font-size: 16px; font-weight: bold; background: #fff url(images/linebox_h1_span.gif) no-repeat left 3px; padding: 4px 10px 5px 15px; display: block; float: left; }
  27. .dialog_has_title .dialog_close_button {position: absolute; top: 10px; _top:14px; right: 10px; background: #fff url(images/dialog_close_button.gif) no-repeat right bottom; width: 14px; height: 14px; padding-right: 10px; overflow: hidden; cursor: pointer; line-height: 14px;}
  28. .dialog_has_title .dialog_close_button:hover { background: #fff url(images/dialog_close_button.gif) no-repeat right top;}
  29. .dialog_has_title .dialog_content {}
  30. .dialog_has_title .dialog_loading { text-align:center; }
  31. .dialog_has_title .dialog_loading_text { padding:0px; padding-top:20px; padding-left:10px; width:199px; font-style:italic; margin:15px auto 5px auto; text-align:left; font-size:15px; background:transparent url(images/loading.gif) no-repeat center top; }
  32. .dialog_has_title .dialog_message_body { margin:15px 5px 5px 5px; }
  33. .dialog_has_title .dialog_message_contents { margin:0px 10px; padding-left:45px; padding-top:5px; padding-bottom:20px; }
  34. .dialog_has_title .dialog_message_notice { background:transparent url(images/message_notice.gif) no-repeat left top; }
  35. .dialog_has_title .dialog_message_warning { background:transparent url(images/message_warning.gif) no-repeat left top; }
  36. .dialog_has_title .dialog_message_confirm { background:transparent url(images/message_confirm.gif) no-repeat left top; }
  37. .dialog_has_title .dialog_buttons_bar { text-align:center;margin-top:5px; }
  38. .dialog_has_title .dialog_buttons_bar input { margin:0px 5px; }
  39. .dialog_has_title .dialog_buttons_bar .btn1 {width: 75px; height: 29px; border: 0; background: url(images/btn1.gif); color: #c73702; font-weight: bold; font-size: 14px; cursor: pointer;}
  40. .dialog_has_title .dialog_buttons_bar .btn2 {width: 75px; height: 29px; border: 0; background: url(images/btn2.gif); color: #4e4e4e; font-weight: bold; font-size: 14px; cursor: pointer;}