/v3.2/nimbits-tds/web/resources/themes/slate/css/xtheme-slate.css

http://nimbits-server.googlecode.com/ · CSS · 1011 lines · 761 code · 230 blank · 20 comment · 0 complexity · 85592ff7c1dafd09c972997167dc4697 MD5 · raw file

  1. /*
  2. * Copyright (c) 2010 Tonic Solutions LLC.
  3. *
  4. * http://www.nimbits.com
  5. *
  6. *
  7. * Licensed under the GNU GENERAL PUBLIC LICENSE, Version 3.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
  8. *
  9. * http://www.gnu.org/licenses/gpl.html
  10. *
  11. * Unless required by applicable law or agreed to in writing, software distributed under the license is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
  12. */
  13. .x-panel {
  14. border-style: solid;
  15. border-color: #abc;
  16. }
  17. .x-panel-header {
  18. color: #fafafa;
  19. border: 1px solid #abc;
  20. background-image: url(../images/slate/panel/white-top-bottom.gif);
  21. }
  22. .x-panel-body {
  23. border-color: #abc;
  24. }
  25. .x-panel-bbar .x-toolbar {
  26. border-color: #abc;
  27. }
  28. .x-panel-tbar .x-toolbar {
  29. border-color: #abc;
  30. }
  31. .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
  32. border-color: #abc;
  33. }
  34. .x-panel-body-noheader, .x-panel-mc .x-panel-body {
  35. border-color: #abc;
  36. }
  37. .x-panel-tl .x-panel-header {
  38. color: #f4f4f4;
  39. }
  40. .x-panel-tc {
  41. background-image: url(../images/slate/panel/top-bottom.gif);
  42. }
  43. .x-panel-tl {
  44. background-image: url(../images/slate/panel/corners-sprite.gif);
  45. border-color: #abc;
  46. }
  47. .x-panel-tr {
  48. background-image: url(../images/slate/panel/corners-sprite.gif);
  49. }
  50. .x-panel-bc {
  51. background-image: url(../images/slate/panel/top-bottom.gif);
  52. }
  53. .x-panel-bl {
  54. background-image: url(../images/slate/panel/corners-sprite.gif);
  55. }
  56. .x-panel-br {
  57. background-image: url(../images/slate/panel/corners-sprite.gif);
  58. }
  59. .x-panel-mc {
  60. background: #dde5e9;
  61. }
  62. .x-panel-mc .x-panel-body {
  63. background: transparent;
  64. border: 0 none;
  65. }
  66. .x-panel-ml {
  67. background-image: url(../images/slate/panel/left-right.gif);
  68. }
  69. .x-panel-mr {
  70. background-image: url(../images/slate/panel/left-right.gif);
  71. }
  72. .x-panel-dd-spacer {
  73. border: 2px dashed #89a;
  74. }
  75. .x-tool {
  76. background-image: url(../images/slate/panel/tool-sprites.gif);
  77. }
  78. .x-panel-ghost {
  79. background: #e0e0e0;
  80. }
  81. .x-panel-ghost ul {
  82. border-color: #b0b0b0;
  83. }
  84. .x-grid-panel .x-panel-mc .x-panel-body {
  85. border: 1px solid #abc;
  86. }
  87. .x-btn button {
  88. color: #fff;
  89. }
  90. .x-btn-over button {
  91. color: #fff;
  92. }
  93. .x-btn-focus button {
  94. color: #fff8da;
  95. }
  96. .x-btn-mc em.x-btn-arrow {
  97. background-image: url(../images/slate/button/arrow.gif);
  98. }
  99. .x-btn-mc em.x-btn-split {
  100. background-image: url(../images/slate/button/s-arrow-b-noline.gif);
  101. }
  102. .x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split {
  103. background-image: url(../images/slate/button/s-arrow-o.gif);
  104. }
  105. .x-btn-mc em.x-btn-split-bottom {
  106. background-image: url(../images/slate/button/s-arrow-b.gif);
  107. }
  108. .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
  109. background-image: url(../images/slate/button/s-arrow-bo.gif);
  110. }
  111. .x-btn-group-header {
  112. color: white !important;
  113. }
  114. .x-btn-group-tc {
  115. background-image: url(../images/slate/button/group-tb.gif);
  116. }
  117. .x-btn-group-tl {
  118. background-image: url(../images/slate/button/group-cs.gif);
  119. }
  120. .x-btn-group-tr {
  121. background-image: url(../images/slate/button/group-cs.gif);
  122. }
  123. .x-btn-group-bc {
  124. background-image: url(../images/slate/button/group-tb.gif);
  125. }
  126. .x-btn-group-bl {
  127. background-image: url(../images/slate/button/group-cs.gif);
  128. }
  129. .x-btn-group-br {
  130. background-image: url(../images/slate/button/group-cs.gif);
  131. }
  132. .x-btn-group-ml {
  133. background-image: url(../images/slate/button/group-lr.gif);
  134. }
  135. .x-btn-group-mr {
  136. background-image: url(../images/slate/button/group-lr.gif);
  137. }
  138. .x-btn-group-notitle .x-btn-group-tc {
  139. background-image: url(../images/slate/button/group-tb.gif);
  140. }
  141. .x-border-layout-ct {
  142. background: #f0f0f0;
  143. }
  144. .x-accordion-hd {
  145. background-image: url(../images/slate/panel/light-hd.gif);
  146. }
  147. .x-layout-collapsed {
  148. background-color: #567;
  149. border-color: #e0e0e0;
  150. }
  151. .x-layout-collapsed-over {
  152. background-color: #789;
  153. }
  154. .x-toolbar {
  155. border-color: #abc;
  156. background: #f0f4f5 url(../images/slate/toolbar/bg.gif) repeat-x top left;
  157. }
  158. .x-toolbar button {
  159. color: #f4f4f4;
  160. }
  161. .x-toolbar .ytb-text {
  162. color: #f4f4f4;
  163. }
  164. .x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc {
  165. background-image: url(../images/slate/button/btn.gif);
  166. }
  167. .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text {
  168. color: white;
  169. }
  170. .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
  171. background-image: url(../images/slate/toolbar/btn-arrow.gif);
  172. }
  173. .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
  174. background-image: url(../images/slate/toolbar/btn-arrow.gif);
  175. }
  176. .x-toolbar .x-btn-over .x-btn-left {
  177. background-image: url(../images/slate/toolbar/tb-btn-sprite.gif);
  178. }
  179. .x-toolbar .x-btn-over .x-btn-right {
  180. background-image: url(../images/slate/toolbar/tb-btn-sprite.gif);
  181. }
  182. .x-toolbar .x-btn-over .x-btn-center {
  183. background-image: url(../images/slate/toolbar/tb-btn-sprite.gif);
  184. }
  185. .x-toolbar .x-btn-over button {
  186. color: #fff;
  187. }
  188. .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 {
  189. background-image: url(../images/slate/toolbar/tb-btn-sprite.gif);
  190. }
  191. .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 {
  192. background-image: url(../images/slate/toolbar/tb-btn-sprite.gif);
  193. }
  194. .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 {
  195. background-image: url(../images/slate/toolbar/tb-btn-sprite.gif);
  196. }
  197. .x-toolbar .xtb-sep {
  198. background-image: url(../images/slate/toolbar/sep.gif) !important;
  199. }
  200. .x-statusbar .x-status-text-panel {
  201. border-color: #9ab #9ab #9ab #9ab;
  202. }
  203. .x-statusbar .x-status-text {
  204. color: #ddc;
  205. }
  206. .x-menu {
  207. border: 1px solid #aaa;
  208. background: #f0f0f0 url(../images/slate/menu/menu.gif) repeat-y;
  209. }
  210. .x-menu-item-active {
  211. background: #ebf3fd url(../images/slate/menu/item-over.gif) repeat-x left bottom;
  212. border: 1px solid #c2cbd2;
  213. }
  214. .x-menu-item-arrow {
  215. background: transparent url(../images/slate/menu/menu-parent.gif) no-repeat right;
  216. }
  217. .x-menu-check-item .x-menu-item-icon {
  218. background: transparent url(../images/slate/menu/unchecked.gif) no-repeat center;
  219. }
  220. .x-menu-item-checked .x-menu-item-icon {
  221. background-image: url(../images/slate/menu/checked.gif);
  222. }
  223. .x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
  224. background: transparent url(../images/slate/menu/group-checked.gif)
  225. }
  226. .x-menu-group-item .x-menu-item-icon {
  227. background: transparent none repeat scroll 0 0;
  228. }
  229. .x-tab-panel-header, .x-tab-panel-footer {
  230. background: #6b869f;
  231. border-color: #4f657b;
  232. }
  233. .x-tab-panel-header {
  234. border-color: #abc;
  235. }
  236. .x-tab-panel-footer {
  237. border-color: #abc;
  238. }
  239. ul.x-tab-strip-top {
  240. background: #dbdbdb url(../images/slate/tabs/tab-strip-bg.gif) repeat-x left top;
  241. border-color: #4c647e;
  242. padding-top: 2px;
  243. }
  244. ul.x-tab-strip-bottom {
  245. background-image: url(../images/slate/tabs/tab-strip-btm-bg.gif);
  246. border-color: #566c82;
  247. }
  248. .x-tab-strip span.x-tab-strip-text {
  249. color: #333;
  250. }
  251. .x-tab-strip-over span.x-tab-strip-text {
  252. color: #111;
  253. }
  254. .x-tab-strip-active span.x-tab-strip-text {
  255. color: #fff;
  256. }
  257. .x-tab-strip-disabled .x-tabs-text {
  258. color: #aaaaaa;
  259. }
  260. .x-tab-strip-top .x-tab-right {
  261. background-image: url(../images/slate/tabs/tabs-sprite.gif);
  262. }
  263. .x-tab-strip-top .x-tab-left {
  264. background-image: url(../images/slate/tabs/tabs-sprite.gif);
  265. }
  266. .x-tab-strip-top .x-tab-strip-inner {
  267. background-image: url(../images/slate/tabs/tabs-sprite.gif);
  268. }
  269. .x-tab-strip-bottom .x-tab-right {
  270. background-image: url(../images/slate/tabs/tab-btm-inactive-right-bg.gif);
  271. }
  272. .x-tab-strip-bottom .x-tab-left {
  273. background-image: url(../images/slate/tabs/tab-btm-inactive-left-bg.gif);
  274. }
  275. .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  276. background-image: url(../images/slate/tabs/tab-btm-right-bg.gif);
  277. }
  278. .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
  279. background-image: url(../images/slate/tabs/tab-btm-left-bg.gif);
  280. }
  281. .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  282. background-image: url(../images/slate/tabs/tab-close.gif);
  283. }
  284. .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
  285. background-image: url(../images/slate/tabs/tab-close.gif);
  286. }
  287. .x-tab-panel-body {
  288. border-color: #abc;
  289. background: #fff;
  290. }
  291. .x-tab-panel-bbar .x-toolbar {
  292. border-color: #abc;
  293. }
  294. .x-tab-panel-tbar .x-toolbar {
  295. border-color: #abc;
  296. }
  297. .x-tab-panel-header-plain .x-tab-strip-spacer,
  298. .x-tab-panel-footer-plain .x-tab-strip-spacer {
  299. border-color: #abc;
  300. background: #6b869f;
  301. }
  302. .x-tab-scroller-left {
  303. background-image: url(../images/slate/tabs/scroll-left.gif);
  304. border-color: #aeaeae;
  305. }
  306. .x-tab-scroller-right {
  307. background-image: url(../images/slate/tabs/scroll-right.gif);
  308. border-color: #aeaeae;
  309. }
  310. .x-window-proxy {
  311. background: #e4e8ec;
  312. border-color: #abc;
  313. }
  314. .x-window-tl .x-window-header {
  315. color: #fafafa;
  316. }
  317. .x-window-tc {
  318. background-image: url(../images/slate/window/top-bottom.png);
  319. }
  320. .x-window-tl {
  321. background-image: url(../images/slate/window/left-corners.png);
  322. }
  323. .x-window-tr {
  324. background-image: url(../images/slate/window/right-corners.png);
  325. }
  326. .x-window-bc {
  327. background-image: url(../images/slate/window/top-bottom.png);
  328. }
  329. .x-window-bl {
  330. background-image: url(../images/slate/window/left-corners.png);
  331. }
  332. .x-window-br {
  333. background-image: url(../images/slate/window/right-corners.png);
  334. }
  335. .x-window-mc {
  336. border: 1px solid #abc;
  337. background: #e8e8e8;
  338. }
  339. .x-window-ml {
  340. background-image: url(../images/slate/window/left-right.png);
  341. }
  342. .x-window-mr {
  343. background-image: url(../images/slate/window/left-right.png);
  344. }
  345. .x-panel-ghost .x-window-tl {
  346. border-color: #abc;
  347. }
  348. .x-panel-collapsed .x-window-tl {
  349. border-color: #abc;
  350. }
  351. .x-window-plain .x-window-mc {
  352. background: #e8e8e8;
  353. border-right: 1px solid #eee;
  354. border-bottom: 1px solid #eee;
  355. border-top: 1px solid #abc;
  356. border-left: 1px solid #abc;
  357. }
  358. .x-window-plain .x-window-body {
  359. border-left: 1px solid #ddd;
  360. border-top: 1px solid #ddd;
  361. border-bottom: 1px solid #abc;
  362. border-right: 1px solid #abc;
  363. background: transparent !important;
  364. }
  365. body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
  366. background-color: #eceef0;
  367. }
  368. /* HTML Editors */
  369. .x-html-editor-wrap {
  370. border-color: #abc;
  371. }
  372. .x-html-editor-tb .x-btn-text {
  373. background: transparent url(../images/slate/editor/tb-sprite.gif) no-repeat scroll 0%;
  374. }
  375. /* Borders go last for specificity */
  376. .x-panel-noborder .x-panel-body-noborder {
  377. border-width: 0;
  378. }
  379. .x-panel-noborder .x-panel-header-noborder {
  380. border-width: 0;
  381. border-bottom: 1px solid #abc;
  382. }
  383. .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
  384. border-width: 0;
  385. border-bottom: 1px solid #abc;
  386. }
  387. .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
  388. border-width: 0;
  389. border-top: 1px solid #abc;
  390. }
  391. .x-window-noborder .x-window-mc {
  392. border-width: 0;
  393. }
  394. .x-window-plain .x-window-body-noborder {
  395. border-width: 0;
  396. }
  397. .x-tab-panel-noborder .x-tab-panel-body-noborder {
  398. border-width: 0;
  399. }
  400. .x-tab-panel-noborder .x-tab-panel-header-noborder {
  401. border-top-width: 0;
  402. border-left-width: 0;
  403. border-right-width: 0;
  404. }
  405. .x-tab-panel-noborder .x-tab-panel-footer-noborder {
  406. border-bottom-width: 0;
  407. border-left-width: 0;
  408. border-right-width: 0;
  409. }
  410. .x-tab-panel-bbar-noborder .x-toolbar {
  411. border-width: 0;
  412. border-top: 1px solid #abc;
  413. }
  414. .x-tab-panel-tbar-noborder .x-toolbar {
  415. border-width: 0;
  416. border-bottom: 1px solid #abc;
  417. }
  418. /* Forms */
  419. .x-form-text, textarea.x-form-field {
  420. border: 1px solid #9ab;
  421. }
  422. .x-trigger-wrap-focus .x-form-trigger {
  423. border-bottom: 1px solid #4a7192;
  424. }
  425. .x-form-focus, textarea.x-form-focus {
  426. border: 1px solid #4a7192;
  427. }
  428. .x-form-field-wrap .x-form-trigger {
  429. background: transparent url(../images/slate/form/trigger.gif) no-repeat 0 0;
  430. }
  431. .x-form-field-wrap .x-form-date-trigger {
  432. background-image: url(../images/slate/form/date-trigger.gif);
  433. }
  434. .x-form-field-wrap .x-form-clear-trigger {
  435. background-image: url(../images/slate/form/clear-trigger.gif);
  436. }
  437. .x-form-field-wrap .x-form-search-trigger {
  438. background-image: url(../images/slate/form/search-trigger.gif);
  439. }
  440. .x-form-field-wrap .x-form-trigger {
  441. border-bottom: 1px solid #778899;
  442. }
  443. .x-form-field-wrap .x-form-trigger-over {
  444. background-position: -17px 0;
  445. }
  446. .x-form-field-wrap .x-form-trigger-click {
  447. background-position: -34px 0;
  448. }
  449. .x-trigger-wrap-focus .x-form-trigger {
  450. background-position: -51px 0;
  451. }
  452. .x-trigger-wrap-focus .x-form-trigger-over {
  453. background-position: -68px 0;
  454. }
  455. .x-trigger-wrap-focus .x-form-trigger-click {
  456. background-position: -85px 0;
  457. }
  458. .x-form fieldset legend {
  459. color: #333;
  460. }
  461. /* Checkboxes & Radio Buttons */
  462. .x-form-check {
  463. background: url('../images/slate/form/checkbox.gif') no-repeat 0 0;
  464. }
  465. .x-form-radio {
  466. background: url('../images/slate/form/radio.gif') no-repeat 0 0;
  467. }
  468. .x-form-check-group-label {
  469. border-bottom: 1px solid #99BBE8;
  470. color: #15428B;
  471. margin-bottom: 5px;
  472. padding-left: 3px !important;
  473. float: none !important;
  474. }
  475. /* Grid */
  476. .x-grid3-row-selected {
  477. background: #fbf0d2 !important;
  478. border: 1px dotted #ccc;
  479. }
  480. .x-grid3-hd-btn {
  481. background: #f2daa9 url(../images/slate/grid/grid3-hd-btn.gif) no-repeat left center;
  482. }
  483. .x-grid3-header {
  484. background: #f9f9f9 url(../images/slate/grid/grid3-hrow.gif) repeat-x 0 bottom;
  485. }
  486. td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
  487. background: #ebf3fd url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom;
  488. }
  489. .sort-asc .x-grid3-sort-icon {
  490. background-image: url(../images/slate/grid/sort_asc.gif);
  491. }
  492. .sort-desc .x-grid3-sort-icon {
  493. background-image: url(../images/slate/grid/sort_desc.gif);
  494. }
  495. td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
  496. border-left: 1px solid #fff;
  497. border-right: 1px solid #ccc;
  498. }
  499. .x-grid3-check-col {
  500. background-image: url(../images/slate/menu/unchecked.gif);
  501. }
  502. .x-grid3-check-col-on {
  503. background-image: url(../images/slate/menu/checked.gif);
  504. }
  505. .x-grid3-cell-selected {
  506. background-color: #e0eaee !important;
  507. }
  508. .x-grid3-body .x-grid3-td-expander {
  509. background: transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
  510. }
  511. .x-grid3-body .x-grid3-td-checker {
  512. background: transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
  513. }
  514. .x-grid3-body .x-grid3-td-numberer {
  515. background: transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
  516. }
  517. .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
  518. background: transparent url(../images/slate/grid/grid3-special-col-sel-bg.gif) repeat-y right;
  519. }
  520. .x-grid-group-hd {
  521. border-bottom: 2px solid #abb;
  522. }
  523. .x-grid-group-hd div {
  524. color: #456;
  525. }
  526. .x-dd-drag-proxy .x-grid3-hd-inner {
  527. background: #ebf3fd url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom;
  528. border: 1px solid #abc;
  529. }
  530. .x-tbar-page-first {
  531. background-image: url(../images/slate/grid/page-first.gif) !important;
  532. }
  533. .x-tbar-page-last {
  534. background-image: url(../images/slate/grid/page-last.gif) !important;
  535. }
  536. .x-tbar-page-next {
  537. background-image: url(../images/slate/grid/page-next.gif) !important;
  538. }
  539. .x-tbar-page-prev {
  540. background-image: url(../images/slate/grid/page-prev.gif) !important;
  541. }
  542. .x-tbar-loading {
  543. background-image: url(../images/slate/grid/refresh.gif) !important;
  544. }
  545. .x-paging-info {
  546. color: #FFFFFF;
  547. }
  548. /* Progress Bars */
  549. .x-progress-bar {
  550. background: #9CBFEE url(../images/slate/progress/progress-bg.gif) repeat-x left center;
  551. border-top: 1px solid #ddd;
  552. border-bottom: 1px solid #ddd;
  553. }
  554. .x-progress-inner {
  555. background: #E0E8F3 url(../images/slate/qtip/bg.gif) repeat-x scroll 0 0;
  556. }
  557. .x-progress-text {
  558. color: #789;
  559. }
  560. .x-progress-text-back {
  561. color: #789;
  562. }
  563. .x-progress-wrap {
  564. border: 1px solid #b0b8c4;
  565. }
  566. /* Combos */
  567. .x-combo-list {
  568. border: 1px solid #89a;
  569. }
  570. .x-combo-list .x-combo-selected {
  571. border: 1px dotted #ccc !important;
  572. background: #fbf0d2;
  573. }
  574. /* Calendars */
  575. .x-date-middle, .x-date-left, .x-date-right {
  576. background: url(../images/slate/shared/hd-sprite.gif) repeat-x 0 -83px;
  577. }
  578. .x-date-right a {
  579. background-image: url(../images/slate/shared/right-btn.gif);
  580. }
  581. .x-date-left a {
  582. background-image: url(../images/slate/shared/left-btn.gif);
  583. }
  584. .x-date-bottom {
  585. background: #DFECFB url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
  586. border-top: 1px solid #abc;
  587. }
  588. .x-date-right-icon {
  589. background-image: url(../images/slate/shared/right-btn.gif);
  590. }
  591. .x-date-left-icon {
  592. background-image: url(../images/slate/shared/left-btn.gif);
  593. }
  594. .x-date-inner th {
  595. background: #dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x left top;
  596. border-bottom: 1px solid #abc;
  597. color: #345;
  598. }
  599. .x-date-inner .x-date-selected a {
  600. background: #dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
  601. border: 1px solid #89a;
  602. }
  603. .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover {
  604. background: #faedc0;
  605. }
  606. td.x-date-mp-month a:hover, td.x-date-mp-year a:hover {
  607. color: #123;
  608. background: #faedc0;
  609. }
  610. .x-date-mp-ybtn a {
  611. background: transparent url(../images/slate/panel/tool-sprites.gif) no-repeat;
  612. }
  613. .x-date-mp-btns {
  614. background: #dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
  615. }
  616. td.x-date-mp-sel a {
  617. background: #dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x left top;
  618. border: 1px solid #abc;
  619. }
  620. .x-date-mp-btns button {
  621. background: #405574;
  622. border: 1px solid;
  623. border-color: #abc #055 #055 #abc;
  624. }
  625. .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east {
  626. background: url(../images/slate/sizer/e-handle.gif);
  627. background-position: left;
  628. }
  629. .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west {
  630. background: url(../images/slate/sizer/e-handle.gif);
  631. background-position: left;
  632. }
  633. .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south {
  634. background: url(../images/slate/sizer/s-handle.gif);
  635. background-position: top;
  636. }
  637. .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north {
  638. background: url(../images/slate/sizer/s-handle.gif);
  639. background-position: top;
  640. }
  641. .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast {
  642. background: url(../images/slate/sizer/se-handle.gif);
  643. background-position: top left;
  644. }
  645. .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest {
  646. background: url(../images/slate/sizer/nw-handle.gif);
  647. background-position: bottom right;
  648. }
  649. .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast {
  650. background: url(../images/slate/sizer/ne-handle.gif);
  651. background-position: bottom left;
  652. }
  653. .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest {
  654. background: url(../images/slate/sizer/sw-handle.gif);
  655. background-position: top right;
  656. }
  657. .x-tip .x-tip-close {
  658. background-image: url(../images/slate/qtip/close.gif);
  659. }
  660. .x-tip .x-tip-tc {
  661. background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -62px;
  662. }
  663. .x-tip .x-tip-tl {
  664. background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 0;
  665. }
  666. .x-tip .x-tip-tr {
  667. background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right 0;
  668. }
  669. .x-tip .x-tip-bc {
  670. background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -121px;
  671. }
  672. .x-tip .x-tip-bl {
  673. background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -59px;
  674. }
  675. .x-tip .x-tip-br {
  676. background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -59px;
  677. }
  678. .x-tip .x-tip-ml {
  679. background: #fff url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -124px;
  680. }
  681. .x-tip .x-tip-mr {
  682. background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -124px;
  683. }
  684. .x-form-invalid-tip .x-tip-tc {
  685. background: url(../images/default/form/error-tip-corners.gif) repeat-x 0 -12px;
  686. padding-top: 6px;
  687. }
  688. .x-form-invalid-tip .x-tip-tl {
  689. background-image: url(../images/default/form/error-tip-corners.gif);
  690. }
  691. .x-form-invalid-tip .x-tip-tr {
  692. background-image: url(../images/default/form/error-tip-corners.gif);
  693. }
  694. .x-form-invalid-tip .x-tip-bc {
  695. background: url(../images/default/form/error-tip-corners.gif) repeat-x 0 -18px;
  696. height: 6px;
  697. }
  698. .x-form-invalid-tip .x-tip-bl {
  699. background: url(../images/default/form/error-tip-corners.gif) no-repeat 0 -6px;
  700. }
  701. .x-form-invalid-tip .x-tip-br {
  702. background: url(../images/default/form/error-tip-corners.gif) no-repeat right -6px;
  703. }
  704. .x-form-invalid-tip .x-tip-ml {
  705. background-image: url(../images/default/form/error-tip-corners.gif);
  706. }
  707. .x-form-invalid-tip .x-tip-mr {
  708. background-image: url(../images/default/form/error-tip-corners.gif);
  709. }
  710. .x-tree-node .x-tree-selected {
  711. background-color: #f2daa9;
  712. }
  713. .x-tree-node .x-tree-selected a span {
  714. background-color: #f2daa9;
  715. color: black;
  716. }
  717. .x-ftree2-selected {
  718. background-color: #FBF0D2 !important;
  719. }
  720. .x-tree-arrows .x-tree-elbow-plus {
  721. background: transparent url(../images/slate/tree/arrows.gif) no-repeat 0 0;
  722. }
  723. .x-tree-arrows .x-tree-elbow-minus {
  724. background: transparent url(../images/slate/tree/arrows.gif) no-repeat -16px 0;
  725. }
  726. .x-tree-arrows .x-tree-elbow-end-plus {
  727. background: transparent url(../images/slate/tree/arrows.gif) no-repeat 0 0;
  728. }
  729. .x-tree-arrows .x-tree-elbow-end-minus {
  730. background: transparent url(../images/slate/tree/arrows.gif) no-repeat -16px 0;
  731. }
  732. .x-slider-horz .x-slider-thumb {
  733. background: transparent url(../images/slate/slider/slider-thumb.png) no-repeat 0 0;
  734. }
  735. .x-slider-vert .x-slider-thumb {
  736. background: transparent url(../images/slate/slider/slider-v-thumb.png) no-repeat 0 0;
  737. }
  738. .x-slider-horz .x-slider-thumb-over {
  739. background-position: -14px -15px;
  740. }
  741. .x-slider-horz .x-slider-thumb-drag {
  742. background-position: -28px -30px;
  743. }
  744. .x-slider-vert .x-slider-thumb-over {
  745. background-position: -15px -14px;
  746. }
  747. .x-slider-vert .x-slider-thumb-drag {
  748. background-position: -30px -28px;
  749. }
  750. .x-slider-horz {
  751. background: transparent url(../images/slate/slider/slider-bg.png) no-repeat 0 -22px;
  752. }
  753. .x-slider-horz .x-slider-end {
  754. background: transparent url(../images/slate/slider/slider-bg.png) no-repeat right -44px;
  755. }
  756. .x-slider-horz .x-slider-inner {
  757. background: transparent url(../images/slate/slider/slider-bg.png) repeat-x 0 0;
  758. }
  759. .x-slider-vert {
  760. background: transparent url(../images/slate/slider/slider-v-bg.png) no-repeat -44px 0;
  761. }
  762. .x-slider-vert .x-slider-end {
  763. background: transparent url(../images/slate/slider/slider-v-bg.png) no-repeat -22px bottom;
  764. }
  765. .x-slider-vert .x-slider-inner {
  766. background: transparent url(../images/slate/slider/slider-v-bg.png) repeat-y 0 0;
  767. }
  768. .x-item-disabled * {
  769. color: #333 !important;
  770. }
  771. .x-form-check {
  772. background: none;
  773. !important
  774. }
  775. .x-form-radio {
  776. background: none;
  777. !important
  778. }
  779. .x-border {
  780. border: 1px solid #AABBCC;
  781. }