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

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