skin.css 14 KB

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