layout.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .layout {
  2. position: relative;
  3. overflow: hidden;
  4. margin: 0;
  5. padding: 0;
  6. z-index: 0;
  7. }
  8. .layout-panel {
  9. position: absolute;
  10. overflow: hidden;
  11. }
  12. .layout-body {
  13. min-width: 1px;
  14. min-height: 1px;
  15. }
  16. .layout-panel-east,
  17. .layout-panel-west {
  18. z-index: 2;
  19. }
  20. .layout-panel-north,
  21. .layout-panel-south {
  22. z-index: 3;
  23. }
  24. .layout-expand {
  25. position: absolute;
  26. padding: 0px;
  27. font-size: 1px;
  28. cursor: pointer;
  29. z-index: 1;
  30. }
  31. .layout-expand .panel-header,
  32. .layout-expand .panel-body {
  33. background: transparent;
  34. filter: none;
  35. overflow: hidden;
  36. }
  37. .layout-expand .panel-header {
  38. border-bottom-width: 0px;
  39. }
  40. .layout-split-proxy-h,
  41. .layout-split-proxy-v {
  42. position: absolute;
  43. font-size: 1px;
  44. display: none;
  45. z-index: 5;
  46. }
  47. .layout-split-proxy-h {
  48. width: 5px;
  49. cursor: e-resize;
  50. }
  51. .layout-split-proxy-v {
  52. height: 5px;
  53. cursor: n-resize;
  54. }
  55. .layout-mask {
  56. position: absolute;
  57. background: #fafafa;
  58. filter: alpha(opacity=10);
  59. opacity: 0.10;
  60. z-index: 4;
  61. }
  62. .layout-button-up {
  63. background: url('images/layout_arrows.png') no-repeat -16px -16px;
  64. }
  65. .layout-button-down {
  66. background: url('images/layout_arrows.png') no-repeat -16px 0;
  67. }
  68. .layout-button-left {
  69. background: url('images/layout_arrows.png') no-repeat 0 0;
  70. }
  71. .layout-button-right {
  72. background: url('images/layout_arrows.png') no-repeat 0 -16px;
  73. }
  74. .layout-split-proxy-h,
  75. .layout-split-proxy-v {
  76. background-color: #aac5e7;
  77. }
  78. .layout-split-north {
  79. border-bottom: 5px solid #E6EEF8;
  80. }
  81. .layout-split-south {
  82. border-top: 5px solid #E6EEF8;
  83. }
  84. .layout-split-east {
  85. border-left: 5px solid #E6EEF8;
  86. }
  87. .layout-split-west {
  88. border-right: 5px solid #E6EEF8;
  89. }
  90. .layout-expand {
  91. background-color: #E0ECFF;
  92. }
  93. .layout-expand-over {
  94. background-color: #E0ECFF;
  95. }