dialog.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. .ui-dialog {
  2. position: fixed;
  3. padding: 0;
  4. }
  5. .ui-dynamicdialog {
  6. top: 50%;
  7. left: 50%;
  8. }
  9. .ui-dialog .ui-dialog-titlebar {
  10. padding: .5em .75em;
  11. position: relative;
  12. border: 0;
  13. }
  14. .ui-dialog .ui-dialog-content {
  15. position: relative;
  16. border: 0;
  17. padding: .5em .75em;
  18. background: none;
  19. zoom: 1;
  20. }
  21. .ui-dialog-resizable .ui-dialog-content {
  22. overflow: auto;
  23. }
  24. .ui-dialog .ui-resizable-se {
  25. width: 14px;
  26. height: 14px;
  27. right: 3px;
  28. bottom: 3px;
  29. }
  30. .ui-draggable .ui-dialog-titlebar {
  31. cursor: move;
  32. }
  33. .ui-dialog .ui-dialog-titlebar-icon {
  34. text-decoration: none;
  35. float: right;
  36. float: right;
  37. padding: .125em;
  38. cursor: pointer;
  39. border: 1px solid transparent;
  40. }
  41. .ui-dialog .ui-dialog-titlebar-icon span {
  42. display: block;
  43. margin: 0;
  44. }
  45. .ui-dialog-footer {
  46. padding: 1em;
  47. border-width: 1px 0 0 0;
  48. text-align: right;
  49. }
  50. .ui-dialog-mask {
  51. position: fixed;
  52. width: 100%;
  53. height: 100%;
  54. }
  55. .ui-dialog-maximized {
  56. -webkit-transition: left .3s, top .3s, width .3s,height .3s;
  57. transition: left .3s, top .3s, width .3s,height .3s;
  58. }
  59. /* ConfirmDialog */
  60. .ui-confirmdialog {
  61. width: 30em;
  62. top: 50%;
  63. left: 50%;
  64. }
  65. .ui-confirmdialog.ui-dialog .ui-dialog-content {
  66. padding: 1em 2em;
  67. }
  68. .ui-confirmdialog .ui-dialog-content .ui-confirmdialog-icon {
  69. font-size: 1.5em;
  70. margin-right: .5em;
  71. position: relative;
  72. top: .2em;
  73. }
  74. .ui-dialog-footer .ui-button {
  75. margin-right: .25em;
  76. }
  77. /* Fluid */
  78. .ui-fluid .ui-dialog-footer .ui-button {
  79. width: auto;
  80. }
  81. /* RTL */
  82. .ui-rtl .ui-dialog .ui-dialog-titlebar-close {
  83. float: left;
  84. }
  85. .ui-rtl .ui-dialog .ui-dialog-buttonpane button {
  86. text-align: right;
  87. }
  88. @media screen and (max-width: 40em) {
  89. .ui-confirmdialog {
  90. width: 90%;
  91. }
  92. }