xtheme-slickness.css 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170
  1. /*
  2. * Ext JS Library 2.0 Alpha 1
  3. * Copyright(c) 2006-2007, Ext JS, LLC.
  4. *
  5. * @license GPL
  6. * @author Kemal Tunador <tunador@madrabaz.com>
  7. */
  8. .ext-el-mask {
  9. background-color: #000000;
  10. }
  11. .ext-el-mask-msg {
  12. border: 1px solid #444444;
  13. background: #666666;
  14. }
  15. .ext-el-mask-msg div {
  16. border: 1px solid #888888;
  17. }
  18. .x-panel {
  19. border-style: solid;
  20. border-color: #000000;
  21. }
  22. .x-panel-header {
  23. color: #eeeef0;
  24. border: 1px solid #000000;
  25. background-image: url(../images/slickness/panel/white-top-bottom.gif);
  26. }
  27. .x-panel-body {
  28. border-color: #000000;
  29. color: #111;
  30. }
  31. .x-panel-bbar .x-toolbar {
  32. border-color: #000000;
  33. }
  34. .x-panel-tbar .x-toolbar {
  35. border-color: #000000;
  36. }
  37. .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
  38. border-color: #000000;
  39. }
  40. .x-panel-body-noheader, .x-panel-mc .x-panel-body {
  41. border-color: #000000;
  42. }
  43. .x-panel-tl .x-panel-header {
  44. color: #eeeef0;
  45. }
  46. .x-panel-tc {
  47. background-image: url(../images/slickness/panel/top-bottom.gif);
  48. }
  49. .x-panel-tl {
  50. background-image: url(../images/slickness/panel/corners-sprite.gif);
  51. border-color: #000000;
  52. }
  53. .x-panel-tr {
  54. background-image: url(../images/slickness/panel/corners-sprite.gif);
  55. }
  56. .x-panel-bc {
  57. background-image: url(../images/slickness/panel/top-bottom.gif);
  58. }
  59. .x-panel-bl {
  60. background-image: url(../images/slickness/panel/corners-sprite.gif);
  61. }
  62. .x-panel-br {
  63. background-image: url(../images/slickness/panel/corners-sprite.gif);
  64. }
  65. .x-panel-mc {
  66. background: #171717;
  67. }
  68. .x-panel-mc .x-panel-body {
  69. background: transparent;
  70. border: 0 none;
  71. color: #eee !important;
  72. }
  73. .x-panel-ml {
  74. background-image: url(../images/slickness/panel/left-right.gif);
  75. }
  76. .x-panel-mr {
  77. background-image: url(../images/slickness/panel/left-right.gif);
  78. }
  79. /* Ghosting */
  80. .x-panel-ghost {
  81. background: #161616;
  82. }
  83. .x-panel-ghost ul {
  84. border-color: #000000;
  85. }
  86. .x-grid-panel .x-panel-mc .x-panel-body {
  87. border: 1px solid #000000;
  88. }
  89. /* Grid */
  90. .x-grid3-row {
  91. color: #000000;
  92. border: 1px solid #666;
  93. border-bottom: 1px solid #000;
  94. }
  95. .x-grid3-row-over {
  96. border: 1px solid #292929;
  97. border-left: 1px solid #666;
  98. background-image: url(../images/slickness/grid/row-over.gif);
  99. }
  100. .x-grid3-header {
  101. background-image: url(../images/slickness/grid/grid3-hrow.gif);
  102. background-color: #747474;
  103. }
  104. .x-grid3-hd-inner {
  105. color: #EEEEEE;
  106. }
  107. .x-grid3-header-pop-inner {
  108. border-left: 1px solid #000000;
  109. background-image: url(../images/slickness/grid/hd-pop.gif);
  110. }
  111. td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
  112. border-left: 1px solid #000000;
  113. border-right: 1px solid #000000;
  114. }
  115. .sort-desc .x-grid3-sort-icon {
  116. background-image: url(../images/slickness/grid/sort_desc.gif);
  117. }
  118. .sort-asc .x-grid3-sort-icon {
  119. background-image: url(../images/slickness/grid/sort_asc.gif);
  120. }
  121. 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 {
  122. background-image: url(../images/slickness/grid/grid3-hrow-over.gif);
  123. background-color: #333;
  124. }
  125. .x-dd-drag-proxy .x-grid3-hd-inner {
  126. background-image: url(../images/slickness/grid/grid3-hrow-over.gif);
  127. }
  128. .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker {
  129. background-image: url(../images/slickness/grid/grid-hrow.gif);
  130. color: #666;
  131. border-top: 1px solid #666 !important;
  132. border-right: 1px solid #000 !important;
  133. }
  134. .x-grid3-hd-btn {
  135. background-image: url(../images/slickness/grid/grid3-hd-btn.gif);
  136. }
  137. .x-grid3-body .x-grid3-td-expander {
  138. background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);
  139. }
  140. .x-grid3-body .x-grid3-td-checker {
  141. background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);
  142. }
  143. .x-grid3-body .x-grid3-td-numberer {
  144. background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);
  145. }
  146. .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 {
  147. background-image: url(../images/slickness/grid/grid3-special-col-sel-bg.gif);
  148. }
  149. .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
  150. color: #eee;
  151. }
  152. .x-grid3-hd-row td {
  153. border-left: 1px solid #555;
  154. border-right: 1px solid #333;
  155. }
  156. .x-grid3-row-selected .x-grid3-cell, .x-grid3-row-selected .x-grid3-body-cell{
  157. color: #fff !important;
  158. }
  159. .x-grid3-row-selected {
  160. background: #333 !important;
  161. border: 1px solid #fff;
  162. }
  163. .x-grid-group-hd div {
  164. color: #223355;
  165. }
  166. .x-grid-group-hd {
  167. border: 1px solid #000;
  168. border-bottom: 2px solid #333;
  169. }
  170. .x-grid3-row-checker, .x-grid3-hd-checker {
  171. background-image: url(../images/slickness/grid/row-check-sprite.gif);
  172. }
  173. /* Menu */
  174. .x-menu {
  175. border: 1px solid #000000;
  176. background-color: #393939;
  177. background-image: url(../images/slickness/menu/menu.gif);
  178. }
  179. .x-menu-sep {
  180. background-color: #4d4d4d;
  181. border-bottom: 1px solid #272727;
  182. }
  183. .x-menu-plain {
  184. background: #393939 !important;
  185. }
  186. .x-menu-item-active {
  187. background-image: url(../images/slickness/menu/item-over.gif);
  188. background-color: #3f3f3f;
  189. border: 1px solid #222222;
  190. }
  191. .x-menu a.x-menu-item {
  192. color: #eeeeee;
  193. }
  194. .x-cycle-menu .x-menu-item-checked {
  195. border: 1px solid #222 !important;
  196. background: #414140 url(../images/slickness/menu/item-selected.gif) repeat-x left bottom;
  197. padding: 0;
  198. /*margin : 1px 0px;*/
  199. }
  200. .x-menu-item-active a.x-menu-item {
  201. color: #ffffff;
  202. }
  203. .xg-hmenu-sort-asc .x-menu-item-icon {
  204. background-image: url(../images/slickness/grid/hmenu-asc.gif);
  205. }
  206. .xg-hmenu-sort-desc .x-menu-item-icon {
  207. background-image: url(../images/slickness/grid/hmenu-desc.gif);
  208. }
  209. .x-menu-item-icon {
  210. height: 14px;
  211. width: 14px;
  212. }
  213. .x-menu-check-item .x-menu-item-icon {
  214. background-image: url(../images/slickness/menu/unchecked.gif);
  215. }
  216. .x-menu-item-checked .x-menu-item-icon {
  217. background-image: url(../images/slickness/menu/checked.gif);
  218. }
  219. .x-menu-list-item .x-menu-group-item .x-menu-item-icon {
  220. background-image: url(../images/slickness/menu/group-unchecked.gif);
  221. }
  222. .x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
  223. background-image: url(../images/slickness/menu/group-checked.gif);
  224. }
  225. /* Panel Tools */
  226. .x-tool {
  227. background-image: url(../images/slickness/panel/header-sprites.gif);
  228. width: 27px;
  229. height: 15px;
  230. margin-top: -4px;
  231. margin-left: 0px;
  232. }
  233. legend .x-tool {
  234. margin-top: 0px;
  235. }
  236. .x-tool-close {
  237. background-position: 0 -0;
  238. }
  239. .x-tool-close-over {
  240. background-position: -27px 0;
  241. }
  242. .x-tool-minimize {
  243. background-position: 0 -15px;
  244. }
  245. .x-tool-minimize-over {
  246. background-position: -27px -15px;
  247. }
  248. .x-tool-maximize {
  249. background-position: 0 -30px;
  250. }
  251. .x-tool-maximize-over {
  252. background-position: -27px -30px;
  253. }
  254. .x-tool-restore {
  255. background-position: 0 -45px;
  256. }
  257. .x-tool-restore-over {
  258. background-position: -27px -45px;
  259. }
  260. .x-tool-toggle {
  261. background-position: 0 -60px;
  262. }
  263. .x-tool-toggle-over {
  264. background-position: -27px -60px;
  265. }
  266. .x-panel-collapsed .x-tool-toggle {
  267. background-position: 0 -75px;
  268. }
  269. .x-panel-collapsed .x-tool-toggle-over {
  270. background-position: -27px -75px;
  271. }
  272. .x-tool-gear {
  273. background-position: 0 -90px;
  274. }
  275. .x-tool-gear-over {
  276. background-position: -27px -90px;
  277. }
  278. .x-tool-pin {
  279. background-position: 0 -135px;
  280. }
  281. .x-tool-pin-over {
  282. background-position: -27px -135px;
  283. }
  284. .x-tool-unpin {
  285. background-position: 0 -150px;
  286. }
  287. .x-tool-unpin-over {
  288. background-position: -27px -150px;
  289. }
  290. .x-tool-right {
  291. background-position: 0 -165px;
  292. }
  293. .x-tool-right-over {
  294. background-position: -27px -165px;
  295. }
  296. .x-tool-left {
  297. background-position: 0 -180px;
  298. }
  299. .x-tool-left-over {
  300. background-position: -27px -180px;
  301. }
  302. .x-tool-up {
  303. background-position: 0 -210px;
  304. }
  305. .x-tool-up-over {
  306. background-position: -27px -210px;
  307. }
  308. .x-tool-down {
  309. background-position: 0 -195px;
  310. }
  311. .x-tool-down-over {
  312. background-position: -27px -195px;
  313. }
  314. .x-tool-refresh {
  315. background-position: 0 -225px;
  316. }
  317. .x-tool-refresh-over {
  318. background-position: -27px -225px;
  319. }
  320. .x-tool-minus {
  321. background-position: 0 -255px;
  322. }
  323. .x-tool-minus-over {
  324. background-position: -27px -255px;
  325. }
  326. .x-tool-plus {
  327. background-position: 0 -240px;
  328. }
  329. .x-tool-plus-over {
  330. background-position: -27px -240px;
  331. }
  332. .x-tool-search {
  333. background-position: 0 -270px;
  334. }
  335. .x-tool-search-over {
  336. background-position: -27px -270px;
  337. }
  338. .x-tool-save {
  339. background-position: 0 -285px;
  340. }
  341. .x-tool-save-over {
  342. background-position: -27px -285px;
  343. }
  344. .x-tool-help {
  345. background-position: 0 -300px;
  346. }
  347. .x-tool-help-over {
  348. background-position: -27px -300px;
  349. }
  350. .x-tool-print {
  351. background-position: 0 -315px;
  352. }
  353. .x-tool-print-over {
  354. background-position: -27px -315px;
  355. }
  356. .x-tool-wrench {
  357. background-position: 0 -330px;
  358. }
  359. .x-tool-wrench-over {
  360. background-position: -27px -330px;
  361. }
  362. /* Layout Tools */
  363. .x-tool-collapse-south {
  364. background-position: 0 -195px;
  365. }
  366. .x-tool-collapse-south-over {
  367. background-position: -27px -195px;
  368. }
  369. .x-tool-collapse-north {
  370. background-position: 0 -210px;
  371. }
  372. .x-tool-collapse-north-over {
  373. background-position: -27px -210px;
  374. }
  375. .x-tool-collapse-west {
  376. background-position: 0 -180px;
  377. }
  378. .x-tool-collapse-west-over {
  379. background-position: -27px -180px;
  380. }
  381. .x-tool-collapse-east {
  382. background-position: 0 -165px;
  383. }
  384. .x-tool-collapse-east-over {
  385. background-position: -27px -165px;
  386. }
  387. .x-tool-expand-south {
  388. background-position: 0 -210px;
  389. }
  390. .x-tool-expand-south-over {
  391. background-position: -27px -210px;
  392. }
  393. .x-tool-expand-north {
  394. background-position: 0 -195px;
  395. }
  396. .x-tool-expand-north-over {
  397. background-position: -27px -195px;
  398. }
  399. .x-tool-expand-west {
  400. background-position: 0 -165px;
  401. }
  402. .x-tool-expand-west-over {
  403. background-position: -27px -165px;
  404. }
  405. .x-tool-expand-east {
  406. background-position: 0 -180px;
  407. }
  408. .x-tool-expand-east-over {
  409. background-position: -27px -180px;
  410. }
  411. .x-tool-expand-north, .x-tool-expand-south {
  412. float: right;
  413. margin: 0px 3px;
  414. }
  415. .x-tool-expand-east, .x-tool-expand-west {
  416. float: none;
  417. margin: 0px -4px;
  418. }
  419. .x-accordion-hd .x-tool-toggle-over {
  420. background-position: -27px -255px;
  421. }
  422. .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
  423. background-position: -27px -240px;
  424. }
  425. /* Buttons */
  426. .x-btn-text {
  427. color: #eeeef0;
  428. font-weight: bold !important;
  429. }
  430. .x-btn-left {
  431. background-image: url(../images/slickness/button/btn-sprite.gif);
  432. }
  433. .x-btn-right {
  434. background-image: url(../images/slickness/button/btn-sprite.gif);
  435. }
  436. .x-btn-center {
  437. background-image: url(../images/slickness/button/btn-sprite.gif);
  438. }
  439. .x-btn-menu-arrow-wrap .x-btn-center button {
  440. background-image: url(../images/slickness/button/btn-arrow-light.gif);
  441. }
  442. .x-btn-with-menu .x-btn-center em {
  443. background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
  444. }
  445. .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
  446. background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
  447. }
  448. /* Layout classes */
  449. .x-border-layout-ct {
  450. background: #ddd; /* f1f2f4 */
  451. }
  452. .x-accordion-hd {
  453. background-image: url(../images/slickness/panel/light-hd.gif);
  454. }
  455. .x-layout-collapsed {
  456. background-color: #222222;
  457. border-color: #000000;
  458. }
  459. .x-layout-collapsed-over {
  460. background-color: #444444;
  461. }
  462. /* qtips */
  463. .x-tip .x-tip-close {
  464. background-image: url(../images/slickness/qtip/close.gif);
  465. }
  466. .x-tip .x-tip-tc {
  467. background-image: url(../images/slickness/qtip/tip-sprite.gif);
  468. }
  469. .x-tip .x-tip-tl {
  470. background-image: url(../images/slickness/qtip/tip-sprite.gif);
  471. }
  472. .x-tip .x-tip-tr {
  473. background-image: url(../images/slickness/qtip/tip-sprite.gif);
  474. }
  475. .x-tip .x-tip-bc {
  476. background-image: url(../images/slickness/qtip/tip-sprite.gif);
  477. }
  478. .x-tip .x-tip-bl {
  479. background-image: url(../images/slickness/qtip/tip-sprite.gif);
  480. }
  481. .x-tip .x-tip-br {
  482. background-image: url(../images/slickness/qtip/tip-sprite.gif);
  483. }
  484. .x-tip .x-tip-ml {
  485. background-image: url(../images/slickness/qtip/tip-sprite.gif);
  486. }
  487. .x-tip .x-tip-mr {
  488. background-image: url(../images/slickness/qtip/tip-sprite.gif);
  489. }
  490. .x-tip .x-tip-header-text {
  491. color: #ffffff;
  492. }
  493. .x-tip .x-tip-body {
  494. color: #eeeeee;
  495. }
  496. .x-form-invalid-icon {
  497. background-image: url(../images/slickness/form/exclamation.gif);
  498. }
  499. .x-form-invalid-tip .x-tip-tc {
  500. background-image: url(../images/slickness/form/error-tip-corners.gif);
  501. }
  502. .x-form-invalid-tip .x-tip-tl {
  503. background-image: url(../images/slickness/form/error-tip-corners.gif);
  504. }
  505. .x-form-invalid-tip .x-tip-tr {
  506. background-image: url(../images/slickness/form/error-tip-corners.gif);
  507. }
  508. .x-form-invalid-tip .x-tip-bc {
  509. background-image: url(../images/slickness/form/error-tip-corners.gif);
  510. }
  511. .x-form-invalid-tip .x-tip-bl {
  512. background-image: url(../images/slickness/form/error-tip-corners.gif);
  513. }
  514. .x-form-invalid-tip .x-tip-br {
  515. background-image: url(../images/slickness/form/error-tip-corners.gif);
  516. }
  517. .x-form-invalid-tip .x-tip-ml {
  518. background-image: url(../images/slickness/form/error-tip-corners.gif);
  519. }
  520. .x-form-invalid-tip .x-tip-mr {
  521. background-image: url(../images/slickness/form/error-tip-corners.gif);
  522. }
  523. .x-form-invalid-tip .x-tip-body {
  524. background-image: url(../images/slickness/form/exclamation.gif);
  525. }
  526. /* Toolbars */
  527. .x-toolbar {
  528. border-color: #444444;
  529. background: #282828 url(../images/slickness/toolbar/bg.gif) repeat-x top left;
  530. }
  531. .x-toolbar button {
  532. color: #eeeef0;
  533. }
  534. .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
  535. background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
  536. }
  537. .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
  538. background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
  539. }
  540. .x-toolbar .x-btn-over .x-btn-left {
  541. background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
  542. }
  543. .x-toolbar .x-btn-over .x-btn-right {
  544. background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
  545. }
  546. .x-toolbar .x-btn-over .x-btn-center {
  547. background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
  548. }
  549. .x-toolbar .x-btn-over button {
  550. color: #ffffff;
  551. }
  552. .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 {
  553. background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
  554. }
  555. .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 {
  556. background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
  557. }
  558. .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 {
  559. background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
  560. }
  561. .x-toolbar .ytb-sep {
  562. background-image: url(../images/slickness/grid/grid-split.gif);
  563. }
  564. .x-paging-info, .ytb-text {
  565. color: #eeeef0;
  566. }
  567. /* Form */
  568. .x-form-field-wrap .x-form-trigger {
  569. background-image: url(../images/slickness/form/trigger.gif);
  570. border-bottom: 1px solid #a3a3a3;
  571. }
  572. .x-form-field-wrap .x-form-date-trigger {
  573. background-image: url(../images/slickness/form/date-trigger.gif);
  574. }
  575. .x-form-field-wrap .x-form-clear-trigger {
  576. background-image: url(../images/slickness/form/clear-trigger.gif);
  577. }
  578. .x-form-field-wrap .x-form-search-trigger {
  579. background-image: url(../images/slickness/form/search-trigger.gif);
  580. }
  581. .x-form-text, textarea.x-form-field {
  582. border: 1px solid #a3a3a3;
  583. }
  584. .x-form-select-one {
  585. border: 1px solid #a3a3a3;
  586. }
  587. .x-item-disabled .x-form-trigger-over {
  588. border-bottom: 1px solid #a3a3a3;
  589. }
  590. .x-item-disabled .x-form-trigger-click {
  591. border-bottom: 1px solid #a3a3a3;
  592. }
  593. .x-form fieldset {
  594. border: 1px solid #a3a3a3;
  595. }
  596. .x-form-item-label {
  597. color: #eee;
  598. }
  599. .x-panel-noborder .x-form-item-label {
  600. color: #111;
  601. }
  602. .x-trigger-wrap-focus .x-form-trigger {
  603. border-bottom: 1px solid #eee !important;
  604. }
  605. .x-form-focus, textarea.x-form-focus {
  606. border: 1px solid #eee !important;
  607. }
  608. .x-panel-noborder .x-form-focus, textarea.x-form-focus {
  609. border: 1px solid #000;
  610. }
  611. /* Tabs */
  612. .x-tab-panel-header, .x-tab-panel-footer {
  613. background: #000000;
  614. border-color: #4a4a4a;
  615. }
  616. .x-tab-panel-header {
  617. border-color: transparent;
  618. }
  619. .x-tab-panel-footer {
  620. border-color: #4a4a4a;
  621. }
  622. ul.x-tab-strip-top {
  623. background: #000000 url(../images/slickness/tabs/tab-strip-bg.gif) repeat-x left top;
  624. border-color: #4a4a4a;
  625. }
  626. ul.x-tab-strip-bottom {
  627. background-image: url(../images/slickness/tabs/tab-strip-btm-bg.gif);
  628. border-color: #4a4a4a;
  629. }
  630. .x-tab-strip span.x-tab-strip-text {
  631. color: #cccccc;
  632. }
  633. .x-tab-strip-over span.x-tab-strip-text {
  634. color: #ffffff;
  635. }
  636. .x-tab-strip-active span.x-tab-strip-text {
  637. color: #eeeef0;
  638. }
  639. .x-tab-strip-top .x-tab-right {
  640. background-image: url(../images/slickness/tabs/tabs-sprite.gif);
  641. }
  642. .x-tab-strip-top .x-tab-left {
  643. background-image: url(../images/slickness/tabs/tabs-sprite.gif);
  644. }
  645. .x-tab-strip-top .x-tab-strip-inner {
  646. background-image: url(../images/slickness/tabs/tabs-sprite.gif);
  647. }
  648. .x-tab-strip-bottom .x-tab-right {
  649. background-image: url(../images/slickness/tabs/tab-btm-inactive-right-bg.gif);
  650. }
  651. .x-tab-strip-bottom .x-tab-left {
  652. background-image: url(../images/slickness/tabs/tab-btm-inactive-left-bg.gif);
  653. }
  654. .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  655. background-image: url(../images/slickness/tabs/tab-btm-right-bg.gif);
  656. }
  657. .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
  658. background-image: url(../images/slickness/tabs/tab-btm-left-bg.gif);
  659. }
  660. .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  661. background-image: url(../images/slickness/tabs/tab-close.gif);
  662. }
  663. .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
  664. background-image: url(../images/slickness/tabs/tab-close.gif);
  665. }
  666. .x-tab-panel-body {
  667. border-color: #4a4a4a;
  668. background: #eeeeee;
  669. }
  670. .x-tab-panel-bbar .x-toolbar {
  671. border-color: #000000;
  672. }
  673. .x-tab-panel-tbar .x-toolbar {
  674. border-color: #000000;
  675. }
  676. .x-tab-panel-header-plain .x-tab-strip-spacer {
  677. border-color: #000000;
  678. background: #353535;
  679. }
  680. .x-tab-scroller-left {
  681. background-image: url(../images/slickness/tabs/scroll-left.gif);
  682. border-color: #000000;
  683. }
  684. .x-tab-scroller-right {
  685. background-image: url(../images/slickness/tabs/scroll-right.gif);
  686. border-color: #000000;
  687. }
  688. /* Window */
  689. .x-window-proxy {
  690. background: #161616;
  691. border-color: #000000;
  692. }
  693. .x-window-tl .x-window-header {
  694. color: #eeeef0;
  695. }
  696. .x-window-tc {
  697. background-image: url(../images/slickness/window/top-bottom.png);
  698. }
  699. .x-window-tl {
  700. background-image: url(../images/slickness/window/left-corners.png);
  701. }
  702. .x-window-tr {
  703. background-image: url(../images/slickness/window/right-corners.png);
  704. }
  705. .x-window-bc {
  706. background-image: url(../images/slickness/window/top-bottom.png);
  707. }
  708. .x-window-bl {
  709. background-image: url(../images/slickness/window/left-corners.png);
  710. }
  711. .x-window-br {
  712. background-image: url(../images/slickness/window/right-corners.png);
  713. }
  714. .x-window-mc {
  715. border: 1px solid #333333;
  716. background: #222;
  717. color: #eeeeee;
  718. }
  719. .x-window-ml {
  720. background-image: url(../images/slickness/window/left-right.png);
  721. }
  722. .x-window-mr {
  723. background-image: url(../images/slickness/window/left-right.png);
  724. }
  725. .x-panel-ghost .x-window-tl {
  726. border-color: #000000;
  727. }
  728. .x-panel-collapsed .x-window-tl {
  729. border-color: #000000;
  730. }
  731. .x-window-plain .x-window-mc {
  732. color: #eeeeee;
  733. background: #161616;
  734. border-left: 1px solid #111111;
  735. border-top: 1px solid #111111;
  736. border-bottom: 1px solid #222222;
  737. border-right: 1px solid #222222;
  738. }
  739. .x-window-plain .x-window-body {
  740. border-left: 1px solid #555555;
  741. border-top: 1px solid #555555;
  742. border-bottom: 1px solid #333333;
  743. border-right: 1px solid #333333;
  744. background: transparent !important;
  745. }
  746. body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
  747. color: #eeeeee;
  748. background-color: #0e0e0e;
  749. }
  750. /* Date Picker */
  751. .x-date-picker {
  752. border: 1px solid #000000;
  753. background: #ffffff;
  754. }
  755. .x-date-middle, .x-date-left, .x-date-right {
  756. background-image: url(../images/slickness/shared/hd-sprite.gif);
  757. }
  758. .x-date-middle .x-btn-with-menu .x-btn-center em {
  759. background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
  760. }
  761. .x-date-right a {
  762. background-image: url(../images/slickness/shared/right-btn.gif);
  763. }
  764. .x-date-left a {
  765. background-image: url(../images/slickness/shared/left-btn.gif);
  766. }
  767. .x-date-inner th {
  768. background-image: url(../images/slickness/shared/glass-bg.gif);
  769. border-bottom: 1px solid #000000;
  770. color: #eeeef0;
  771. }
  772. .x-date-inner .x-date-selected a {
  773. background-image: url(../images/slickness/shared/glass-bg.gif);
  774. border: 1px solid #000000;
  775. color: #eeeef0;
  776. }
  777. .x-date-bottom {
  778. border-top: 1px solid #000000;
  779. background-image: url(../images/slickness/shared/glass-bg.gif);
  780. }
  781. .x-date-mp-btns {
  782. background-image: url(../images/slickness/shared/glass-bg.gif);
  783. }
  784. td.x-date-mp-sel a {
  785. background-image: url(../images/slickness/shared/glass-bg.gif);
  786. border: 1px solid #000000;
  787. color: #eeeef0 !important;
  788. }
  789. .x-date-mp-ybtn a {
  790. background-image: url(../images/slickness/panel/tool-sprites.gif);
  791. }
  792. .x-date-mp-btns button {
  793. background-image: url(../images/slickness/shared/glass-bg.gif);
  794. border-color: #eeeeee #bbbbbb #bbbbbb #eeeeee;
  795. color: #eeeef0;
  796. }
  797. .x-date-inner a {
  798. color: #000000;
  799. }
  800. .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover {
  801. color: #eeeef0;
  802. background: #353535;
  803. }
  804. td.x-date-mp-month a, td.x-date-mp-year a {
  805. color: #000000;
  806. }
  807. td.x-date-mp-month a:hover, td.x-date-mp-year a:hover {
  808. color: #eeeef0;
  809. background: #353535;
  810. }
  811. /* misc */
  812. .x-html-editor-wrap {
  813. border-color: #000000;
  814. }
  815. /* Editor */
  816. .x-html-editor-tb .x-btn-text {
  817. background: transparent url(../images/slickness/editor/tb-sprite.gif) no-repeat;
  818. }
  819. /* FieldSet*/
  820. .x-fieldset-header-text {
  821. color: #eeeeee;
  822. }
  823. /* Borders go last for specificity */
  824. .x-panel-noborder .x-panel-body-noborder {
  825. border-width: 0;
  826. }
  827. .x-panel-noborder .x-panel-header-noborder {
  828. border-width: 0;
  829. border-bottom: 1px solid #000000;
  830. }
  831. .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
  832. border-width: 0;
  833. border-bottom: 1px solid #000000;
  834. }
  835. .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
  836. border-width: 0;
  837. border-top: 1px solid #000000;
  838. }
  839. .x-window-noborder .x-window-mc {
  840. border-width: 0;
  841. }
  842. .x-window-plain .x-window-body-noborder {
  843. border-width: 0;
  844. }
  845. .x-tab-panel-noborder .x-tab-panel-body-noborder {
  846. border-width: 0;
  847. }
  848. .x-tab-panel-noborder .x-tab-panel-header-noborder {
  849. border-top-width: 0;
  850. border-left-width: 0;
  851. border-right-width: 0;
  852. }
  853. .x-tab-panel-noborder .x-tab-panel-footer-noborder {
  854. border-bottom-width: 0;
  855. border-left-width: 0;
  856. border-right-width: 0;
  857. }
  858. .x-tab-panel-bbar-noborder .x-toolbar {
  859. border-width: 0;
  860. border-top: 1px solid #000000;
  861. }
  862. .x-tab-panel-tbar-noborder .x-toolbar {
  863. border-width: 0;
  864. border-bottom: 1px solid #000000;
  865. }
  866. /* Progress Bar*/
  867. .x-progress-wrap {
  868. border: 1px solid #4c4c4c;
  869. }
  870. .x-progress-inner {
  871. background: #2d2d2d url(../images/slickness/progress/progress-bg.gif) repeat-x;
  872. }
  873. .x-progress-bar {
  874. height: 18px;
  875. background: transparent url( ../images/slickness/progress/progress-ind.gif ) repeat-x left center;
  876. border: none;
  877. }
  878. .x-progress-text {
  879. color: #000;
  880. }
  881. .x-progress-text-back {
  882. color: #eee;
  883. }
  884. /* Dialog */
  885. .x-window-dlg .ext-mb-icon {
  886. float: left;
  887. width: 58px;
  888. height: 48px;
  889. }
  890. .ext-ie .x-window-dlg .ext-mb-icon {
  891. width: 55px; /* 3px IE margin issue */
  892. }
  893. .x-window-dlg .ext-mb-info {
  894. background: transparent url(../images/slickness/window/icon-info.gif) no-repeat top left;
  895. }
  896. .x-window-dlg .ext-mb-warning {
  897. background: transparent url(../images/slickness/window/icon-warning.gif) no-repeat top left;
  898. }
  899. .x-window-dlg .ext-mb-question {
  900. background: transparent url(../images/slickness/window/icon-question.gif) no-repeat top left;
  901. }
  902. .x-window-dlg .ext-mb-error {
  903. background: transparent url(../images/slickness/window/icon-error.gif) no-repeat top left;
  904. }
  905. /* Combo */
  906. .x-combo-list {
  907. border: 1px solid #333;
  908. background: #ddd;
  909. }
  910. .x-resizable-pinned .x-combo-list-inner {
  911. /*border-bottom:1px solid #333;*/
  912. }
  913. .x-combo-list .x-combo-selected {
  914. border: 1px dotted #888 !important;
  915. background: #ccc;
  916. }
  917. .x-combo-noedit {
  918. cursor: pointer;
  919. }
  920. .x-combo-list .x-toolbar {
  921. border-top: 1px solid #333;
  922. }