git.roojs.org Git - roojs1/blob - css/ytheme-aero.css

   1 /** \r
   2 * Tabs\r
   3 */\r
   4 .x-tabs-wrap, .x-layout-panel .x-tabs-top .x-tabs-wrap {\r
   5    background:#deecfd;\r
   6         border:1px solid #8db2e3;\r
   7         padding-bottom:2px;\r
   8         padding-top:0px;\r
   9 }\r
  10 .x-tabs-strip-wrap{\r
  11         padding-top:1px;\r
  12         background:#cedff5 url(../images/aero/tabs/tab-strip-bg.gif) repeat-x bottom;\r
  13         border-bottom:1px solid #8db2e3;\r
  14 }\r
  15 .x-tabs-strip .x-tabs-text {\r
  16         color:#15428b;\r
  17         font-weight:normal;\r
  18 }\r
  19 .x-tabs-strip .on .x-tabs-text {\r
  20         cursor:default;\r
  21         color:#15428b;\r
  22 }\r
  23 .x-tabs-top .x-tabs-strip .on .x-tabs-right {\r
  24          background: url(../images/aero/tabs/tab-sprite.gif) no-repeat right 0px;\r
  25 }\r
  26 .x-tabs-top .x-tabs-strip .on .x-tabs-left,.x-tabs-top .x-tabs-strip .on a:hover .x-tabs-left{\r
  27          background: url(../images/aero/tabs/tab-sprite.gif) no-repeat 0px -100px;\r
  28 }\r
  29 .x-tabs-top .x-tabs-strip .x-tabs-right {\r
  30          background:transparent url(../images/aero/tabs/tab-sprite.gif) no-repeat right -50px;\r
  31 }\r
  32 .x-tabs-top .x-tabs-strip .x-tabs-left {\r
  33         background:transparent url(../images/aero/tabs/tab-sprite.gif) no-repeat 0px -150px;\r
  34 }\r
  35 .x-tabs-top .roo-tabbody {\r
  36         border:1px solid #8db2e3;\r
  37         border-top:0px none;\r
  38 }\r
  39 .x-tabs-bottom .x-tabs-wrap, .x-layout-panel .x-tabs-bottom .x-tabs-wrap {\r
  40    background:#deecfd;\r
  41         border:1px solid #8db2e3;\r
  42         padding-top:2px;\r
  43         padding-bottom:0px;\r
  44 }\r
  45 .x-tabs-bottom .x-tabs-strip-wrap{\r
  46         padding-top:0px;\r
  47         padding-bottom:1px;\r
  48         background:#cedff5 url(../images/aero/tabs/tab-strip-btm-bg.gif) repeat-x top;\r
  49         border-top:1px solid #8db2e3;\r
  50         border-bottom:0px none;\r
  51 }\r
  52 .x-tabs-bottom .x-tabs-strip .x-tabs-right {\r
  53         background:transparent url(../images/aero/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;\r
  54 }\r
  55 .x-tabs-bottom .x-tabs-strip .x-tabs-left {\r
  56         background:transparent url(../images/aero/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;\r
  57 }\r
  58 .x-tabs-bottom .x-tabs-strip .on .x-tabs-right,.x-tabs-bottom .x-tabs-strip .on a:hover {\r
  59          background: url(../images/aero/tabs/tab-btm-right-bg.gif) no-repeat bottom left;\r
  60 }\r
  61 .x-tabs-bottom .x-tabs-strip .on .x-tabs-left,.x-tabs-bottom .x-tabs-strip .on a:hover .x-tabs-left {\r
  62          background: url(../images/aero/tabs/tab-btm-left-bg.gif) no-repeat bottom right;\r
  63 }\r
  64 .x-tabs-bottom .roo-tabbody {\r
  65         border:1px solid #8db2e3;\r
  66         border-bottom:0px none;\r
  67 }\r
  68 /** \r
  69 * Basic-Dialog \r
  70 */\r
  71 .x-dlg-proxy {\r
  72         background:#C7DFFC;\r
  73         border:1px solid #A5CCF9;\r
  74 }\r
  75 .x-dlg-shadow{\r
  76         background:#cccccc;\r
  77    opacity:.3;\r
  78    -moz-opacity:.3;\r
  79    filter: alpha(opacity=30);\r
  80 }\r
  81 .x-dlg {\r
  82         background:transparent;\r
  83 }\r
  84 .x-dlg .x-dlg-hd {\r
  85         background: url(../images/aero/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;\r
  86         background-color:#aabaca;\r
  87         color:#15428b;\r
  88         zoom:1;\r
  89         padding-top:7px;\r
  90 }\r
  91 .x-dlg .x-dlg-hd-left {\r
  92         opacity:.85;-moz-opacity:.85;filter:alpha(opacity=80);\r
  93         background: url(../images/aero/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;\r
  94         zoom:1;\r
  95 }\r
  96 .x-dlg-modal .x-dlg-hd-left {\r
  97         opacity:.75;-moz-opacity:.75;filter:alpha(opacity=70);\r
  98 }\r
  99 \r
 100 .x-dlg .x-dlg-hd-right {\r
 101         background: url(../images/aero/basic-dialog/hd-sprite.gif) no-repeat right 0px;\r
 102         zoom:1;\r
 103 }\r
 104 .x-dlg .x-dlg-dlg-body{\r
 105         padding:0px 0px 0px;\r
 106         position:absolute;\r
 107         top:24px;left:0px;\r
 108         z-index:1;\r
 109         border:0px none;\r
 110         background:transparent;\r
 111 }\r
 112 .x-dlg .x-dlg-bd{\r
 113         background:#fff;\r
 114         border:1px solid #96b9e6;\r
 115 }\r
 116 .x-dlg .x-dlg-ft{\r
 117         border:0px none;\r
 118         background:transparent;\r
 119         padding-bottom:8px;\r
 120 }\r
 121 .x-dlg .x-dlg-bg{\r
 122         filter:alpha(opacity=80);\r
 123         opacity:.85; \r
 124         -moz-opacity:.85; \r
 125         zoom:1;\r
 126 }\r
 127 .x-dlg-modal .x-dlg-bg {\r
 128         opacity:.75;-moz-opacity:.75;filter:alpha(opacity=70);\r
 129 }\r
 130 .x-dlg .x-dlg-bg-center {\r
 131         padding: 2px 7px 7px 7px;\r
 132         background:transparent url(../images/aero/basic-dialog/bg-center.gif) repeat-x bottom;\r
 133         zoom:1;\r
 134 }\r
 135 .x-dlg .x-dlg-bg-left{\r
 136         padding-left:7px;\r
 137         background:transparent url(../images/aero/basic-dialog/bg-left.gif) no-repeat bottom left;\r
 138         zoom:1;\r
 139 }\r
 140 .x-dlg .x-dlg-bg-right{\r
 141         padding-right:7px;\r
 142         background:transparent url(../images/aero/basic-dialog/bg-right.gif) no-repeat bottom right;\r
 143         zoom:1;\r
 144 }\r
 145 .x-dlg-auto-tabs .x-dlg-dlg-body, .x-dlg-auto-layout .x-dlg-dlg-body{\r
 146         background:transparent;\r
 147         border:0px none;\r
 148 }\r
 149 .x-dlg-auto-tabs .x-dlg-bd, .x-dlg-auto-layout .x-dlg-bd{\r
 150         background:#fff;\r
 151         border:1px solid #e9f3f5;\r
 152 }\r
 153 .x-dlg-auto-tabs .x-tabs-top .roo-tabbody,.x-dlg-auto-tabs .x-tabs-bottom .roo-tabbody{\r
 154     border-color:#8db2e3;\r
 155 }\r
 156 .x-dlg-auto-tabs .x-tabs-top .x-tabs-wrap,.x-dlg-auto-tabs .x-tabs-bottom .x-tabs-wrap{\r
 157     border-color:#8db2e3;\r
 158 }\r
 159 .x-dlg .x-dlg-close {\r
 160         width:21px;\r
 161         height:20px;\r
 162         top:5px;\r
 163         right:5px;\r
 164         opacity:.85;-moz-opacity:.85;filter:alpha(opacity=80);\r
 165         background-image:url(../images/aero/basic-dialog/aero-close.gif);\r
 166         zoom:1;\r
 167 }\r
 168 .x-dlg .x-dlg-close-over {\r
 169         background-image:url(../images/aero/basic-dialog/aero-close-over.gif);\r
 170 }\r
 171 .x-dlg div.x-resizable-handle-east{\r
 172         background-image:url(../images/aero/s.gif);\r
 173         border:0px none;\r
 174 }\r
 175 .x-dlg div.x-resizable-handle-south{\r
 176         background-image:url(../images/aero/s.gif);\r
 177         border:0px none;\r
 178 }\r
 179 .x-dlg div.x-resizable-handle-west{\r
 180         background-image:url(../images/aero/s.gif);\r
 181         border:0px none;\r
 182 }\r
 183 .x-dlg div.x-resizable-handle-southeast{\r
 184         background-image:url(../images/aero/basic-dialog/se-handle.gif);\r
 185         background-position: bottom right;\r
 186         width:9px;\r
 187         height:9px;\r
 188         border:0px;\r
 189         right:2px;\r
 190         bottom:2px;\r
 191 }\r
 192 .x-dlg div.x-resizable-handle-southwest{\r
 193         background-image:url(../images/aero/s.gif);\r
 194         background-position: top right;\r
 195         margin-left:1px;\r
 196         margin-bottom:1px;\r
 197         border:0px;\r
 198 }\r
 199 .x-dlg div.x-resizable-handle-north{\r
 200         background-image:url(../images/aero/s.gif);\r
 201         border:0px none;\r
 202 }\r
 203 \r
 204 #mb-dlg .x-dlg-bd{\r
 205         background:#CFE0F5;\r
 206         border:0px none;\r
 207 }\r
 208 \r
 209 /* BorderLayout */\r
 210 .x-layout-container{\r
 211     background:#deecfd;\r
 212 }\r
 213 .x-layout-collapsed{\r
 214     background-color:#deecfd;\r
 215          border:1px solid #99bbe8;\r
 216 }\r
 217 .x-layout-collapsed-over{\r
 218          background-color:#F5F9FE;\r
 219 }\r
 220 .x-layout-panel{\r
 221     border:1px solid #99bbe8;\r
 222 }\r
 223 .x-layout-nested-layout .x-layout-panel {\r
 224           border:0px none;\r
 225 }\r
 226 .x-layout-split{\r
 227     background-color:#deecfd;\r
 228 }\r
 229 .x-layout-panel-hd{\r
 230     background-image: url(../images/aero/layout/panel-title-light-bg.gif);\r
 231     border-bottom:1px solid #c0d7f4;\r
 232 }\r
 233 .x-layout-panel-hd-text {\r
 234         color:#15428b;\r
 235 }\r
 236 \r
 237 .x-layout-split-h{\r
 238     background:#deecfd;\r
 239 }\r
 240 .x-layout-split-v{\r
 241     background:#deecfd;\r
 242 }\r
 243 .x-layout-panel .x-tabs-top .x-tabs-wrap{\r
 244     border:0px none;\r
 245          border-bottom:1px solid #8db2e3;\r
 246 }\r
 247 .x-layout-panel .x-tabs-bottom .x-tabs-wrap{\r
 248     border:0px none;\r
 249          border-top:1px solid #8db2e3;\r
 250 }\r
 251 .x-layout-container .roo-tabbody{\r
 252         border:0px none;\r
 253 }\r
 254 \r
 255 .x-layout-nested-layout .x-layout-panel-north {\r
 256           border-bottom:1px solid #99bbe8;\r
 257 }\r
 258 .x-layout-nested-layout .x-layout-panel-south {\r
 259           border-top:1px solid #99bbe8;\r
 260 }\r
 261 .x-layout-nested-layout .x-layout-panel-east {\r
 262           border-left:1px solid #99bbe8;\r
 263 }\r
 264 .x-layout-nested-layout .x-layout-panel-west {\r
 265           border-right:1px solid #99bbe8;\r
 266 }\r
 267 .x-layout-panel-dragover {\r
 268         border: 2px solid #99bbe8;\r
 269 }\r
 270 .x-layout-panel-proxy {\r
 271         background-image: url(../images/aero/layout/gradient-bg.gif);\r
 272         background-color:#f3f2e7;\r
 273         border:1px dashed #99bbe8;\r
 274 }\r
 275 /** Resizable */\r
 276 \r
 277 .x-resizable-proxy{\r
 278     border: 1px dashed #3b5a82;\r
 279 }\r
 280 \r
 281 /* grid */\r
 282 .x-grid-hd{\r
 283         border-bottom:0px;\r
 284         background:none;\r
 285 }\r
 286 .x-grid-hd-body {\r
 287         border-bottom:0px none;\r
 288 }\r
 289 .x-grid-hd-over {\r
 290         border-bottom:0px none;\r
 291 }\r
 292 .x-grid-hd-over .x-grid-hd-body{\r
 293         background:none;\r
 294         border-bottom:0px none;\r
 295 }\r
 296 .x-grid-hd-over .x-grid-hd-body{\r
 297         background-color: transparent;\r
 298         border-bottom:0px;\r
 299 }\r
 300 .x-grid-hd-split {\r
 301         background-image: url(../images/aero/grid/grid-split.gif);\r
 302 }\r
 303 .x-grid-hrow{\r
 304         background: url(../images/aero/grid/grid-hrow.gif);\r
 305         height: 22px;\r
 306         border:0px none;\r
 307 }\r
 308 .x-grid-row-alt{\r
 309         background-color: #f5f5f5;\r
 310 }\r
 311 .x-grid-row{\r
 312         border-bottom: 1px solid #eeeeee;\r
 313 }\r
 314 .x-grid-col{\r
 315         border-right:1px solid #eeeeee;\r
 316 }\r
 317 .x-grid-sort-col .x-grid-hd-body {\r
 318         padding-bottom:4px;\r
 319 }\r
 320 \r
 321 /** Toolbar */\r
 322 .x-toolbar{\r
 323         border:0px none;\r
 324         background: #E2ECF8;\r
 325         padding:1px 3px;\r
 326         border-bottom:1px solid #c0d7f4;\r
 327 }\r
 328 .ytoolbar .ytb-button-over{\r
 329         border:1px solid #8db2e3;\r
 330 }\r
 331 .ytoolbar .ytb-sep{\r
 332         background-image: url(../images/aero/grid/grid-blue-split.gif);\r
 333 }