layout.css 1.7 KB

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