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

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