git.roojs.org Git - roojs1/blob - scss/roojs-bootstrap/layout.scss

   1
   2 .roo-layout-container{
   3     width:100%;
   4     height:100%;
   5     overflow:hidden;
   6 }
   7
   8 .roo-layout-inactive-content{
   9     position:absolute;
  10     left:-10000px;
  11     top:-10000px;
  12     visibility:hidden;
  13 }
  14 .roo-layout-active-content{
  15     visibility:visible;
  16     /* padding: 10px; */
  17 }
  18 .roo-layout-panel{
  19     position:absolute;
  20     /* overflow:hidden;  -- menus inside of contains do not work with this */
  21     /*
  22     background-color:white;
  23     border:1px solid #98c0f4;
  24     */
  25 }
  26 /*
  27  *not sure why these are set - they seem to cause problems displaying the popdownmenus over nav bars.
  28 .roo-layout-panel-east, .roo-layout-panel-west {
  29     z-index:10;
  30 }
  31 .roo-layout-panel-north, .roo-layout-panel-south {
  32     z-index:11;
  33 }
  34 /*
  35 .roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
  36     z-index:12;
  37 }
  38 */
  39 .roo-layout-panel-body{
  40     overflow:hidden;
  41 }
  42 /*
  43
  44 .roo-layout-grid-wrapper{
  45
  46 }
  47 */
  48 .roo-layout-split
  49 {
  50     position:absolute;
  51     height:5px;
  52     width:5px;
  53     line-height:1px;
  54     font-size:1px;
  55     z-index:3;
  56     background-color:$well-bg;
  57 }
  58 .roo-layout-split-south, .roo-layout-split-north {
  59     border-bottom : 1px solid $gray-light;
  60 }
  61 .roo-layout-split-east, .roo-layout-split-west {
  62     border-right: 1px solid $gray-light;
  63 }
  64
  65
  66 .roo-layout-panel-hd{
  67
  68     position:relative;
  69 }
  70 .roo-layout-panel-hd.breadcrumb {
  71     margin-bottom: 0;
  72 }
  73
  74 .roo-layout-panel-hd-text{
  75     padding: 4px;
  76     padding-left: 4px;
  77     display:block;
  78         white-space: nowrap;
  79 }
  80 .roo-layout-panel-hd-tools{
  81     position:absolute;
  82     right:0;
  83     top:0;
  84     text-align:right;
  85     padding-top:2px;
  86     padding-right:2px;
  87     width:40px;
  88 }
  89 /*
  90 .x-layout-tools-button{
  91     z-index:6;
  92     padding:2px;
  93     float:right;
  94     cursor:pointer;
  95 }
  96 .x-layout-tools-button-over{
  97     padding:1px;
  98     border:1px solid #98c0f4;
  99     background-color:white;
 100 }
 101 .x-layout-tools-button-inner{
 102     height:12px;
 103     width:12px;
 104     line-height:1px;
 105     font-size:1px;
 106     background-repeat:no-repeat;
 107     background-position:center;
 108 }
 109 .x-layout-close{
 110     background-image:url(../images/default/layout/layout-sprite.gif);
 111     background-repeat: no-repeat;
 112     background-position: 50% -48px;
 113 }
 114 .x-layout-collapse-west,.x-layout-expand-east{
 115     background-image:url(../images/default/layout/layout-sprite.gif);
 116     background-repeat: no-repeat;
 117     background-position: 50% 0;
 118 }
 119 .x-layout-expand-west,.x-layout-collapse-east{
 120     background-image:url(../images/default/layout/layout-sprite.gif);
 121     background-repeat: no-repeat;
 122     background-position: 50% -12px;
 123 }
 124 .x-layout-collapse-north,.x-layout-expand-south{
 125     background-image:url(../images/default/layout/layout-sprite.gif);
 126     background-repeat: no-repeat;
 127     background-position: 50% -24px;
 128 }
 129 .x-layout-expand-north,.x-layout-collapse-south{
 130     background-image:url(../images/default/layout/layout-sprite.gif);
 131     background-repeat: no-repeat;
 132     background-position: 50% -36px;
 133 }
 134 .x-layout-split-h{
 135     background-image:url(../images/default/sizer/e-handle.gif);
 136     background-position: left;
 137     cursor:col-resize;
 138 }
 139 .x-layout-split-v{
 140     background-image:url(../images/default/sizer/s-handle.gif);
 141     background-position: top;
 142     cursor:row-resize;
 143 }
 144 .x-layout-panel .x-tabs-wrap{
 145     background:url(../images/default/layout/gradient-bg.gif);
 146 }
 147 */
 148
 149
 150
 151
 152 .roo-layout-panel .roo-tabbody {
 153     background-color: $body-bg;
 154     overflow: auto;
 155     height: 100%;
 156 }
 157
 158 .roo-layout-component-panel, .roo-layout-nested-layout {
 159     position:relative;
 160     padding:0;
 161     overflow:hidden;
 162     width:200px;
 163     height:200px;
 164 }
 165 .roo-layout-nested-layout .roo-layout-panel {
 166     border:0 none;
 167 }
 168 /*
 169 .x-layout-nested-layout .x-layout-panel-north {
 170           border-bottom:1px solid #98c0f4;
 171 }
 172 .x-layout-nested-layout .x-layout-panel-south {
 173           border-top:1px solid #98c0f4;
 174 }
 175 .x-layout-nested-layout .x-layout-panel-east {
 176           border-left:1px solid #98c0f4;
 177 }
 178 .x-layout-nested-layout .x-layout-panel-west {
 179           border-right:1px solid #98c0f4;
 180 }
 181 */
 182 .roo-repaint{
 183     zoom:1;
 184     background-color: transparent;
 185 }
 186 /*
 187 .x-layout-panel-dragover {
 188         border: 2px solid #6593cf;
 189 }
 190 .x-layout-panel-proxy {
 191         background-image: url(../images/default/layout/gradient-bg.gif);
 192         background-color:#c3daf9;
 193         border:1px dashed #6593cf;
 194         z-index:10001;
 195         overflow:hidden;
 196         position:absolute;
 197         left:0;top:0;
 198 }
 199
 200 .x-layout-slider {
 201         z-index:15;
 202         overflow:hidden;
 203         position:absolute;
 204 }
 205 */
 206 .roo-unselectable{
 207         -moz-user-select: none;
 208         -khtml-user-select: none;
 209         -webkit-user-select: none;
 210         cursor:default;
 211 }
 212
 213 /** --- split bar dragging ---*/
 214
 215 .roo-splitbar-proxy{
 216         z-index:40009;
 217         visibility:hidden;
 218         position:absolute;
 219         background: $gray-light;
 220         border: 1px solid $gray-base;
 221         overflow:hidden;
 222 }
 223 .roo-splitbar-h,.roo-splitbar-proxy-h{
 224     cursor:col-resize;
 225 }
 226 .roo-splitbar-v,.roo-splitbar-proxy-v{
 227     cursor:row-resize;
 228 }
 229 /*
 230 .x-grid-resize-proxy
 231 {
 232         z-index:40009;
 233         visibility:hidden;
 234         position:absolute;
 235         background:#666;
 236         border: 1px solid #000;
 237         overflow:hidden;
 238         cursor:col-resize;
 239         overflow:hidden;
 240         width: 2px;
 241 }
 242
 243
 244 */
 245 .roo-layout-panel-body  .navbar ul.nav-tabs {
 246     margin-top: 9px;
 247     display: table;
 248 }
 249
 250 .roo-layout-panel-body  .navbar {
 251     margin-bottom: 0px;
 252 }
 253
 254 .roo-form-group-label-left::before,
 255 .roo-form-group-label-left::after {
 256     display: table;
 257     content: " ";
 258     clear: both;
 259 }