resources/css/layout.css

   1 /*\r
   2  * Ext JS Library 2.2.1\r
   3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://extjs.com/license\r
   7  */\r
   8 \r
   9 .x-border-layout-ct {\r
  10     background:#dfe8f6;\r
  11 }\r
  12 .x-border-panel {\r
  13     position:absolute;\r
  14     left:0;\r
  15     top:0;\r
  16 }\r
  17 \r
  18 .x-tool-collapse-south {\r
  19     background-position:0 -195px;\r
  20 }\r
  21 .x-tool-collapse-south-over {\r
  22     background-position:-15px -195px;\r
  23 }\r
  24 \r
  25 .x-tool-collapse-north {\r
  26     background-position:0 -210px;\r
  27 }\r
  28 .x-tool-collapse-north-over {\r
  29     background-position:-15px -210px;\r
  30 }\r
  31 \r
  32 .x-tool-collapse-west {\r
  33     background-position:0 -180px;\r
  34 }\r
  35 .x-tool-collapse-west-over {\r
  36     background-position:-15px -180px;\r
  37 }\r
  38 \r
  39 .x-tool-collapse-east {\r
  40     background-position:0 -165px;\r
  41 }\r
  42 .x-tool-collapse-east-over {\r
  43     background-position:-15px -165px;\r
  44 }\r
  45 \r
  46 \r
  47 .x-tool-expand-south {\r
  48     background-position:0 -210px;\r
  49 }\r
  50 .x-tool-expand-south-over {\r
  51     background-position:-15px -210px;\r
  52 }\r
  53 \r
  54 .x-tool-expand-north {\r
  55     background-position:0 -195px;\r
  56 }\r
  57 .x-tool-expand-north-over {\r
  58     background-position:-15px -195px;\r
  59 }\r
  60 \r
  61 .x-tool-expand-west {\r
  62     background-position:0 -165px;\r
  63 }\r
  64 .x-tool-expand-west-over {\r
  65     background-position:-15px -165px;\r
  66 }\r
  67 \r
  68 .x-tool-expand-east {\r
  69     background-position:0 -180px;\r
  70 }\r
  71 .x-tool-expand-east-over {\r
  72     background-position:-15px -180px;\r
  73 }\r
  74 \r
  75 .x-tool-expand-north, .x-tool-expand-south {\r
  76     float:right;\r
  77     margin:3px;\r
  78 }\r
  79 .x-tool-expand-east, .x-tool-expand-west {\r
  80     float:none;\r
  81     margin:3px auto;\r
  82 }\r
  83 \r
  84 \r
  85 \r
  86 .x-accordion-hd .x-tool-toggle {\r
  87     background-position:0 -255px;\r
  88 }\r
  89 .x-accordion-hd .x-tool-toggle-over {\r
  90     background-position:-15px -255px;\r
  91 }\r
  92 .x-panel-collapsed .x-accordion-hd .x-tool-toggle {\r
  93     background-position:0 -240px;\r
  94 }\r
  95 .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {\r
  96     background-position:-15px -240px;\r
  97 }\r
  98 \r
  99 .x-accordion-hd {\r
 100         color:#222;\r
 101         padding-top:4px;\r
 102         padding-bottom:3px;\r
 103         border-top:0 none;\r
 104     font-weight:normal;\r
 105     background: transparent url(../images/default/panel/light-hd.gif) repeat-x 0 -9px;\r
 106 }\r
 107 \r
 108 .x-layout-collapsed{\r
 109     position:absolute;\r
 110     left:-10000px;\r
 111     top:-10000px;\r
 112     visibility:hidden;\r
 113     background-color:#d2e0f2;\r
 114     width:20px;\r
 115     height:20px;\r
 116     overflow:hidden;\r
 117         border:1px solid #98c0f4;\r
 118         z-index:20;\r
 119 }\r
 120 .ext-border-box .x-layout-collapsed{\r
 121     width:22px;\r
 122     height:22px;\r
 123 }\r
 124 .x-layout-collapsed-over{\r
 125     cursor:pointer;\r
 126          background-color:#d9e8fb;\r
 127 }\r
 128 .x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{\r
 129         position:absolute;\r
 130     top:0;\r
 131     left:0;\r
 132     width:20px;\r
 133     height:20px;\r
 134 }\r
 135 \r
 136 \r
 137 .x-layout-split{\r
 138     position:absolute;\r
 139     height:5px;\r
 140     width:5px;\r
 141     line-height:1px;\r
 142     font-size:1px;\r
 143     z-index:3;\r
 144     background-color:transparent;\r
 145 }\r
 146 \r
 147 /* IE6 strict won't drag w/out a color */\r
 148 .ext-strict .ext-ie6 .x-layout-split{\r
 149     background-color: #fff !important;\r
 150     filter: alpha(opacity=1);\r
 151 }\r
 152         \r
 153 .x-layout-split-h{\r
 154     background-image:url(../images/default/s.gif);\r
 155     background-position: left;\r
 156 }\r
 157 .x-layout-split-v{\r
 158     background-image:url(../images/default/s.gif);\r
 159     background-position: top;\r
 160 }\r
 161 \r
 162 .x-column-layout-ct {\r
 163     overflow:hidden;\r
 164     /*padding:3px 3px 3px 3px;*/\r
 165     zoom:1;\r
 166 }\r
 167 \r
 168 .x-column {\r
 169     float:left;\r
 170     padding:0;\r
 171     margin:0;\r
 172     overflow:hidden;\r
 173     zoom:1;\r
 174     /*margin:3px;*/\r
 175 }\r
 176 \r
 177 /* mini mode */\r
 178 \r
 179 .x-layout-mini {\r
 180     position:absolute;\r
 181     top:0;\r
 182     left:0;\r
 183     display:block;\r
 184     width:5px;\r
 185     height:35px;\r
 186     cursor:pointer;\r
 187     opacity:.5;\r
 188     -moz-opacity:.5;\r
 189     filter:alpha(opacity=50);\r
 190 }\r
 191 .x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{\r
 192     opacity:1;\r
 193     -moz-opacity:1;\r
 194     filter:none;\r
 195 }\r
 196 \r
 197 .x-layout-split-west .x-layout-mini {\r
 198     top:48%;\r
 199     background-image:url(../images/default/layout/mini-left.gif);\r
 200 }\r
 201 .x-layout-split-east .x-layout-mini {\r
 202     top:48%;\r
 203     background-image:url(../images/default/layout/mini-right.gif);\r
 204 }\r
 205 .x-layout-split-north .x-layout-mini {\r
 206     left:48%;\r
 207     height:5px;\r
 208     width:35px;\r
 209     background-image:url(../images/default/layout/mini-top.gif);\r
 210 }\r
 211 .x-layout-split-south .x-layout-mini {\r
 212     left:48%;\r
 213     height:5px;\r
 214     width:35px;\r
 215     background-image:url(../images/default/layout/mini-bottom.gif);\r
 216 }\r
 217 \r
 218 \r
 219 .x-layout-cmini-west .x-layout-mini {\r
 220     top:48%;\r
 221     background-image:url(../images/default/layout/mini-right.gif);\r
 222 }\r
 223 \r
 224 .x-layout-cmini-east .x-layout-mini {\r
 225     top:48%;\r
 226     background-image:url(../images/default/layout/mini-left.gif);\r
 227 }\r
 228 \r
 229 .x-layout-cmini-north .x-layout-mini {\r
 230     left:48%;\r
 231     height:5px;\r
 232     width:35px;\r
 233     background-image:url(../images/default/layout/mini-bottom.gif);\r
 234 }\r
 235 \r
 236 .x-layout-cmini-south .x-layout-mini {\r
 237     left:48%;\r
 238     height:5px;\r
 239     width:35px;\r
 240     background-image:url(../images/default/layout/mini-top.gif);\r
 241 }\r
 242 \r
 243 .x-layout-cmini-west, .x-layout-cmini-east {\r
 244     border:0 none;\r
 245     width:5px !important;\r
 246     padding:0;\r
 247     background:transparent;\r
 248 }\r
 249 \r
 250 .x-layout-cmini-north, .x-layout-cmini-south {\r
 251     border:0 none;\r
 252     height:5px !important;\r
 253     padding:0;\r
 254     background:transparent;\r
 255 }\r
 256 \r
 257 .x-viewport, .x-viewport body {\r
 258     margin: 0;\r
 259     padding: 0;\r
 260     border: 0 none;\r
 261     overflow: hidden;\r
 262     height: 100%;\r
 263 }\r
 264 \r
 265 .x-abs-layout-item {\r
 266     position:absolute;\r
 267     left:0;\r
 268     top:0;\r
 269 }\r
 270 \r
 271 .ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {\r
 272     margin:0;\r
 273 }