light.modal.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .light .ui-modal .top.pane,
  2. .light.ui-modal .top.pane {
  3. position: relative;
  4. cursor:move;
  5. }
  6. .light .ui-modal .top.pane .ui-modal-title-bar,
  7. .light.ui-modal .top.pane .ui-modal-title-bar {
  8. background:#333;
  9. color:snow;
  10. padding:2px 4px;
  11. border-bottom:1px solid #000;
  12. font-weight:bold;
  13. }
  14. .light .ui-modal .top.pane .ui-modal-buttons-right,
  15. .light.ui-modal .top.pane .ui-modal-buttons-right {
  16. position: absolute;
  17. right: 5px;
  18. }
  19. .light .ui-modal .top.pane .ui-modal-button-close,
  20. .light.ui-modal .top.pane .ui-modal-button-close {
  21. font:10pt Verdana;
  22. font-weight:bold;
  23. color:snow;
  24. cursor:pointer;
  25. }
  26. .light .ui-modal .middle.pane,
  27. .light.ui-modal .middle.pane {
  28. position:relative;
  29. height: 100%;
  30. background:#F3F3F3;
  31. padding-top:4px;
  32. }
  33. .light .ui-modal .middle.pane .center.pane,
  34. .light.ui-modal .middle.pane .center.pane{
  35. position:relative;
  36. overflow: auto;
  37. height: 100%;
  38. margin:0 4px;
  39. background:#FFF;
  40. }
  41. .light .ui-modal.noOverflow .middle.pane .center.pane,
  42. .light.ui-modal.noOverflow .middle.pane .center.pane{
  43. overflow: visible;
  44. }
  45. .light .ui-modal .middle.pane .left.pane,
  46. .light.ui-modal .middle.pane .left.pane {
  47. position: absolute;
  48. top: 0px;
  49. left: 0px;
  50. border-left:1px solid #DDD;
  51. height:100%;
  52. width: 2px;
  53. }
  54. .light .ui-modal .middle.pane .right.pane,
  55. .light.ui-modal .middle.pane .right.pane {
  56. position: absolute;
  57. top: 0px;
  58. right: 0px;
  59. border-right:1px solid #DDD;
  60. height:100%;
  61. width: 2px;
  62. cursor:e-resize;
  63. }
  64. .light .ui-modal .bottom.pane,
  65. .light.ui-modal .bottom.pane {
  66. position: relative;
  67. height:3px;
  68. background:#F3F3F3;
  69. border:1px solid #DDD;
  70. border-top:none;
  71. cursor:s-resize;
  72. }
  73. .light .ui-modal .bottom.pane .ui-modal-resize-se,
  74. .light.ui-modal .bottom.pane .ui-modal-resize-se {
  75. position: absolute;
  76. bottom:-1px;
  77. right:-1px;
  78. height:4px;
  79. width:4px;
  80. cursor:se-resize;
  81. }