.layout{ position:relative; overflow:hidden; margin:0; padding:0; z-index:0; } .layout-panel{ position:absolute; overflow:hidden; } .layout-panel-east,.layout-panel-west{ z-index:2; } .layout-panel-north,.layout-panel-south{ z-index:3; } .layout-button-up{ background:url('images/layout_arrows.png') no-repeat -16px -16px; } .layout-button-down{ background:url('images/layout_arrows.png') no-repeat -16px 0; } .layout-button-left{ background:url('images/layout_arrows.png') no-repeat 0 0; } .layout-button-right{ background:url('images/layout_arrows.png') no-repeat 0 -16px; } .layout-expand{ position:absolute; padding:0px 5px; padding:0px; background:#efefef; font-size:1px; cursor:pointer; z-index:1; } .layout-expand .panel-header{ background:transparent; border-bottom-width:0px; } .layout-expand .panel-header .panel-tool{ top: 5px; } .layout-expand .panel-body{ overflow:hidden; } .layout-expand-over{ background:#fafafa; } .layout-body{ overflow:auto; background:#fff; } .layout-split-proxy-h{ position:absolute; width:5px; background:#ccc; font-size:1px; cursor:e-resize; display:none; z-index:5; } .layout-split-proxy-v{ position:absolute; height:5px; background:#ccc; font-size:1px; cursor:n-resize; display:none; z-index:5; } .layout-split-north{ border-bottom:5px solid #efefef; } .layout-split-south{ border-top:5px solid #efefef; } .layout-split-east{ border-left:5px solid #efefef; } .layout-split-west{ border-right:5px solid #efefef; } .layout-mask{ position:absolute; background:#fafafa; filter:alpha(opacity=10); opacity:0.10; z-index:4; }