flatstyle.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618
  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. /* tree */
  180. .mini-tree-icon
  181. {
  182. background-image:none;
  183. }
  184. .mini-tree .mini-tree-icon
  185. {
  186. font-size:16px;
  187. line-height:22px;
  188. text-align:left;
  189. }
  190. /* tabs */
  191. .mini-tabs .mini-tab-close
  192. {
  193. border-width:0px;
  194. position:relative;
  195. top:-1px;
  196. font-size:13px;
  197. }
  198. .mini-tab-active
  199. {
  200. font-weight:bold;
  201. }
  202. /* calendar */
  203. .mini-calendar-date
  204. {
  205. border-color:transparent;
  206. }
  207. /*.mini-calendar-title
  208. {
  209. font-weight:bold;
  210. }*/
  211. .mini-calendar-selected,
  212. .mini-calendar-menu-selected,
  213. .mini-calendar-menu-month,
  214. .mini-calendar-menu-year
  215. {
  216. border-color:transparent;
  217. }
  218. .mini-calendar-prev, .mini-calendar-next
  219. {
  220. top:4px;
  221. }
  222. /* checkbox */
  223. .mini-checkbox
  224. {
  225. line-height:22px;
  226. }
  227. .mini-checkbox-icon.mini-icon
  228. {
  229. text-align:left;
  230. padding-left:2px;
  231. }
  232. /* pager */
  233. body .mini-pager-reload
  234. {
  235. font-size:13px;
  236. }
  237. body .mini-pager-num
  238. {
  239. height:22px;
  240. line-height:20px;
  241. }
  242. .mini-page-buttons
  243. {
  244. top:0;
  245. }
  246. /* list */
  247. .mini-list-icon.mini-icon
  248. {
  249. text-align:left;
  250. outline:none;
  251. }
  252. /*=======================================================================*/
  253. /* icon */
  254. .mini-icon
  255. {
  256. font: normal normal normal 16px/1 FontAwesome;
  257. background:none;
  258. text-align:center;
  259. vertical-align:middle;
  260. min-width:16px;
  261. min-height:16px;
  262. line-height:16px;
  263. text-decoration:none;
  264. }
  265. .mini-menuitem-allow:before
  266. {
  267. content: "\f0da";
  268. }
  269. .mini-menu-horizontal .mini-menuitem-allow:before,
  270. .mini-button-allow:before
  271. {
  272. content: "\f0d7";
  273. }
  274. .mini-tree-leaf:before
  275. {
  276. content: "\f15b";
  277. }
  278. .mini-tree-folder:before
  279. {
  280. content: "\f07b";
  281. }
  282. .mini-tree-expand .mini-tree-folder:before
  283. {
  284. content: "\f07c";
  285. }
  286. /*.mini-tools .mini-tools-collapse,
  287. .mini-tools .mini-tools-expand,
  288. .mini-tools .mini-tools-close
  289. {
  290. background:none;
  291. }*/
  292. .mini-tools-collapse:before
  293. {
  294. content: "\f077";
  295. }
  296. .mini-panel-collapse .mini-tools-collapse:before,
  297. .mini-outlookbar-expand > .mini-outlookbar-groupHeader .mini-tools-collapse:before
  298. {
  299. /*content: "\f107"*/
  300. content: "\f078";
  301. }
  302. .mini-tools-close:before
  303. {
  304. content: "\f00d";
  305. }
  306. .mini-tools-max:before
  307. {
  308. content: "\f2d0";
  309. font-size:12px;
  310. }
  311. .mini-tools-restore:before
  312. {
  313. content: "\f2d2";
  314. font-size:12px;
  315. }
  316. .mini-calendar-yearPrev:before
  317. {
  318. content: "\f100";
  319. }
  320. .mini-calendar-yearNext:before
  321. {
  322. content: "\f101";
  323. }
  324. .mini-calendar-monthPrev:before,
  325. .mini-calendar-menu-prevYear:before
  326. {
  327. content: "\f104";
  328. }
  329. .mini-calendar-monthNext:before,
  330. .mini-calendar-menu-nextYear:before
  331. {
  332. content: "\f105";
  333. }
  334. .mini-checkcolumn .mini-grid-checkbox:before,
  335. .mini-grid-checkbox:before
  336. {
  337. content: "\f096";
  338. }
  339. .mini-grid-row-selected .mini-checkcolumn .mini-grid-checkbox:before,
  340. .mini-grid-headerCell.mini-checkcolumn .mini-grid-checkbox.mini-grid-checkbox-checked:before ,
  341. .mini-grid-checkbox.mini-grid-checkbox-checked:before,
  342. .mini-menuitem-checked .mini-menuitem-icon:before
  343. {
  344. content: "\f046";/* content: "\f14a"; */
  345. }
  346. .mini-grid-desc .mini-grid-sortIcon:before {
  347. content: "\f0d7";
  348. }
  349. .mini-grid-asc .mini-grid-sortIcon:before {
  350. content: "\f0d8";
  351. }
  352. .mini-grid-allowsort:before
  353. {
  354. content: "\f0dc";
  355. font-size:13px;
  356. }
  357. .mini-grid-ecIcon:before, .mini-grid-group-collapse .mini-grid-group-ecicon:before
  358. {
  359. content: "\f067";
  360. }
  361. .mini-grid-expandRow .mini-grid-ecIcon:before, .mini-grid-group-ecicon:before
  362. {
  363. content: "\f068";
  364. }
  365. .mini-radiobuttonlist-item .mini-list-icon:before,
  366. .mini-tree-radio:before,
  367. .mini-grid-radio-checked:before, .mini-checkcolumn .mini-grid-radio:before
  368. {
  369. content: "\f10c";
  370. }
  371. .mini-radiobuttonlist-item-selected .mini-list-icon:before,
  372. .mini-tree-selectedNode .mini-tree-radio:before,.mini-grid-row-selected .mini-tree-radio:before,
  373. .mini-grid-radio-checked:before, .mini-grid-row-selected .mini-checkcolumn .mini-grid-radio:before
  374. {
  375. content: "\f192";
  376. }
  377. .mini-list-icon:before
  378. {
  379. content: "\f096";
  380. }
  381. .mini-checkboxlist-item-selected .mini-list-icon:before
  382. {
  383. content: "\f046";
  384. }
  385. .mini-checkbox-check:before,
  386. .mini-checkbox-icon:before
  387. {
  388. content: "\f096";
  389. }
  390. .mini-checkbox-checked .mini-checkbox-icon:before
  391. {
  392. content: "\f046";
  393. }
  394. .mini-tree-checkbox:before
  395. {
  396. content: "\f096";
  397. }
  398. .mini-tree-checkbox-checked:before
  399. {
  400. content: "\f046";
  401. }
  402. .mini-pager-first:before
  403. {
  404. content: "\f100";
  405. }
  406. .mini-pager-prev:before {
  407. content: "\f104";
  408. }
  409. .mini-pager-next:before {
  410. content: "\f105";
  411. }
  412. .mini-pager-last:before {
  413. content: "\f101";
  414. }
  415. .mini-pager-reload:before {
  416. content: "\f021";
  417. }
  418. .mini-tab-close-hover:hover
  419. {
  420. content: "\f00d";
  421. }
  422. .mini-tab-close:before
  423. {
  424. content: "\f00d";
  425. }
  426. .mini-tabs-leftButton:before {
  427. content: "\f0d9";
  428. }
  429. .mini-tabs-rightButton:before {
  430. content: "\f0da";
  431. }
  432. .mini-tabs-tabmenu:before {
  433. content: "\f0d7";
  434. }
  435. .mini-buttonedit-trigger .mini-buttonedit-icon:before
  436. {
  437. /*content: "\f0d7"; */
  438. content: "\f141";
  439. font-size:14px;
  440. }
  441. .mini-buttonedit-close:before
  442. {
  443. content: "\f00d";
  444. font-size:12px;
  445. }
  446. .mini-popupedit .mini-buttonedit-trigger .mini-buttonedit-icon:before
  447. {
  448. content: "\f0d7";
  449. }
  450. .mini-datepicker .mini-buttonedit-trigger .mini-buttonedit-icon:before
  451. {
  452. content: "\f073";
  453. }
  454. .mini-buttonedit-up span:before
  455. {
  456. content: "\f0d8";
  457. }
  458. .mini-buttonedit-down span:before
  459. {
  460. content: "\f0d7";
  461. }
  462. .mini-filteredit .mini-buttonedit-icon:before
  463. {
  464. content: "\f0b0";
  465. }
  466. .mini-layout-region-west .mini-layout-region-header .mini-tools-collapse:before
  467. {
  468. content: "\f053";
  469. }
  470. .mini-layout-region-east .mini-layout-region-header .mini-tools-collapse:before
  471. {
  472. content: "\f054";
  473. }
  474. .mini-layout-proxy-west .mini-tools-collapse:before
  475. {
  476. content: "\f054";
  477. }
  478. .mini-layout-proxy-east .mini-tools-collapse:before
  479. {
  480. content: "\f053";
  481. }
  482. .mini-layout-proxy-north .mini-tools-collapse:before,
  483. .mini-layout-proxy-south .mini-tools-collapse:before
  484. {
  485. content: "\f078";
  486. }
  487. .mini-menu-topArrow:before
  488. {
  489. content: "\f077";
  490. }
  491. .mini-menu-bottomArrow:before
  492. {
  493. content: "\f078";
  494. }
  495. /* no background */
  496. .mini-checkboxlist-item .mini-list-icon,
  497. .mini-radiobuttonlist-item .mini-list-icon,
  498. .mini-popupedit .mini-buttonedit-trigger .mini-buttonedit-icon,
  499. .mini-datepicker .mini-buttonedit-trigger .mini-buttonedit-icon,
  500. .mini-filteredit .mini-buttonedit-icon,
  501. span.mini-buttonedit-button-hover, .mini-buttonedit-hover .mini-buttonedit-trigger, .mini-buttonedit-button-pressed,.mini-buttonedit-popup .mini-buttonedit-trigger,
  502. .mini-buttonedit-up span, .mini-buttonedit-down span,
  503. .mini-layout-region .mini-layout-region-header .mini-tools span,
  504. .mini-tab-close,
  505. .mini-grid-checkbox, .mini-grid-radio,
  506. .mini-grid-checkbox-checked, .mini-grid-row-selected .mini-checkcolumn .mini-grid-checkbox,
  507. .mini-tools .mini-tools-collapse, .mini-tools .mini-tools-close, .mini-tools .mini-tools-max, .mini-tools .mini-tools-restore,
  508. .mini-calendar-menu-prevYear, .mini-calendar-menu-nextYear,
  509. .mini-outlookbar .mini-outlookbar-expand .mini-tools-collapse,
  510. mini-tabs-plain .mini-tabs-scrollCt,
  511. .mini-tabs .mini-tabs-plain .mini-tabs-space, .mini-tabs .mini-tabs-plain .mini-tabs-space2,
  512. .mini-tabs-leftButton, .mini-tabs-rightButton, .mini-tabs-tabmenu,
  513. .mini-calendar-header,
  514. .mini-menu .mini-menuitem-checked .mini-menuitem-icon,
  515. .mini-menu-horizontal .mini-menu-border, .mini-menu-horizontal .mini-menuitem-allow,
  516. .mini-tree-selectedNode .mini-tree-radio,.mini-grid-row-selected .mini-tree-radio,
  517. .mini-grid-radio-checked, .mini-grid-row-selected .mini-checkcolumn .mini-grid-radio,
  518. .mini-grid-ecIcon, .mini-grid-expandRow .mini-grid-ecIcon,
  519. .mini-grid-group-ecicon, .mini-grid-group-collapse .mini-grid-group-ecicon,
  520. .mini-tree-expand .mini-tree-folder
  521. /*,
  522. .mini-pager-first, .mini-pager-prev, .mini-pager-next, .mini-pager-last, .mini-pager-reload*/
  523. {
  524. background:none;
  525. }
  526. /* family */
  527. /*
  528. .mini-widget, body,
  529. .mini-button, .mini-menuitem, .mini-layout-region-header, .mini-panel-header,
  530. .mini-outlookbar-groupHeader,
  531. .mini-grid-headerCell, .mini-grid-cell, .mini-grid-columnproxy,
  532. .mini-listbox td,
  533. .mini-calendar, .mini-calendar-button,
  534. .mini-tabs,
  535. .mini-tree,
  536. .mini-textbox-input,
  537. .mini-buttonedit-input,
  538. .mini-textboxlist-input,
  539. .mini-textboxlist,
  540. .mini-pager,
  541. .mini-checkboxlist table label, .mini-radiobuttonlist table label,
  542. .mini-checkbox,
  543. .mini-checkboxlist, .mini-radiobuttonlist, .mini-radiobuttonlist label,
  544. .mini-layout,
  545. .mini-calendar, .mini-calendar-menu-month, mini-calendar-date, mini-calendar-menu-year, .mini-calendar-title
  546. {
  547. font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  548. font-size:13px;
  549. }*/
  550. /* corner */
  551. .mini-corner-all,
  552. .mini-button,
  553. .mini-window, .mini-window > .mini-panel-border,
  554. .mini-menu, .mini-menu-border,
  555. .mini-tab,
  556. .mini-tree-nodeshow,
  557. .mini-textboxlist, .mini-textboxlist-border
  558. .mini-textbox, .mini-textbox-border,
  559. .mini-buttonedit, .mini-buttonedit-border,
  560. .mini-htmlfile .mini-buttonedit-button,
  561. .mini-calendar-button,
  562. body .mini-pager-num,
  563. .mini-tooltip-inner
  564. {
  565. /*border-radius:6px;*/
  566. }