flatstyle.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629
  1. 
  2. /* base */
  3. .mini-modal
  4. {
  5. background:#fff;
  6. opacity: .6;
  7. filter: alpha(opacity=60);
  8. }
  9. .mini-mask-background
  10. {
  11. background:#fff;
  12. opacity: 0;
  13. filter: alpha(opacity=0);
  14. }
  15. .mini-popup,
  16. .mini-window,
  17. .mini-menu-open,
  18. .mini-shadow
  19. {
  20. -moz-box-shadow: 0 2px 8px rgba(0,0,0,.3);
  21. -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.3);
  22. box-shadow: 0 2px 8px rgba(0,0,0,.3);
  23. }
  24. .mini-shadow
  25. {
  26. display:block !important;
  27. }
  28. /* button */
  29. span.mini-button-allow
  30. {
  31. margin-top:-2px;
  32. }
  33. .mini-button-icon
  34. {
  35. width:16px;
  36. height:16px;
  37. margin-top:-8px;
  38. line-height:16px;
  39. }
  40. .mini-button .mini-button-icon-only .mini-button-icon
  41. {
  42. left:5px;
  43. }
  44. /* textbox & buttonedit */
  45. .mini-buttonedit-button
  46. {
  47. /*border-width:0px !important;*/
  48. /*border-width:1px !important;
  49. border-color:transparent !important;*/
  50. border-color:transparent;
  51. background:none;
  52. /*width:18px;height:20px;*/
  53. }
  54. .mini-buttonedit-button-hover,
  55. .mini-buttonedit-hover .mini-buttonedit-trigger,
  56. .mini-buttonedit-focus .mini-buttonedit-trigger
  57. {
  58. border-color:transparent;
  59. }
  60. .mini-htmlfile .mini-buttonedit-button
  61. {
  62. /*margin:0;
  63. border-width:1px !important;*/
  64. }
  65. /* spinner */
  66. .mini-buttonedit-up span,
  67. .mini-buttonedit-down span
  68. {
  69. font-size:12px;
  70. line-height:9px;
  71. min-height:9px;
  72. }
  73. .mini-buttonedit-close{
  74. opacity: 0.65;
  75. filter: alpha(opacity=65);
  76. }
  77. .mini-buttonedit-button,
  78. .mini-buttonedit-up span, .mini-buttonedit-down span
  79. {
  80. opacity: 0.85;
  81. filter: alpha(opacity=85);
  82. }
  83. .mini-buttonedit-close:hover,
  84. .mini-buttonedit-button:hover, .mini-buttonedit-focus .mini-button-trigger, .mini-buttonedit-popup .mini-button-trigger,
  85. .mini-buttonedit-up:hover span, .mini-buttonedit-down:hover span
  86. {
  87. opacity: 1;
  88. filter: alpha(opacity=100);
  89. }
  90. /* tools */
  91. .mini-panel .mini-tools
  92. {
  93. top:5px;
  94. }
  95. .mini-tools span
  96. {
  97. opacity: 0.75;
  98. filter: alpha(opacity=75);
  99. }
  100. .mini-tools span:hover
  101. {
  102. opacity: 1;
  103. filter: alpha(opacity=100);
  104. }
  105. /* menu */
  106. .mini-menuitem-allow,
  107. .mini-menuitem-icon
  108. {
  109. top:4px;
  110. }
  111. .mini-menu-horizontal .mini-menuitem-allow
  112. {
  113. /*position:relative;
  114. top:-4px;*/
  115. margin-top:2px;
  116. }
  117. .mini-menu-inner
  118. {
  119. padding:0;
  120. }
  121. .mini-menuitem
  122. {
  123. border-width:0;
  124. padding:0;
  125. }
  126. .mini-menuitem-inner {
  127. padding: 2px 22px 2px 28px;
  128. }
  129. .mini-separator
  130. {
  131. margin:1px 0;
  132. }
  133. .mini-menu-horizontal, .mini-menu-horizontal .mini-menu-border
  134. {
  135. border-radius:0;
  136. }
  137. .mini-menu-horizontal .mini-menuitem
  138. {
  139. border-width:1px;
  140. border-radius:6px;
  141. }
  142. /* grid */
  143. .mini-grid-checkbox.mini-icon,
  144. .mini-tree-checkbox.mini-icon
  145. {
  146. text-align:left;
  147. }
  148. .mini-tree-checkbox,
  149. .mini-grid-checkbox,
  150. .mini-grid-radio
  151. {
  152. min-width:16px !important;
  153. min-height:16px !important;
  154. font-size:16px !important;
  155. line-height:16px !important;
  156. }
  157. .mini-grid-sortIcon
  158. {
  159. position:relative;
  160. top:-1px;
  161. }
  162. .mini-grid-ecIcon.mini-icon
  163. {
  164. line-height:20px;
  165. }
  166. .mini-grid-detailRow
  167. {
  168. background:none;
  169. }
  170. body .mini-grid-group-ecicon
  171. {
  172. line-height:23px;
  173. padding-left:4px;
  174. }
  175. .mini-grid-groupTitle
  176. {
  177. padding-left:30px;
  178. }
  179. .mini-grid-radio::before
  180. {
  181. content:"\f10c";
  182. font:normal normal normal 16px/1 FontAwesome;
  183. }
  184. .mini-grid-radio-checked::before
  185. {
  186. content:"\f192";
  187. font:normal normal normal 16px/1 FontAwesome;
  188. }
  189. /* tree */
  190. .mini-tree-icon
  191. {
  192. background-image:none;
  193. }
  194. .mini-tree .mini-tree-icon
  195. {
  196. font-size:16px;
  197. line-height:22px;
  198. text-align:left;
  199. }
  200. /* tabs */
  201. .mini-tabs .mini-tab-close
  202. {
  203. border-width:0px;
  204. position:relative;
  205. top:-1px;
  206. font-size:13px;
  207. }
  208. .mini-tab-active
  209. {
  210. font-weight:bold;
  211. }
  212. /* calendar */
  213. .mini-calendar-date
  214. {
  215. border-color:transparent;
  216. }
  217. /*.mini-calendar-title
  218. {
  219. font-weight:bold;
  220. }*/
  221. .mini-calendar-selected,
  222. .mini-calendar-menu-selected,
  223. .mini-calendar-menu-month,
  224. .mini-calendar-menu-year
  225. {
  226. border-color:transparent;
  227. }
  228. .mini-calendar-prev, .mini-calendar-next
  229. {
  230. top:4px;
  231. }
  232. /* checkbox */
  233. .mini-checkbox
  234. {
  235. line-height:22px;
  236. }
  237. .mini-checkbox-icon.mini-icon
  238. {
  239. text-align:left;
  240. padding-left:2px;
  241. }
  242. /* pager */
  243. body .mini-pager-reload
  244. {
  245. font-size:13px;
  246. }
  247. body .mini-pager-num
  248. {
  249. height:22px;
  250. line-height:20px;
  251. }
  252. .mini-page-buttons
  253. {
  254. top:0;
  255. }
  256. /* list */
  257. .mini-list-icon.mini-icon
  258. {
  259. text-align:left;
  260. outline:none;
  261. }
  262. /*=======================================================================*/
  263. /* icon */
  264. .mini-icon
  265. {
  266. font: normal normal normal 16px/1 FontAwesome;
  267. background:none;
  268. text-align:center;
  269. vertical-align:middle;
  270. min-width:16px;
  271. min-height:16px;
  272. line-height:16px;
  273. text-decoration:none;
  274. }
  275. .mini-menuitem-allow:before
  276. {
  277. content: "\f0da";
  278. }
  279. .mini-menu-horizontal .mini-menuitem-allow:before,
  280. .mini-button-allow:before
  281. {
  282. content: "\f0d7";
  283. }
  284. .mini-tree-leaf:before
  285. {
  286. content: "\f15b";
  287. }
  288. .mini-tree-folder:before
  289. {
  290. content: "\f07b";
  291. }
  292. .mini-tree-expand .mini-tree-folder:before
  293. {
  294. content: "\f07c";
  295. }
  296. /*.mini-tools .mini-tools-collapse,
  297. .mini-tools .mini-tools-expand,
  298. .mini-tools .mini-tools-close
  299. {
  300. background:none;
  301. }*/
  302. .mini-tools-collapse:before
  303. {
  304. content: "\f077";
  305. }
  306. .mini-panel-collapse .mini-tools-collapse:before,
  307. .mini-outlookbar-expand > .mini-outlookbar-groupHeader .mini-tools-collapse:before
  308. {
  309. /*content: "\f107"*/
  310. content: "\f078";
  311. }
  312. .mini-tools-close:before
  313. {
  314. content: "\f00d";
  315. }
  316. .mini-tools-max:before
  317. {
  318. content: "\f2d0";
  319. font-size:12px;
  320. }
  321. .mini-tools-restore:before
  322. {
  323. content: "\f2d2";
  324. font-size:12px;
  325. }
  326. .mini-calendar-yearPrev:before
  327. {
  328. content: "\f100";
  329. }
  330. .mini-calendar-yearNext:before
  331. {
  332. content: "\f101";
  333. }
  334. .mini-calendar-monthPrev:before,
  335. .mini-calendar-menu-prevYear:before
  336. {
  337. content: "\f104";
  338. }
  339. .mini-calendar-monthNext:before,
  340. .mini-calendar-menu-nextYear:before
  341. {
  342. content: "\f105";
  343. }
  344. .mini-checkcolumn .mini-grid-checkbox:before,
  345. .mini-grid-checkbox:before
  346. {
  347. content: "\f096";
  348. }
  349. .mini-grid-row-selected .mini-checkcolumn .mini-grid-checkbox:before,
  350. .mini-grid-headerCell.mini-checkcolumn .mini-grid-checkbox.mini-grid-checkbox-checked:before ,
  351. .mini-grid-checkbox.mini-grid-checkbox-checked:before,
  352. .mini-menuitem-checked .mini-menuitem-icon:before
  353. {
  354. content: "\f046";/* content: "\f14a"; */
  355. }
  356. .mini-grid-desc .mini-grid-sortIcon:before {
  357. content: "\f0d7";
  358. }
  359. .mini-grid-asc .mini-grid-sortIcon:before {
  360. content: "\f0d8";
  361. }
  362. .mini-grid-allowsort:before
  363. {
  364. content: "\f0dc";
  365. font-size:13px;
  366. }
  367. .mini-grid-ecIcon:before, .mini-grid-group-collapse .mini-grid-group-ecicon:before
  368. {
  369. content: "\f067";
  370. }
  371. .mini-grid-expandRow .mini-grid-ecIcon:before, .mini-grid-group-ecicon:before
  372. {
  373. content: "\f068";
  374. }
  375. .mini-radiobuttonlist-item .mini-list-icon:before,
  376. .mini-tree-radio:before,
  377. .mini-grid-radio-checked:before, .mini-checkcolumn .mini-grid-radio:before
  378. {
  379. content: "\f10c";
  380. }
  381. .mini-radiobuttonlist-item-selected .mini-list-icon:before,
  382. .mini-tree-selectedNode .mini-tree-radio:before,.mini-grid-row-selected .mini-tree-radio:before,
  383. .mini-grid-radio-checked:before, .mini-grid-row-selected .mini-checkcolumn .mini-grid-radio:before
  384. {
  385. content: "\f192";
  386. }
  387. .mini-list-icon:before
  388. {
  389. content: "\f096";
  390. }
  391. .mini-checkboxlist-item-selected .mini-list-icon:before
  392. {
  393. content: "\f046";
  394. }
  395. .mini-checkbox-check:before,
  396. .mini-checkbox-icon:before
  397. {
  398. content: "\f096";
  399. }
  400. .mini-checkbox-checked .mini-checkbox-icon:before
  401. {
  402. content: "\f046";
  403. }
  404. .mini-tree-checkbox:before
  405. {
  406. content: "\f096";
  407. }
  408. .mini-tree-checkbox-checked:before
  409. {
  410. content: "\f046";
  411. }
  412. .mini-pager-first:before
  413. {
  414. content: "\f100";
  415. }
  416. .mini-pager-prev:before {
  417. content: "\f104";
  418. }
  419. .mini-pager-next:before {
  420. content: "\f105";
  421. }
  422. .mini-pager-last:before {
  423. content: "\f101";
  424. }
  425. .mini-pager-reload:before {
  426. content: "\f021";
  427. }
  428. .mini-tab-close-hover:hover
  429. {
  430. content: "\f00d";
  431. }
  432. .mini-tab-close:before
  433. {
  434. content: "\f00d";
  435. }
  436. .mini-tabs-leftButton:before {
  437. content: "\f0d9";
  438. }
  439. .mini-tabs-rightButton:before {
  440. content: "\f0da";
  441. }
  442. .mini-tabs-tabmenu:before {
  443. content: "\f0d7";
  444. }
  445. .mini-buttonedit-trigger .mini-buttonedit-icon:before
  446. {
  447. /*content: "\f0d7"; */
  448. content: "\f141";
  449. font-size:14px;
  450. }
  451. .mini-buttonedit-close:before
  452. {
  453. content: "\f00d";
  454. font-size:12px;
  455. }
  456. .mini-popupedit .mini-buttonedit-trigger .mini-buttonedit-icon:before
  457. {
  458. content: "\f0d7";
  459. }
  460. .mini-datepicker .mini-buttonedit-trigger .mini-buttonedit-icon:before
  461. {
  462. content: "\f073";
  463. }
  464. .mini-buttonedit-up span:before
  465. {
  466. content: "\f0d8";
  467. }
  468. .mini-buttonedit-down span:before
  469. {
  470. content: "\f0d7";
  471. }
  472. .mini-filteredit .mini-buttonedit-icon:before
  473. {
  474. content: "\f0b0";
  475. }
  476. .mini-layout-region-west .mini-layout-region-header .mini-tools-collapse:before
  477. {
  478. content: "\f053";
  479. }
  480. .mini-layout-region-east .mini-layout-region-header .mini-tools-collapse:before
  481. {
  482. content: "\f054";
  483. }
  484. .mini-layout-proxy-west .mini-tools-collapse:before
  485. {
  486. content: "\f054";
  487. }
  488. .mini-layout-proxy-east .mini-tools-collapse:before
  489. {
  490. content: "\f053";
  491. }
  492. .mini-layout-proxy-north .mini-tools-collapse:before,
  493. .mini-layout-proxy-south .mini-tools-collapse:before
  494. {
  495. content: "\f078";
  496. }
  497. .mini-menu-topArrow:before
  498. {
  499. content: "\f077";
  500. }
  501. .mini-menu-bottomArrow:before
  502. {
  503. content: "\f078";
  504. }
  505. /* no background */
  506. .mini-checkboxlist-item .mini-list-icon,
  507. .mini-radiobuttonlist-item .mini-list-icon,
  508. .mini-popupedit .mini-buttonedit-trigger .mini-buttonedit-icon,
  509. .mini-datepicker .mini-buttonedit-trigger .mini-buttonedit-icon,
  510. .mini-filteredit .mini-buttonedit-icon,
  511. span.mini-buttonedit-button-hover, .mini-buttonedit-hover .mini-buttonedit-trigger, .mini-buttonedit-button-pressed,.mini-buttonedit-popup .mini-buttonedit-trigger,
  512. .mini-buttonedit-up span, .mini-buttonedit-down span,
  513. .mini-layout-region .mini-layout-region-header .mini-tools span,
  514. .mini-tab-close,
  515. .mini-grid-checkbox, .mini-grid-radio,
  516. .mini-grid-checkbox-checked, .mini-grid-row-selected .mini-checkcolumn .mini-grid-checkbox,
  517. .mini-tools .mini-tools-collapse, .mini-tools .mini-tools-close, .mini-tools .mini-tools-max, .mini-tools .mini-tools-restore,
  518. .mini-calendar-menu-prevYear, .mini-calendar-menu-nextYear,
  519. .mini-outlookbar .mini-outlookbar-expand .mini-tools-collapse,
  520. mini-tabs-plain .mini-tabs-scrollCt,
  521. .mini-tabs .mini-tabs-plain .mini-tabs-space, .mini-tabs .mini-tabs-plain .mini-tabs-space2,
  522. .mini-tabs-leftButton, .mini-tabs-rightButton, .mini-tabs-tabmenu,
  523. .mini-calendar-header,
  524. .mini-menu .mini-menuitem-checked .mini-menuitem-icon,
  525. .mini-menu-horizontal .mini-menu-border, .mini-menu-horizontal .mini-menuitem-allow,
  526. .mini-tree-selectedNode .mini-tree-radio,.mini-grid-row-selected .mini-tree-radio,
  527. .mini-grid-radio-checked, .mini-grid-row-selected .mini-checkcolumn .mini-grid-radio,
  528. .mini-grid-ecIcon, .mini-grid-expandRow .mini-grid-ecIcon,
  529. .mini-grid-group-ecicon, .mini-grid-group-collapse .mini-grid-group-ecicon,
  530. .mini-tree-expand .mini-tree-folder
  531. /*,
  532. .mini-pager-first, .mini-pager-prev, .mini-pager-next, .mini-pager-last, .mini-pager-reload*/
  533. {
  534. background:none;
  535. }
  536. /* family */
  537. /*
  538. .mini-widget, body,
  539. .mini-button, .mini-menuitem, .mini-layout-region-header, .mini-panel-header,
  540. .mini-outlookbar-groupHeader,
  541. .mini-grid-headerCell, .mini-grid-cell, .mini-grid-columnproxy,
  542. .mini-listbox td,
  543. .mini-calendar, .mini-calendar-button,
  544. .mini-tabs,
  545. .mini-tree,
  546. .mini-textbox-input,
  547. .mini-buttonedit-input,
  548. .mini-textboxlist-input,
  549. .mini-textboxlist,
  550. .mini-pager,
  551. .mini-checkboxlist table label, .mini-radiobuttonlist table label,
  552. .mini-checkbox,
  553. .mini-checkboxlist, .mini-radiobuttonlist, .mini-radiobuttonlist label,
  554. .mini-layout,
  555. .mini-calendar, .mini-calendar-menu-month, mini-calendar-date, mini-calendar-menu-year, .mini-calendar-title
  556. {
  557. font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  558. font-size:13px;
  559. }*/
  560. /* corner */
  561. .mini-corner-all,
  562. .mini-button,
  563. .mini-window, .mini-window > .mini-panel-border,
  564. .mini-menu, .mini-menu-border,
  565. .mini-tab,
  566. .mini-tree-nodeshow,
  567. .mini-textboxlist, .mini-textboxlist-border
  568. .mini-textbox, .mini-textbox-border,
  569. .mini-buttonedit, .mini-buttonedit-border,
  570. .mini-htmlfile .mini-buttonedit-button,
  571. .mini-calendar-button,
  572. body .mini-pager-num,
  573. .mini-tooltip-inner
  574. {
  575. /*border-radius:6px;*/
  576. }