/source/Plug-in/ext/resources/css/xtheme-vista.css

http://prosporous.googlecode.com/ · CSS · 511 lines · 473 code · 15 blank · 23 comment · 0 complexity · 682f6eac1756561b1217fa624e8e1fdc MD5 · raw file

  1. /*
  2. * Ext JS Library 2.0
  3. * Copyright(c) 2006-2007, Ext JS, LLC.
  4. * licensing@extjs.com
  5. *
  6. * http://www.extjs.com/license
  7. */
  8. .ext-el-mask-msg {
  9. border:1px solid #aaa;
  10. background: #ddd url(../images/default/box/tb.gif) repeat-x 0 -16px;
  11. }
  12. .ext-el-mask-msg div {
  13. border:1px solid #ccc;
  14. }
  15. /*
  16. Menu
  17. */
  18. .x-menu {
  19. border-color: #999 #999 #999 #999;
  20. background-image:url(../images/gray/menu/menu.gif);
  21. }
  22. .x-menu-item-arrow{
  23. background-image:url(../images/gray/menu/menu-parent.gif);
  24. }
  25. .x-menu-item {
  26. color:#222;
  27. }
  28. .x-menu-item-active {
  29. background:#ddd;
  30. border:1px solid #aaa;
  31. }
  32. .x-menu-sep {
  33. background:#aaa;
  34. }
  35. /**
  36. * Tabs
  37. */
  38. .x-tabs-wrap {
  39. background:#4f4f4f;
  40. border-bottom:1px solid #b3b6b0;
  41. }
  42. .x-tabs-strip .x-tabs-text {
  43. color:white;
  44. font-weight:normal;
  45. }
  46. .x-tabs-strip .on .x-tabs-text {
  47. cursor:default;
  48. color:#333333;
  49. }
  50. .x-tabs-top .x-tabs-strip a.x-tabs-right {
  51. background:transparent url(../images/vista/tabs/tab-sprite.gif) no-repeat right -50px;
  52. }
  53. .x-tabs-top .x-tabs-strip a .x-tabs-left{
  54. background:transparent url(../images/vista/tabs/tab-sprite.gif) no-repeat 0px -150px;
  55. }
  56. .x-tabs-top .x-tabs-strip .on .x-tabs-right {
  57. background: url(../images/vista/tabs/tab-sprite.gif) no-repeat right 0;
  58. }
  59. .x-tabs-top .x-tabs-strip .on .x-tabs-left{
  60. background: url(../images/vista/tabs/tab-sprite.gif) no-repeat 0px -100px;
  61. }
  62. .x-tabs-strip .x-tabs-closable .close-icon{
  63. background-image:url(../images/vista/layout/tab-close.gif);
  64. }
  65. .x-tabs-strip .on .close-icon{
  66. background-image:url(../images/vista/layout/tab-close-on.gif);
  67. }
  68. .x-tabs-strip .x-tabs-closable .close-over{
  69. background-image:url(../images/vista/layout/tab-close-on.gif);
  70. }
  71. .x-tabs-body {
  72. border:1px solid #b3b6b0;
  73. border-top:0 none;
  74. }
  75. .x-tabs-bottom .x-tabs-strip {
  76. background:#4f4f4f;
  77. }
  78. .x-tabs-bottom .x-tabs-strip a.x-tabs-right {
  79. background:transparent url(../images/vista/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
  80. }
  81. .x-tabs-bottom .x-tabs-strip a .x-tabs-left{
  82. background:transparent url(../images/vista/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
  83. }
  84. .x-tabs-bottom .x-tabs-wrap {
  85. border-bottom:0 none;
  86. padding-top:0;
  87. border-top:1px solid #b3b6b0;
  88. }
  89. .x-tabs-bottom .x-tabs-strip .on .x-tabs-right {
  90. background: url(../images/vista/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
  91. }
  92. .x-tabs-bottom .x-tabs-strip .on .x-tabs-left {
  93. background: url(../images/vista/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
  94. }
  95. .x-tabs-bottom .x-tabs-body {
  96. border:1px solid #b3b6b0;
  97. border-bottom:0 none;
  98. }
  99. /**
  100. * Basic-Dialog
  101. */
  102. .x-dlg-proxy {
  103. background:#d3d6d0;
  104. border:2px solid #b3b6b0;
  105. }
  106. .x-dlg-shadow{
  107. background:#cccccc;
  108. opacity:.3;
  109. -moz-opacity:.3;
  110. filter: alpha(opacity=30);
  111. }
  112. .x-dlg .x-dlg-hd {
  113. background: url(../images/vista/basic-dialog/hd-sprite.gif) repeat-x 0 -82px;
  114. background-color:#333333;
  115. zoom:1;
  116. }
  117. .x-dlg .x-dlg-hd-left {
  118. opacity:.95;-moz-opacity:.95;filter:alpha(opacity=90);
  119. background: url(../images/vista/basic-dialog/hd-sprite.gif) no-repeat 0 -41px;
  120. zoom:1;
  121. }
  122. .x-dlg .x-dlg-hd-right {
  123. background: url(../images/vista/basic-dialog/hd-sprite.gif) no-repeat right 0;
  124. zoom:1;
  125. }
  126. .x-dlg .x-dlg-dlg-body{
  127. background:#fff;
  128. border:0 none;
  129. border-top:0 none;
  130. padding:0 0px 0px;
  131. position:absolute;
  132. top:24px;left:0;
  133. z-index:1;
  134. }
  135. .x-dlg-auto-tabs .x-dlg-dlg-body{
  136. background:transparent;
  137. }
  138. .x-dlg-auto-tabs .x-tabs-top .x-tabs-wrap{
  139. background:transparent;
  140. }
  141. .x-dlg .x-dlg-ft{
  142. border-top:1px solid #b3b6b0;
  143. background:#F0F0F0;
  144. padding-bottom:8px;
  145. }
  146. .x-dlg .x-dlg-bg{
  147. opacity:.90;-moz-opacity:.90;filter:alpha(opacity=85);
  148. zoom:1;
  149. }
  150. .x-dlg .x-dlg-bg-left,.x-dlg .x-dlg-bg-center,.x-dlg .x-dlg-bg-right{
  151. }
  152. .x-dlg .x-dlg-bg-center {
  153. padding: 0px 4px 4px 4px;
  154. background:transparent url(../images/vista/basic-dialog/bg-center.gif) repeat-x bottom;
  155. zoom:1;
  156. }
  157. .x-dlg .x-dlg-bg-left{
  158. padding-left:4px;
  159. background:transparent url(../images/vista/basic-dialog/bg-left.gif) no-repeat bottom left;
  160. zoom:1;
  161. }
  162. .x-dlg .x-dlg-bg-right{
  163. padding-right:4px;
  164. background:transparent url(../images/vista/basic-dialog/bg-right.gif) no-repeat bottom right;
  165. zoom:1;
  166. }
  167. .x-dlg .x-tabs-top .x-tabs-body{
  168. border:0 none;
  169. }
  170. .x-dlg .x-tabs-bottom .x-tabs-body{
  171. border:1px solid #b3b6b0;
  172. border-bottom:0 none;
  173. }
  174. .x-dlg .x-layout-container .x-tabs-body{
  175. border:0 none;
  176. }
  177. .x-dlg .x-dlg-close {
  178. background-image:url(../images/vista/basic-dialog/close.gif);
  179. }
  180. .x-dlg .x-dlg-collapse {
  181. background-image:url(../images/vista/basic-dialog/collapse.gif);
  182. }
  183. .x-dlg-collapsed .x-dlg-collapse {
  184. background-image:url(../images/vista/basic-dialog/expand.gif);
  185. }
  186. .x-dlg div.x-resizable-handle-east{
  187. background-image:url(../images/vista/s.gif);
  188. border:0 none;
  189. }
  190. .x-dlg div.x-resizable-handle-south{
  191. background-image:url(../images/vista/s.gif);
  192. border:0 none;
  193. }
  194. .x-dlg div.x-resizable-handle-west{
  195. background-image:url(../images/vista/s.gif);
  196. border:0 none;
  197. }
  198. .x-dlg div.x-resizable-handle-southeast{
  199. background-image:url(../images/vista/s.gif);
  200. background-position: bottom right;
  201. width:8px;
  202. height:8px;
  203. border:0;
  204. }
  205. .x-dlg div.x-resizable-handle-southwest{
  206. background-image:url(../images/vista/s.gif);
  207. background-position: top right;
  208. margin-left:1px;
  209. margin-bottom:1px;
  210. border:0;
  211. }
  212. .x-dlg div.x-resizable-handle-north{
  213. background-image:url(../images/vista/s.gif);
  214. border:0 none;
  215. }
  216. /* QuickTips */
  217. .x-tip .x-tip-top {
  218. background-image: url(../images/vista/qtip/tip-sprite.gif);
  219. }
  220. .x-tip .x-tip-top-left {
  221. background-image: url(../images/vista/qtip/tip-sprite.gif);
  222. }
  223. .x-tip .x-tip-top-right {
  224. background-image: url(../images/vista/qtip/tip-sprite.gif);
  225. }
  226. .x-tip .x-tip-ft {
  227. background-image: url(../images/vista/qtip/tip-sprite.gif);
  228. }
  229. .x-tip .x-tip-ft-left {
  230. background-image: url(../images/vista/qtip/tip-sprite.gif);
  231. }
  232. .x-tip .x-tip-ft-right {
  233. background-image: url(../images/vista/qtip/tip-sprite.gif);
  234. }
  235. .x-tip .x-tip-bd-left {
  236. background-image: url(../images/vista/qtip/tip-sprite.gif);
  237. }
  238. .x-tip .x-tip-bd-right {
  239. background-image: url(../images/vista/qtip/tip-sprite.gif);
  240. }
  241. .x-tip .x-tip-bd-inner {
  242. padding:2px;
  243. }
  244. /* BorderLayout */
  245. .x-layout-container{
  246. background:#4f4f4f;
  247. }
  248. .x-layout-collapsed{
  249. background-color:#9f9f9f;
  250. border:1px solid #4c535c;
  251. }
  252. .x-layout-collapsed-over{
  253. background-color:#bfbfbf;
  254. }
  255. .x-layout-panel{
  256. border:1px solid #4c535c;
  257. }
  258. .x-layout-nested-layout .x-layout-panel {
  259. border:0 none;
  260. }
  261. .x-layout-split{
  262. background-color:#f3f2e7;
  263. }
  264. .x-layout-panel-hd{
  265. background-image: url(../images/vista/layout/panel-title-bg.gif);
  266. border-bottom:1px solid #b5bac1;
  267. color:white;
  268. }
  269. .x-layout-panel-hd-text{
  270. color:white;
  271. }
  272. .x-layout-tools-button-over{
  273. border:1px solid #4c535c;
  274. background:#9f9f9f url(../images/vista/layout/panel-title-bg.gif) repeat-x;
  275. }
  276. .x-layout-close{
  277. background-image:url(../images/vista/layout/tab-close.gif);
  278. }
  279. .x-layout-stick{
  280. background-image:url(../images/vista/layout/stick.gif);
  281. }
  282. .x-layout-collapse-west,.x-layout-expand-east{
  283. background-image:url(../images/vista/layout/collapse.gif);
  284. }
  285. .x-layout-expand-west,.x-layout-collapse-east{
  286. background-image:url(../images/vista/layout/expand.gif);
  287. }
  288. .x-layout-collapse-north,.x-layout-expand-south{
  289. background-image:url(../images/vista/layout/ns-collapse.gif);
  290. }
  291. .x-layout-expand-north,.x-layout-collapse-south{
  292. background-image:url(../images/vista/layout/ns-expand.gif);
  293. }
  294. .x-layout-split-h{
  295. background:#9f9f9f;
  296. }
  297. .x-layout-split-v{
  298. background:#9f9f9f;
  299. }
  300. .x-layout-panel .x-tabs-wrap{
  301. background:#4f4f4f;
  302. }
  303. .x-layout-nested-layout .x-layout-panel-north {
  304. border-bottom:1px solid #4c535c;
  305. }
  306. .x-layout-nested-layout .x-layout-panel-south {
  307. border-top:1px solid #4c535c;
  308. }
  309. .x-layout-nested-layout .x-layout-panel-east {
  310. border-left:1px solid #4c535c;
  311. }
  312. .x-layout-nested-layout .x-layout-panel-west {
  313. border-right:1px solid #4c535c;
  314. }
  315. .x-layout-panel-dragover {
  316. border: 2px solid #4c535c;
  317. }
  318. .x-layout-panel-proxy {
  319. background-image: url(../images/vista/layout/gradient-bg.gif);
  320. background-color:#f3f2e7;
  321. border:1px dashed #4c535c;
  322. }
  323. .x-layout-container .x-layout-tabs-body{
  324. border:0 none;
  325. }
  326. /** Resizable */
  327. .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east{
  328. background:url(../images/vista/sizer/e-handle.gif);
  329. background-position: left;
  330. }
  331. .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-west{
  332. background:url(../images/vista/sizer/e-handle.gif);
  333. background-position: left;
  334. }
  335. .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south{
  336. background:url(../images/vista/sizer/s-handle.gif);
  337. background-position: top;
  338. }
  339. .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-north{
  340. background:url(../images/vista/sizer/s-handle.gif);
  341. background-position: top;
  342. }
  343. .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
  344. background:url(../images/vista/sizer/se-handle.gif);
  345. background-position: top left;
  346. }
  347. .x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{
  348. background:url(../images/vista/sizer/nw-handle.gif);
  349. background-position:bottom right;
  350. }
  351. .x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{
  352. background:url(../images/vista/sizer/ne-handle.gif);
  353. background-position: bottom left;
  354. }
  355. .x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{
  356. background:url(../images/vista/sizer/sw-handle.gif);
  357. background-position: top right;
  358. }
  359. .x-resizable-proxy{
  360. border: 1px dashed #615e55;
  361. }
  362. /** Toolbar */
  363. .x-toolbar{
  364. border:0 none;
  365. background: #efefe3 url(../images/vista/toolbar/gray-bg.gif) repeat-x;
  366. padding:3px;
  367. }
  368. .x-toolbar .ytb-button-over{
  369. border:1px solid transparent;
  370. border-bottom:1px solid #bbbbbb;
  371. border-top:1px solid #eeeeee;
  372. background:#9f9f9f url(../images/vista/grid/grid-vista-hd.gif) repeat-x;
  373. }
  374. .x-paging-info {
  375. color:#000;
  376. }
  377. /* grid */
  378. .x-grid-topbar .x-toolbar{
  379. border:0;
  380. border-bottom:1px solid #555;
  381. }
  382. .x-grid-bottombar .x-toolbar{
  383. border:0;
  384. border-top:1px solid #555;
  385. }
  386. .x-grid-locked .x-grid-body td {
  387. background: #fafafa;
  388. border-right: 1px solid #e1e1e1;
  389. border-bottom: 1px solid #e1e1e1 !important;
  390. }
  391. .x-grid-locked .x-grid-body td .x-grid-cell-inner {
  392. border-top:0 none;
  393. }
  394. .x-grid-locked .x-grid-row-alt td{
  395. background: #f1f1f1;
  396. }
  397. .x-grid-locked .x-grid-row-selected td{
  398. color: #fff !important;
  399. background-color: #316ac5 !important;
  400. }
  401. .x-grid-hd{
  402. border-bottom:0;
  403. background:none;
  404. }
  405. .x-grid-hd-row{
  406. height:auto;
  407. }
  408. .x-grid-split {
  409. background-image: url(../images/vista/grid/grid-split.gif);
  410. }
  411. .x-grid-header{
  412. background: url(../images/vista/grid/grid-vista-hd.gif);
  413. border:0 none;
  414. border-bottom:1px solid #555;
  415. }
  416. .x-grid-row-alt{
  417. background-color: #f5f5f5;
  418. }
  419. .x-grid-row-over td{
  420. background-color:#eeeeee;
  421. }
  422. .x-grid-col {
  423. border-right: 1px solid #eee;
  424. border-bottom: 1px solid #eee;
  425. }
  426. .x-grid-header .x-grid-hd-inner {
  427. padding-bottom: 1px;
  428. }
  429. .x-grid-header .x-grid-hd-text {
  430. padding-bottom: 3px;
  431. color:#333333;
  432. }
  433. .x-grid-hd-over .x-grid-hd-inner {
  434. border-bottom: 1px solid #555;
  435. padding-bottom: 0;
  436. }
  437. .x-grid-hd-over .x-grid-hd-text {
  438. background-color: #fafafa;
  439. border-bottom: 1px solid #555;
  440. padding-bottom: 2px;
  441. }
  442. .x-grid-header .sort-asc .x-grid-hd-inner, .x-grid-header .sort-desc .x-grid-hd-inner {
  443. border-bottom: 1px solid #555;
  444. padding-bottom: 0;
  445. }
  446. .x-grid-header .sort-asc .x-grid-hd-text, .x-grid-header .sort-desc .x-grid-hd-text {
  447. border-bottom: 1px solid #3b5a82;
  448. padding-bottom: 2px;
  449. }
  450. .x-dd-drag-proxy .x-grid-hd-inner{
  451. background: url(../images/vista/grid/grid-vista-hd.gif) repeat-x;
  452. height:22px;
  453. width:120px;
  454. }
  455. .x-props-grid .x-grid-col-name{
  456. background-color: #eee;
  457. }
  458. /* toolbar */
  459. .x-toolbar .ytb-sep{
  460. background-image: url(../images/vista/grid/grid-split.gif);
  461. }
  462. .x-toolbar .x-btn-over .x-btn-left{
  463. background:url(../images/vista/toolbar/tb-btn-sprite.gif) no-repeat 0 0px;
  464. }
  465. .x-toolbar .x-btn-over .x-btn-right{
  466. background:url(../images/vista/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
  467. }
  468. .x-toolbar .x-btn-over .x-btn-center{
  469. background:url(../images/vista/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
  470. }
  471. .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
  472. background:url(../images/vista/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
  473. }
  474. .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
  475. background:url(../images/vista/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;
  476. }
  477. .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
  478. background:url(../images/vista/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;
  479. }
  480. /* combo box */
  481. .x-combo-list {
  482. border:1px solid #999;
  483. background:#dddddd;
  484. }
  485. .x-combo-list-hd {
  486. background-image: url(../images/vista/layout/panel-title-bg.gif);
  487. border-bottom:1px solid #b5bac1;
  488. color:white;
  489. }
  490. .x-resizable-pinned .x-combo-list-inner {
  491. border-bottom:1px solid #aaa;
  492. }
  493. .x-combo-list .x-combo-selected{
  494. background:#ddd !important;
  495. border:1px solid #aaa;
  496. }