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