git.roojs.org Git - roojs1/blob - old-css-bootstrap/layout.css

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