skin.css 13 KB

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