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

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