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

http://prosporous.googlecode.com/ · CSS · 628 lines · 539 code · 67 blank · 22 comment · 0 complexity · 53dffacabc49d963343f839cbabe44d1 MD5 · raw file

  1. /*
  2. * Ext JS Library 2.0 Alpha 1
  3. * Copyright(c) 2006-2007, Ext JS, LLC.
  4. *
  5. * @license LGPL
  6. * @author Lubos Strapko <lubino@gmail.com>
  7. */
  8. .x-panel {
  9. border-style: solid;
  10. border-color: #ff8c37;
  11. }
  12. .x-panel-header {
  13. color:#010101;
  14. border:1px solid #ff8c37;
  15. background-image:url(../../images/ext/orange/panel/white-top-bottom.gif);
  16. }
  17. .x-panel-tl .x-panel-header {
  18. color:#010101;
  19. }
  20. .x-panel-body {
  21. border-color:#ff8c37;
  22. }
  23. .x-panel-bbar .x-toolbar {
  24. border-color:#ff8c37;
  25. }
  26. .x-panel-tbar .x-toolbar {
  27. border-color:#ff8c37;
  28. }
  29. .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
  30. border-color:#ff8c37;
  31. }
  32. .x-panel-body-noheader, .x-panel-mc .x-panel-body {
  33. border-color:#ff8c37;
  34. }
  35. .x-panel-tc {
  36. background-image:url(../../images/ext/orange/panel/top-bottom.gif);
  37. }
  38. .x-panel-tl {
  39. background-image:url(../../images/ext/orange/panel/corners-sprite.gif);
  40. border-color:#ff8c37;
  41. }
  42. .x-panel-tr {
  43. background-image:url(../../images/ext/orange/panel/corners-sprite.gif);
  44. }
  45. .x-panel-bc {
  46. background-image:url(../../images/ext/orange/panel/top-bottom.gif);
  47. }
  48. .x-panel-bl {
  49. background-image:url(../../images/ext/orange/panel/corners-sprite.gif);
  50. }
  51. .x-panel-br {
  52. background-image:url(../../images/ext/orange/panel/corners-sprite.gif);
  53. }
  54. .x-panel-mc {
  55. background:#ffb177;
  56. color:#010101;
  57. }
  58. .x-panel-mc .x-panel-body {
  59. background:transparent;
  60. border: 0 none;
  61. }
  62. .x-panel-ml {
  63. background-image:url(../../images/ext/orange/panel/left-right.gif);
  64. }
  65. .x-panel-mr {
  66. background-image:url(../../images/ext/orange/panel/left-right.gif);
  67. }
  68. /* Ghosting */
  69. .x-panel-ghost {
  70. background:#ffb177;
  71. }
  72. .x-panel-ghost ul {
  73. border-color:#ff8c37;
  74. }
  75. .x-grid-panel .x-panel-mc .x-panel-body {
  76. border:1px solid #ff8c37;
  77. }
  78. /* Grid */
  79. .x-grid3-row {
  80. color:#010101;
  81. }
  82. .x-grid3-row-over {
  83. border:1px solid #ff8c37;
  84. background-image:url(../../images/ext/orange/grid/row-over.gif);
  85. }
  86. .x-grid3-header{
  87. background-image:url(../../images/ext/orange/grid/grid3-hrow.gif);
  88. }
  89. .x-grid3-header-pop-inner {
  90. border-left:1px solid #ba4f00;
  91. background-image:url(../../images/ext/orange/grid/hd-pop.gif);
  92. }
  93. td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
  94. border-left:1px solid #ba4f00;
  95. border-right:1px solid #ba4f00;
  96. }
  97. 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 {
  98. background-image:url(../../images/ext/orange/grid/grid3-hrow-over.gif);
  99. background-color:#feba88;
  100. }
  101. .x-dd-drag-proxy .x-grid3-hd-inner{
  102. background-image:url(../../images/ext/orange/grid/grid3-hrow-over.gif);
  103. }
  104. .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
  105. background-image:url(../../images/ext/orange/grid/grid-hrow.gif);
  106. color:#666666;
  107. border-top:1px solid #a24500;
  108. border-right:1px solid #ba4f00 !important;
  109. }
  110. .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
  111. background-image:url(../../images/ext/orange/grid/grid3-special-col-bg.gif);
  112. color:#eeeeee !important;
  113. }
  114. .x-grid3-hd-btn {
  115. background-image:url(../../images/ext/orange/grid/grid3-hd-btn.gif);
  116. }
  117. .x-grid3-body .x-grid3-td-expander {
  118. background-image:url(../../images/ext/orange/grid/grid3-special-col-bg.gif);
  119. }
  120. .x-grid3-body .x-grid3-td-checker {
  121. background-image:url(../../images/ext/orange/grid/grid3-special-col-bg.gif);
  122. }
  123. .x-grid3-body .x-grid3-td-numberer {
  124. background-image:url(../../images/ext/orange/grid/grid3-special-col-bg.gif);
  125. }
  126. .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
  127. .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
  128. .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
  129. background-image:url(../../images/ext/orange/grid/grid3-special-col-sel-bg.gif);
  130. }
  131. .x-grid3-hd-row td {
  132. border-left:1px solid #ffa461;
  133. border-right:1px solid #a24500;
  134. }
  135. .x-grid3-row-selected {
  136. background: #feba88;
  137. border:1px dotted #ff8c37;
  138. }
  139. /* Menu */
  140. .x-menu {
  141. border: 1px solid #cf7737;
  142. background-color:#f1c099;
  143. background-image:url(../../images/ext/orange/menu/menu.gif);
  144. }
  145. .x-menu-sep {
  146. background-color:#ffd4b5;
  147. border-bottom:1px solid #a05422;
  148. }
  149. .x-menu-plain {
  150. background:#f1c099 !important;
  151. }
  152. .x-menu-item-active {
  153. background-image:url(../../images/ext/orange/menu/item-over.gif);
  154. background-color:#ffbf95;
  155. border:1px solid #e47a2c;
  156. }
  157. .x-menu a.x-menu-item {
  158. color:#222222;
  159. }
  160. .x-menu-item-active a.x-menu-item {
  161. color: #010101;
  162. }
  163. /* Tools */
  164. .x-tool {
  165. background-image:url(../../images/ext/orange/panel/tool-sprites.gif);
  166. }
  167. /* Buttons */
  168. .x-btn-text{
  169. color: #010101;
  170. font-weight:bold !important;
  171. }
  172. .x-btn-left{
  173. background-image:url(../../images/ext/orange/button/btn-sprite.gif);
  174. }
  175. .x-btn-right{
  176. background-image:url(../../images/ext/orange/button/btn-sprite.gif);
  177. }
  178. .x-btn-center{
  179. background-image:url(../../images/ext/orange/button/btn-sprite.gif);
  180. }
  181. .x-btn-menu-arrow-wrap .x-btn-center button {
  182. background-image:url(../../images/ext/orange/button/btn-arrow.gif);
  183. }
  184. .x-btn-with-menu .x-btn-center em {
  185. background-image:url(../../images/ext/orange/toolbar/btn-arrow.gif);
  186. }
  187. .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
  188. background-image:url(../../images/ext/orange/toolbar/btn-arrow.gif);
  189. }
  190. /* Layout classes */
  191. .x-border-layout-ct {
  192. background:#ffd9b1; /* f1f2f4 */
  193. }
  194. .x-accordion-hd {
  195. background-image:url(../../images/ext/orange/panel/light-hd.gif);
  196. }
  197. .x-layout-collapsed{
  198. background-color:#ff853b;
  199. border-color:#ff8327;
  200. }
  201. .x-layout-collapsed-over{
  202. background-color:#ff854f;
  203. }
  204. /* qtips */
  205. .x-tip .x-tip-close{
  206. background-image: url(../../images/ext/orange/qtip/close.gif);
  207. }
  208. .x-tip .x-tip-tc {
  209. background-image:url(../../images/ext/orange/qtip/tip-sprite.gif);
  210. }
  211. .x-tip .x-tip-tl {
  212. background-image:url(../../images/ext/orange/qtip/tip-sprite.gif);
  213. }
  214. .x-tip .x-tip-tr {
  215. background-image:url(../../images/ext/orange/qtip/tip-sprite.gif);
  216. }
  217. .x-tip .x-tip-bc {
  218. background-image:url(../../images/ext/orange/qtip/tip-sprite.gif);
  219. }
  220. .x-tip .x-tip-bl {
  221. background-image:url(../../images/ext/orange/qtip/tip-sprite.gif);
  222. }
  223. .x-tip .x-tip-br {
  224. background-image:url(../../images/ext/orange/qtip/tip-sprite.gif);
  225. }
  226. .x-tip .x-tip-ml {
  227. background-image:url(../../images/ext/orange/qtip/tip-sprite.gif);
  228. }
  229. .x-tip .x-tip-mr {
  230. background-image:url(../../images/ext/orange/qtip/tip-sprite.gif);
  231. }
  232. .x-tip .x-tip-header-text {
  233. color:#010101;
  234. }
  235. .x-tip .x-tip-body {
  236. color:#111111;
  237. }
  238. /* Toolbars */
  239. .x-toolbar{
  240. border-color:#ff8c37;
  241. background:#ffaa6b url(../../images/ext/orange/toolbar/bg.gif) repeat-x top left;
  242. }
  243. .x-toolbar button {
  244. color:#222222;
  245. }
  246. .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
  247. background-image:url(../../images/ext/orange/toolbar/btn-arrow.gif);
  248. }
  249. .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
  250. background-image:url(../../images/ext/orange/toolbar/btn-arrow.gif);
  251. }
  252. .x-toolbar .x-btn-over .x-btn-left{
  253. background-image:url(../../images/ext/orange/toolbar/tb-btn-sprite.gif);
  254. }
  255. .x-toolbar .x-btn-over .x-btn-right{
  256. background-image:url(../../images/ext/orange/toolbar/tb-btn-sprite.gif);
  257. }
  258. .x-toolbar .x-btn-over .x-btn-center{
  259. background-image:url(../../images/ext/orange/toolbar/tb-btn-sprite.gif);
  260. }
  261. .x-toolbar .x-btn-over button {
  262. color:#010101;
  263. }
  264. .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{
  265. background-image:url(../../images/ext/orange/toolbar/tb-btn-sprite.gif);
  266. }
  267. .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{
  268. background-image:url(../../images/ext/orange/toolbar/tb-btn-sprite.gif);
  269. }
  270. .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{
  271. background-image:url(../../images/ext/orange/toolbar/tb-btn-sprite.gif);
  272. }
  273. .x-toolbar .ytb-sep {
  274. background-image: url(../../images/ext/orange/grid/grid-split.gif);
  275. }
  276. .x-paging-info {
  277. color:#010101;
  278. }
  279. /* Form */
  280. .x-form-field-wrap .x-form-trigger{
  281. background-image:url(../../images/ext/orange/form/trigger.gif);
  282. border-bottom: 1px solid #ff862d;
  283. }
  284. .x-form-field-wrap .x-form-date-trigger{
  285. background-image: url(../../images/ext/orange/form/date-trigger.gif);
  286. }
  287. .x-form-field-wrap .x-form-clear-trigger{
  288. background-image: url(../../images/ext/orange/form/clear-trigger.gif);
  289. }
  290. .x-form-field-wrap .x-form-search-trigger{
  291. background-image: url(../../images/ext/orange/form/search-trigger.gif);
  292. }
  293. .x-form-text, textarea.x-form-field{
  294. border: 1px solid #ff862d;
  295. }
  296. .x-form-select-one {
  297. border: 1px solid #ff862d;
  298. }
  299. .x-item-disabled .x-form-trigger-over{
  300. border-bottom: 1px solid #ff862d;
  301. }
  302. .x-item-disabled .x-form-trigger-click{
  303. border-bottom: 1px solid #ff862d;
  304. }
  305. .x-form fieldset {
  306. border:1px solid #ff862d;
  307. }
  308. .x-trigger-wrap-focus .x-form-trigger{
  309. border-bottom: 1px solid #e86200;
  310. }
  311. .x-form-focus, textarea.x-form-focus{
  312. border: 1px solid #e86200;
  313. }
  314. /* Tabs */
  315. .x-tab-panel-header, .x-tab-panel-footer {
  316. background: #ffb57f;
  317. border-color:#ff8327;
  318. }
  319. .x-tab-panel-header {
  320. border-color:#ff8327;
  321. }
  322. .x-tab-panel-footer {
  323. border-color:#ff8327;
  324. }
  325. ul.x-tab-strip-top{
  326. background:#ffb57f url(../../images/ext/orange/tabs/tab-strip-bg.gif) repeat-x left top;
  327. border-color:#ff8327;
  328. }
  329. ul.x-tab-strip-bottom{
  330. background-image:url(../../images/ext/orange/tabs/tab-strip-btm-bg.gif);
  331. border-color:#ff8327;
  332. }
  333. .x-tab-strip span.x-tab-strip-text {
  334. color:#333333;
  335. }
  336. .x-tab-strip-over span.x-tab-strip-text {
  337. color:#010101;
  338. }
  339. .x-tab-strip-active span.x-tab-strip-text {
  340. color:#111111;
  341. }
  342. .x-tab-strip-top .x-tab-right {
  343. background-image:url(../../images/ext/orange/tabs/tabs-sprite.gif);
  344. }
  345. .x-tab-strip-top .x-tab-left {
  346. background-image:url(../../images/ext/orange/tabs/tabs-sprite.gif);
  347. }
  348. .x-tab-strip-top .x-tab-strip-inner {
  349. background-image:url(../../images/ext/orange/tabs/tabs-sprite.gif);
  350. }
  351. .x-tab-strip-bottom .x-tab-right {
  352. background-image:url(../../images/ext/orange/tabs/tab-btm-inactive-right-bg.gif);
  353. }
  354. .x-tab-strip-bottom .x-tab-left {
  355. background-image:url(../../images/ext/orange/tabs/tab-btm-inactive-left-bg.gif);
  356. }
  357. .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  358. background-image:url(../../images/ext/orange/tabs/tab-btm-right-bg.gif);
  359. }
  360. .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
  361. background-image:url(../../images/ext/orange/tabs/tab-btm-left-bg.gif);
  362. }
  363. .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  364. background-image:url(../../images/ext/orange/tabs/tab-close.gif);
  365. }
  366. .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
  367. background-image:url(../../images/ext/orange/tabs/tab-close.gif);
  368. }
  369. .x-tab-panel-body {
  370. border-color:#ff8327;
  371. background:#eeeeee;
  372. }
  373. .x-tab-panel-bbar .x-toolbar {
  374. border-color: #ff8327;
  375. }
  376. .x-tab-panel-tbar .x-toolbar {
  377. border-color: #ff8327;
  378. }
  379. .x-tab-panel-header-plain .x-tab-strip-spacer {
  380. border-color:#ff8327;
  381. background: #ffb57f;
  382. }
  383. .x-tab-scroller-left {
  384. background-image: url(../../images/ext/orange/tabs/scroll-left.gif);
  385. border-color:#ff8327;
  386. }
  387. .x-tab-scroller-right {
  388. background-image: url(../../images/ext/orange/tabs/scroll-right.gif);
  389. border-color:#ff8327;
  390. }
  391. /* Window */
  392. .x-window-proxy {
  393. background:#363636;
  394. border-color:#ff8327;
  395. }
  396. .x-window-tl .x-window-header {
  397. color:#010101;
  398. }
  399. .x-window-tc {
  400. background-image:url(../../images/ext/orange/window/top-bottom.png);
  401. }
  402. .x-window-tl {
  403. background-image:url(../../images/ext/orange/window/left-corners.png);
  404. }
  405. .x-window-tr {
  406. background-image:url(../../images/ext/orange/window/right-corners.png);
  407. }
  408. .x-window-bc {
  409. background-image:url(../../images/ext/orange/window/top-bottom.png);
  410. }
  411. .x-window-bl {
  412. background-image:url(../../images/ext/orange/window/left-corners.png);
  413. }
  414. .x-window-br {
  415. background-image:url(../../images/ext/orange/window/right-corners.png);
  416. }
  417. .x-window-mc {
  418. border:1px solid #ee6602;
  419. background:#ffae73;
  420. }
  421. .x-window-ml {
  422. background-image:url(../../images/ext/orange/window/left-right.png);
  423. }
  424. .x-window-mr {
  425. background-image:url(../../images/ext/orange/window/left-right.png);
  426. }
  427. .x-panel-ghost .x-window-tl {
  428. border-color:#ff8327;
  429. }
  430. .x-panel-collapsed .x-window-tl {
  431. border-color:#ff8327;
  432. }
  433. .x-window-plain .x-window-mc {
  434. color: #eeeeee;
  435. background: #f9822b;
  436. border-left:1px solid #da5c00;
  437. border-top:1px solid #da5c00;
  438. border-bottom:1px solid #ff730d;
  439. border-right:1px solid #ff730d;
  440. }
  441. .x-window-plain .x-window-body {
  442. border-left:1px solid #fe842a;
  443. border-top:1px solid #fe842a;
  444. border-bottom:1px solid #ee6602;
  445. border-right:1px solid #ee6602;
  446. background:transparent !important;
  447. }
  448. body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
  449. background-color: #f9822b;
  450. }
  451. /* Date Picker */
  452. .x-date-picker {
  453. border: 1px solid #ff8327;
  454. background:#ffffff;
  455. }
  456. .x-date-middle,.x-date-left,.x-date-right {
  457. background-image: url(../../images/ext/orange/shared/hd-sprite.gif);
  458. }
  459. .x-date-middle .x-btn-with-menu .x-btn-center em {
  460. background-image:url(../../images/ext/orange/toolbar/btn-arrow-light.gif);
  461. }
  462. .x-date-right a {
  463. background-image: url(../../images/ext/orange/shared/right-btn.gif);
  464. }
  465. .x-date-left a{
  466. background-image: url(../../images/ext/orange/shared/left-btn.gif);
  467. }
  468. .x-date-inner th {
  469. background-image:url(../../images/ext/orange/shared/glass-bg.gif);
  470. border-bottom: 1px solid #ff8327;
  471. color:#010101;
  472. }
  473. .x-date-inner .x-date-selected a{
  474. background-image:url(../../images/ext/orange/shared/glass-bg.gif);
  475. border:1px solid #ff8327;
  476. color:#010101;
  477. }
  478. .x-date-bottom {
  479. border-top: 1px solid #ff8327;
  480. background-image:url(../../images/ext/orange/shared/glass-bg.gif);
  481. }
  482. .x-date-mp-btns {
  483. background-image:url(../../images/ext/orange/shared/glass-bg.gif);
  484. }
  485. td.x-date-mp-sel a {
  486. background-image:url(../../images/ext/orange/shared/glass-bg.gif);
  487. border:1px solid #ff8327;
  488. color: #010101 !important;
  489. }
  490. .x-date-mp-ybtn a {
  491. background-image:url(../../images/ext/orange/panel/tool-sprites.gif);
  492. }
  493. .x-date-mp-btns button {
  494. background-image:url(../../images/ext/orange/shared/glass-bg.gif);
  495. border-color: #da5c00 #ff8327 #ff8327 #da5c00;
  496. color: #010101;
  497. }
  498. .x-date-inner a{
  499. color:#010101;
  500. }
  501. .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
  502. color:#edf1f1;
  503. background: #ff8327;
  504. }
  505. td.x-date-mp-month a,td.x-date-mp-year a {
  506. color:#010101;
  507. }
  508. td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
  509. color:#edf1f1;
  510. background: #ff8327;
  511. }
  512. /* misc */
  513. .x-html-editor-wrap {
  514. border-color:#ff8327;
  515. }
  516. /* Borders go last for specificity */
  517. .x-panel-noborder .x-panel-body-noborder {
  518. border-width:0;
  519. }
  520. .x-panel-noborder .x-panel-header-noborder {
  521. border-width:0;
  522. border-bottom:1px solid #ff8327;
  523. }
  524. .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
  525. border-width:0;
  526. border-bottom:1px solid #ff8327;
  527. }
  528. .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
  529. border-width:0;
  530. border-top:1px solid #ff8327;
  531. }
  532. .x-window-noborder .x-window-mc {
  533. border-width:0;
  534. }
  535. .x-window-plain .x-window-body-noborder {
  536. border-width:0;
  537. }
  538. .x-tab-panel-noborder .x-tab-panel-body-noborder {
  539. border-width:0;
  540. }
  541. .x-tab-panel-noborder .x-tab-panel-header-noborder {
  542. border-top-width:0;
  543. border-left-width:0;
  544. border-right-width:0;
  545. }
  546. .x-tab-panel-noborder .x-tab-panel-footer-noborder {
  547. border-bottom-width:0;
  548. border-left-width:0;
  549. border-right-width:0;
  550. }
  551. .x-tab-panel-bbar-noborder .x-toolbar {
  552. border-width:0;
  553. border-top:1px solid #ff8327;
  554. }
  555. .x-tab-panel-tbar-noborder .x-toolbar {
  556. border-width:0;
  557. border-bottom:1px solid #ff8327;
  558. }
  559. .sort-asc .x-grid3-sort-icon{background-image:url(../../images/ext/orange/grid/sort_asc.gif);display:inline;}
  560. .sort-desc .x-grid3-sort-icon{background-image:url(../../images/ext/orange/grid/sort_desc.gif);display:inline;}