skin.css 13 KB

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