skin.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671
  1. 
  2. /* base
  3. ==========================================*/
  4. .app-header
  5. {
  6. background:url(images/header.gif) repeat-x 0 -1px;
  7. /* url(images/panel/header.gif) repeat-x 0 0px*/
  8. /*background:#b5c48f url(images/panel/header.gif) repeat-x 0 0px;*/
  9. }
  10. .app-toolbar,
  11. .bg-toolbar
  12. {
  13. background:#dae5f3 url(images/toolbar/header.gif) repeat-x 0 0;
  14. }
  15. .mini-modal
  16. {
  17. /*background:#fff;
  18. opacity: .6;
  19. filter: alpha(opacity=60); */
  20. }
  21. .mini-mask-background
  22. {
  23. /*background:#fff;
  24. opacity: 0;
  25. filter: alpha(opacity=0); */
  26. }
  27. .mini-popup,
  28. .mini-window,
  29. .mini-menu-open
  30. {
  31. /*box-shadow:rgba(0,​ 0,​ 0,​ 0.6) 0px 6px 12px 0px;*/
  32. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  33. }
  34. /* tools
  35. ==========================================*/
  36. /* popup
  37. ==========================================*/
  38. .mini-popup
  39. {
  40. border-color:#608058;
  41. }
  42. /* toolbar
  43. ==========================================*/
  44. .mini-toolbar
  45. {
  46. background:#f2f0e4 url(images/toolbar/header.gif) repeat-y 0 0;
  47. border-color:#758d5e;
  48. }
  49. .separator
  50. {
  51. border-color:#758d5e;
  52. }
  53. /* button
  54. ==========================================*/
  55. .mini-button
  56. {
  57. background:#b7c691 url(images/button/button.gif) repeat-x;
  58. border-color: #888;
  59. color:#222;
  60. border-radius: 0px;
  61. }
  62. body a:hover.mini-button
  63. {
  64. background:#ffd294 url(images/button/hover.gif) repeat-x;
  65. border-color:#758d5e;
  66. }
  67. body .mini-button-pressed, body a:hover.mini-button-pressed,
  68. body .mini-button-checked, body a:hover.mini-button-checked,
  69. body a.mini-button-popup, body a:hover.mini-button-popup
  70. {
  71. background:#ffcf8b url(images/button/pressed.gif) repeat-x;
  72. border-color:#758d5e;
  73. }
  74. body a.mini-button-disabled, body a:hover.mini-button-disabled
  75. {
  76. border-color:#bfbfbf;
  77. color:#808080;
  78. background:#cecece url(images/button/disabled.gif) repeat-x 0 0px;
  79. }
  80. /* textbox
  81. ==========================================*/
  82. .mini-textbox-border
  83. {
  84. background:white;
  85. border-color:#758d5e;
  86. }
  87. .mini-textbox-focus .mini-textbox-border
  88. {
  89. border-color: #758d5e;
  90. }
  91. body .mini-error .mini-textbox-border,
  92. body .mini-error .mini-buttonedit-border,
  93. body .mini-error .mini-textboxlist-border
  94. {
  95. /*border-color: #ffa8a8;
  96. background-color: #fff3f3;*/
  97. }
  98. .mini-textbox-input
  99. {
  100. color:#222;
  101. }
  102. /* buttonedit
  103. ==========================================*/
  104. .mini-buttonedit-border
  105. {
  106. background:white;
  107. border-color:#758d5e;
  108. }
  109. .mini-buttonedit-focus .mini-buttonedit-border
  110. {
  111. border-color: #758d5e;
  112. }
  113. .mini-buttonedit-input
  114. {
  115. color:#222;
  116. }
  117. .mini-buttonedit-button
  118. {
  119. background:#b7c691 url(images/button/button.gif) repeat-x;
  120. border:#758d5e 1px solid;
  121. padding:0;
  122. }
  123. .mini-buttonedit-button-hover,
  124. .mini-buttonedit-hover .mini-buttonedit-trigger
  125. {
  126. background:#ffd294 url(images/button/hover.gif) repeat-x;
  127. border-color:#758d5e;
  128. }
  129. .mini-buttonedit-button-pressed,
  130. .mini-buttonedit-popup .mini-buttonedit-trigger
  131. {
  132. background:#ffcf8b url(images/button/pressed.gif) repeat-x;
  133. border-color:#758d5e;
  134. }
  135. .mini-popupedit .mini-buttonedit-trigger .mini-buttonedit-icon
  136. {
  137. /*background:url(images/buttonedit/arrow.gif) no-repeat 1px 2px;*/
  138. }
  139. .mini-datepicker .mini-buttonedit-trigger .mini-buttonedit-icon
  140. {
  141. /*background:url(images/buttonedit/date.gif) no-repeat 1px 2px;*/
  142. }
  143. /*.mini-buttonedit-up span, .mini-buttonedit-down span
  144. {
  145. background:url(images/buttonedit/spinner_arrows.png) no-repeat 0px 50%;
  146. }
  147. .mini-buttonedit-down span
  148. {
  149. background-position:-16px 50%;
  150. }*/
  151. /* textboxlist
  152. ==========================================*/
  153. .mini-textboxlist-border
  154. {
  155. border-color: #758d5e;
  156. }
  157. .mini-textboxlist-focus .mini-textboxlist-border
  158. {
  159. border-color: #758d5e;
  160. }
  161. .mini-textboxlist-item
  162. {
  163. color:#222;
  164. }
  165. /* htmlfile
  166. ==========================================*/
  167. .mini-htmlfile .mini-buttonedit-button
  168. {
  169. color:#222;
  170. border-color:#758d5e;
  171. background:#b7c691 url(images/button/button.gif) repeat-x;
  172. }
  173. /* panel
  174. ==========================================*/
  175. .mini-panel-border
  176. {
  177. border-color:#758d5e;
  178. }
  179. .mini-panel-header
  180. {
  181. background:#b5c48f url(images/panel/header.gif) repeat-x 0 0px;
  182. color:#000000;
  183. font-weight:bold;
  184. border-color:#758d5e;
  185. }
  186. .mini-panel-toolbar,
  187. .mini-panel-footer
  188. {
  189. border-color:#c3cf9d;
  190. background:#e2e8c9;
  191. }
  192. /* window
  193. ==========================================*/
  194. .mini-window .mini-panel-header
  195. {
  196. background:#b5c48f url(images/window/header.gif) repeat-x 0 0px;
  197. }
  198. .mini-window .mini-panel-footer
  199. {
  200. background:#e2e8c9;
  201. }
  202. /* outlookbar
  203. ==========================================*/
  204. .mini-outlookbar-border
  205. {
  206. border-color:#758d5e;
  207. }
  208. .mini-outlookbar .mini-outlookbar-groupHeader
  209. {
  210. background:#b5c48f url(images/navbar/header.gif) repeat-x 0 0;
  211. border-color:#758d5e;
  212. }
  213. .mini-outlookbar .mini-outlookbar-hover
  214. {
  215. /*background:#e5f0c9; */
  216. }
  217. .mini-outlookbar-expand .mini-outlookbar-groupHeader
  218. {
  219. /*background:#dae5bb;*/
  220. }
  221. .mini-outlookbar .mini-outlookbar-groupTitle
  222. {
  223. font-weight:normal;
  224. }
  225. .mini-outlookbar .mini-outlookbar-group
  226. {
  227. border-color:#758d5e;
  228. }
  229. .mini-outlookbar .mini-outlookbar-groupBody
  230. {
  231. border-color:#758d5e;
  232. }
  233. .mini-outlookbar-view2 .mini-outlookbar-groupHeader
  234. {
  235. border-color:#758d5e;
  236. }
  237. .mini-outlookbar-view2 .mini-outlookbar-groupBody
  238. {
  239. background:#ddecfe;
  240. }
  241. .mini-outlookbar-view3 .mini-outlookbar-group
  242. {
  243. border-color:#758d5e;
  244. }
  245. /* splitter
  246. ==========================================*/
  247. .mini-splitter-border
  248. {
  249. border-color: #758d5e;
  250. }
  251. .mini-splitter .mini-splitter-pane1{
  252. border-color:#758d5e;
  253. }
  254. .mini-splitter .mini-splitter-pane2{
  255. border-color:#758d5e;
  256. }
  257. /* layout
  258. ==========================================*/
  259. .mini-layout-border
  260. {
  261. border-color:#758d5e;
  262. }
  263. .mini-layout-region
  264. {
  265. border-color:#758d5e;
  266. }
  267. .mini-layout-region-header
  268. {
  269. background:#b5c48f url(images/layout/header.gif) repeat-x 0 0;
  270. border-color:#758d5e;
  271. }
  272. .mini-layout-proxy
  273. {
  274. border-color:#758d5e;
  275. background:#b5c48f;
  276. }
  277. .mini-layout-proxy-hover
  278. {
  279. background:#ffd294 url(images/layout/hover.gif) repeat-x 0 0;
  280. }
  281. .mini-layout-region-title
  282. {
  283. color:#222;
  284. }
  285. /* menu
  286. ==========================================*/
  287. .mini-menu
  288. {
  289. color:#222;
  290. background:#f4f4ee url(images/menu/menu_bg.gif) repeat-y 0 0;
  291. border-color:#758d5e;
  292. }
  293. .mini-menu-border
  294. {
  295. border-color:#758d5e;
  296. }
  297. .mini-menuitem-hover,
  298. .mini-menu-popup
  299. {
  300. border-color:#758d5e;
  301. background:#ffeec2;
  302. }
  303. .mini-menuitem-selected
  304. {
  305. border-color:#758d5e;
  306. background:#ffad55 url(images/menu/pressed.gif) repeat-x 0 0;
  307. }
  308. .mini-menuitem-text, .mini-menuitem-text a
  309. {
  310. color:#222;
  311. }
  312. .mini-separator
  313. {
  314. border-color:#758d5e;
  315. }
  316. .mini-menu-horizontal .mini-menu-inner
  317. {
  318. background:#f4f4ee;
  319. }
  320. .mini-menu-horizontal .mini-menuitem-allow
  321. {
  322. /*background:url(images/menu/menu_arrows.png) no-repeat -2px -4px;*/
  323. }
  324. /* pager
  325. ==========================================*/
  326. .mini-pager
  327. {
  328. background:transparent;
  329. border-color:#758d5e;
  330. }
  331. /* grid
  332. ==========================================*/
  333. .mini-grid-border
  334. {
  335. border-color:#758d5e;
  336. }
  337. .mini-grid-header
  338. {
  339. }
  340. .mini-grid-column-trigger
  341. {
  342. border-color:#A5ACB5;
  343. }
  344. .mini-grid-headerCell, .mini-grid-topRightCell
  345. {
  346. background:#b8c692 url(images/grid/header.gif) repeat-x 0 0;
  347. border-color:#A5ACB5;
  348. }
  349. .mini-grid-cell
  350. {
  351. border-color:#a4b26d;
  352. }
  353. .mini-grid-filterRow
  354. {
  355. background:#cfd9a3;
  356. }
  357. .mini-grid-footer, .mini-grid-pager
  358. {
  359. border-color:#758d5e;
  360. background:#cfd9a3;
  361. }
  362. .mini-grid-columnproxy
  363. {
  364. background:#fff;
  365. border-color:#cdced3;
  366. }
  367. html body .mini-grid-row-hover
  368. {
  369. background: #ecedef;
  370. }
  371. html body .mini-grid-row-selected
  372. {
  373. background: #dfe8f6;
  374. }
  375. html body .mini-grid .mini-grid-cell-selected
  376. {
  377. background:#addffe;
  378. }
  379. .mini-grid-header-over
  380. {
  381. /*background: #e5f0c9;*/
  382. }
  383. /* tree
  384. ==========================================*/
  385. .mini-tree-node-hover .mini-tree-nodeshow
  386. {
  387. background:#ffeec2;
  388. border-color:#758d5e;
  389. }
  390. .mini-tree-selectedNode .mini-tree-nodeshow
  391. {
  392. background:#ffad55 url(images/tree/pressed.gif) repeat-x 0px 50%;
  393. border-color:#758d5e;
  394. }
  395. .mini-tree-leaf
  396. {
  397. /*background-image:url(images/treegrid/file.png);*/
  398. }
  399. .mini-tree-folder
  400. {
  401. /*background-image:url(images/treegrid/folder.gif);*/
  402. }
  403. .mini-tree-expand .mini-tree-folder
  404. {
  405. /*background-image:url(images/treegrid/folder-open.gif);*/
  406. }
  407. /* listbox
  408. ==========================================*/
  409. .mini-listbox-border
  410. {
  411. border-color:#758d5e;
  412. }
  413. .mini-listbox-header
  414. {
  415. background:#b8c692 url(images/grid/header.gif) repeat-x 0 0;
  416. border-color:#A5ACB5;
  417. }
  418. .mini-listbox-header td
  419. {
  420. border-color:#A5ACB5;
  421. }
  422. .mini-listbox-item td{
  423. border-color:#a4b26d;
  424. }
  425. .mini-listbox-item-hover td{
  426. background:#d5e8ff;
  427. }
  428. .mini-listbox-item-selected td{
  429. background:#e2ecf7;
  430. }
  431. /* tabs
  432. ==========================================*/
  433. .mini-tabs-scrollCt
  434. {
  435. border-color:#758d5e;
  436. background:#f2f0e4 url(images/toolbar/header.gif) repeat-y 0 0;
  437. }
  438. .mini-tabs-leftButton,
  439. .mini-tabs-rightButton,
  440. .mini-tabs-tabmenu
  441. {
  442. border-color:#b5afaf;
  443. background-color:#EBEBEE;
  444. }
  445. a:hover.mini-tabs-leftButton,
  446. a:hover.mini-tabs-rightButton
  447. a:hover.mini-tabs-tabmenu
  448. {
  449. border-color:#758d5e;
  450. background-color:#E1E8FD;
  451. }
  452. /* top */
  453. .mini-tabs-bodys
  454. {
  455. border-color:#758d5e;
  456. }
  457. .mini-tabs-space
  458. {
  459. border-color:#758d5e;
  460. }
  461. .mini-tabs-space2
  462. {
  463. border-color:#758d5e;
  464. }
  465. .mini-tab
  466. {
  467. background: #b5c48f url(images/tabs/tab.gif) repeat-x 0 0;
  468. border-color:#758d5e;
  469. color: #222;
  470. }
  471. .mini-tab-hover
  472. {
  473. background:#ffd091 url(images/tabs/hover.gif) repeat-x 0 0;
  474. }
  475. .mini-tab-active
  476. {
  477. border-bottom-color:#e2e8c9;
  478. background:#e2e8c9;
  479. }
  480. .mini-tab-close-hover
  481. {
  482. background-color:#758d5e;
  483. }
  484. /* bottom */
  485. .mini-tabs-header-bottom .mini-tabs-space,
  486. .mini-tabs-header-bottom .mini-tabs-space2
  487. {
  488. border-color:#758d5e;
  489. }
  490. .mini-tabs-header-bottom .mini-tabs-bodys
  491. {
  492. border-color:#758d5e;
  493. }
  494. .mini-tabs-header-bottom .mini-tab-active
  495. {
  496. border-top-color:white;
  497. border-bottom-color:#758d5e;
  498. }
  499. .mini-tabs-body-bottom
  500. {
  501. border-color:#758d5e;
  502. }
  503. /* left */
  504. .mini-tabs-header-left .mini-tabs-space,
  505. .mini-tabs-header-left .mini-tabs-space2
  506. {
  507. border-color:#758d5e;
  508. }
  509. .mini-tabs-header-left .mini-tabs-bodys
  510. {
  511. border-color:#758d5e;
  512. }
  513. .mini-tabs-header-left .mini-tab-active
  514. {
  515. border-color:#758d5e;
  516. border-right-color:white;
  517. }
  518. .mini-tabs-body-left
  519. {
  520. border-color:#758d5e;
  521. }
  522. /* right */
  523. .mini-tabs-header-right .mini-tabs-space,
  524. .mini-tabs-header-right .mini-tabs-space2
  525. {
  526. border-color:#758d5e;
  527. }
  528. .mini-tabs-header-right .mini-tabs-bodys
  529. {
  530. border-color:#758d5e;
  531. }
  532. .mini-tabs-header-right .mini-tab-active
  533. {
  534. border-color:#758d5e;
  535. border-left-color:white;
  536. }
  537. .mini-tabs-body-right
  538. {
  539. border-color:#758d5e;
  540. }
  541. /* radius */
  542. .mini-tab
  543. {
  544. border-radius:0px;
  545. }
  546. .mini-tabs-header-right .mini-tab
  547. {
  548. border-top-left-radius:0px;
  549. border-bottom-left-radius:0px;
  550. }
  551. .mini-tabs-header-left .mini-tab
  552. {
  553. border-top-right-radius:0px;
  554. border-bottom-right-radius:0px;
  555. }
  556. .mini-tabs-header-bottom .mini-tab
  557. {
  558. border-top-right-radius:0px;
  559. border-top-left-radius:0px;
  560. }
  561. .mini-tabs-header-top .mini-tab
  562. {
  563. border-bottom-right-radius:0px;
  564. border-bottom-left-radius:0px;
  565. }
  566. /* tooltip
  567. ==========================================*/
  568. .mini-tooltip-inner {
  569. border-color:#ddd;
  570. border-radius: 0px;
  571. }
  572. /* calendar
  573. ==========================================*/
  574. .mini-calendar
  575. {
  576. border-color:#758d5e;
  577. }
  578. .mini-calendar-header
  579. {
  580. background:#b7c691 url(images/calendar/header.gif) repeat-x 0 0;
  581. border-color:#d5e1b1;
  582. }
  583. .mini-calendar-footer
  584. {
  585. border-color:#e3ebc5;
  586. background:#d5e1b1;
  587. }
  588. .mini-calendar-tadayButton, .mini-calendar-clearButton,
  589. .mini-calendar-okButton, .mini-calendar-cancelButton
  590. {
  591. background:url(images/button/button.gif) repeat-x 0px 50%;
  592. border-color: #758d5e;
  593. color: #222;
  594. }
  595. .mini-calendar-tadayButton:hover, .mini-calendar-clearButton:hover,
  596. .mini-calendar-okButton:hover, .mini-calendar-cancelButton:hover
  597. {
  598. background:#ffd294 url(images/button/hover.gif) repeat-x;
  599. border-color:#758d5e;
  600. }
  601. .mini-calendar .mini-calendar-today
  602. {
  603. border-color:#cd5c05;
  604. }
  605. .mini-calendar-daysheader td
  606. {
  607. border-color:#b2d1f5;
  608. }
  609. .mini-calendar-menu
  610. {
  611. border-color:#cfddee;
  612. }
  613. .mini-calendar-title,
  614. .mini-calendar-menu-year,
  615. .mini-calendar-menu-month
  616. {
  617. color:#222;
  618. }
  619. .mini-calendar .mini-calendar-selected,
  620. .mini-calendar-menu-selected,
  621. a:hover.mini-calendar-menu-month,
  622. a:hover.mini-calendar-menu-year
  623. {
  624. color:#222;
  625. background:#ffc076;
  626. border-color:#758d5e;
  627. }
  628. /* progressbar
  629. ==========================================*/
  630. .mini-progressbar-border
  631. {
  632. border-color:#758d5e;
  633. }
  634. .mini-progressbar-bar
  635. {
  636. background: url("images/button/button.gif") repeat-x scroll 0 0 #b7c691;
  637. }
  638. .mini-progressbar-text
  639. {
  640. color:#222;
  641. }