2 .roo-layout-container {
7 .modal-body.roo-layout-container {
8 padding: 0; /* modal padding messes up calcs on layout */
11 .roo-layout-inactive-content{
17 .roo-layout-active-content{
23 /* overflow:hidden; -- menus inside of contains do not work with this */
25 background-color:white;
26 border:1px solid #98c0f4;
30 *not sure why these are set - they seem to cause problems displaying the popdownmenus over nav bars.
31 .roo-layout-panel-east, .roo-layout-panel-west {
34 .roo-layout-panel-north, .roo-layout-panel-south {
38 .roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
42 .roo-layout-panel-body{
47 .roo-layout-grid-wrapper{
59 background-color:$well-bg;
61 .roo-layout-split-south, .roo-layout-split-north {
62 border-bottom : 1px solid $gray-light;
64 .roo-layout-split-east, .roo-layout-split-west {
65 border-right: 1px solid $gray-light;
73 .roo-layout-panel-hd.breadcrumb {
77 .roo-layout-panel-hd-text{
83 .roo-layout-panel-hd-tools{
93 .x-layout-tools-button{
99 .x-layout-tools-button-over{
101 border:1px solid #98c0f4;
102 background-color:white;
104 .x-layout-tools-button-inner{
109 background-repeat:no-repeat;
110 background-position:center;
113 background-image:url(../images/default/layout/layout-sprite.gif);
114 background-repeat: no-repeat;
115 background-position: 50% -48px;
117 .x-layout-collapse-west,.x-layout-expand-east{
118 background-image:url(../images/default/layout/layout-sprite.gif);
119 background-repeat: no-repeat;
120 background-position: 50% 0;
122 .x-layout-expand-west,.x-layout-collapse-east{
123 background-image:url(../images/default/layout/layout-sprite.gif);
124 background-repeat: no-repeat;
125 background-position: 50% -12px;
127 .x-layout-collapse-north,.x-layout-expand-south{
128 background-image:url(../images/default/layout/layout-sprite.gif);
129 background-repeat: no-repeat;
130 background-position: 50% -24px;
132 .x-layout-expand-north,.x-layout-collapse-south{
133 background-image:url(../images/default/layout/layout-sprite.gif);
134 background-repeat: no-repeat;
135 background-position: 50% -36px;
138 background-image:url(../images/default/sizer/e-handle.gif);
139 background-position: left;
143 background-image:url(../images/default/sizer/s-handle.gif);
144 background-position: top;
147 .x-layout-panel .x-tabs-wrap{
148 background:url(../images/default/layout/gradient-bg.gif);
155 .roo-layout-panel .roo-tabbody {
156 background-color: $body-bg;
161 .roo-layout-component-panel, .roo-layout-nested-layout {
168 .roo-layout-nested-layout .roo-layout-panel {
172 .x-layout-nested-layout .x-layout-panel-north {
173 border-bottom:1px solid #98c0f4;
175 .x-layout-nested-layout .x-layout-panel-south {
176 border-top:1px solid #98c0f4;
178 .x-layout-nested-layout .x-layout-panel-east {
179 border-left:1px solid #98c0f4;
181 .x-layout-nested-layout .x-layout-panel-west {
182 border-right:1px solid #98c0f4;
187 background-color: transparent;
190 .x-layout-panel-dragover {
191 border: 2px solid #6593cf;
193 .x-layout-panel-proxy {
194 background-image: url(../images/default/layout/gradient-bg.gif);
195 background-color:#c3daf9;
196 border:1px dashed #6593cf;
210 -moz-user-select: none;
211 -khtml-user-select: none;
212 -webkit-user-select: none;
216 /** --- split bar dragging ---*/
222 background: $gray-light;
223 border: 1px solid $gray-base;
226 .roo-splitbar-h,.roo-splitbar-proxy-h{
229 .roo-splitbar-v,.roo-splitbar-proxy-v{
239 border: 1px solid #000;
248 .roo-layout-panel-body .navbar ul.nav-tabs {
253 .roo-layout-panel-body .navbar {
257 .roo-form-group-label-left::before,
258 .roo-form-group-label-left::after {