large-mode.css 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509
  1. body
  2. {
  3. font-size:14px;
  4. line-height:1.4;
  5. }
  6. /* button
  7. ==========================================*/
  8. .mini-button
  9. {
  10. font-size:13px;
  11. line-height:16px;
  12. }
  13. .mini-button-text
  14. {
  15. padding:5px 12px 7px 12px;
  16. padding:6px 12px 6px 12px\9;
  17. line-height:16px;
  18. }
  19. .mini-button-icon
  20. {
  21. left:8px;
  22. }
  23. .mini-button .mini-button-icon-text
  24. {
  25. padding-left:28px;
  26. }
  27. .mini-button .mini-button-icon-only
  28. {
  29. padding-left:18px;
  30. }
  31. .mini-button .mini-button-icon-only .mini-button-icon
  32. {
  33. left:8px;
  34. }
  35. .mini-button-iconRight .mini-button-icon-text
  36. {
  37. padding-left:12px;
  38. padding-right:28px;
  39. }
  40. .mini-button-iconRight .mini-button-icon
  41. {
  42. left:auto;
  43. right:8px;
  44. }
  45. .mini-button-iconTop .mini-button-icon-text
  46. {
  47. padding-left:12px;
  48. padding-top:28px;
  49. }
  50. .mini-button-iconTop .mini-button-icon
  51. {
  52. top:6px;
  53. }
  54. .mini-button-allow
  55. {
  56. margin-top:7px;
  57. left:-3px;
  58. }
  59. /* textbox
  60. ==========================================*/
  61. .mini-textbox-input
  62. {
  63. height:28px;
  64. line-height:28px;
  65. font-size:14px;
  66. }
  67. .mini-textbox-border
  68. {
  69. padding-left:8px;
  70. padding-right:8px;
  71. height:28px;
  72. }
  73. .mini-textbox
  74. {
  75. overflow:visible;
  76. height:30px;
  77. width:150px;
  78. }
  79. .mini-textarea .mini-textbox-border
  80. {
  81. padding-left:8px;
  82. padding-right:0px;
  83. }
  84. .mini-textarea .mini-textbox-input
  85. {
  86. line-height:20px;
  87. }
  88. /* buttonedit
  89. ==========================================*/
  90. .mini-buttonedit-input
  91. {
  92. height:28px;
  93. line-height:28px;
  94. font-size:14px;
  95. }
  96. .mini-buttonedit-border
  97. {
  98. padding-left:6px;
  99. padding-right:25px;
  100. height:28px;
  101. }
  102. .mini-buttonedit
  103. {
  104. overflow:visible;
  105. height:30px;
  106. width:150px;
  107. }
  108. .mini-buttonedit-button
  109. {
  110. height:24px;
  111. width:22px;
  112. }
  113. .mini-buttonedit-close
  114. {
  115. height:24px;
  116. }
  117. /*.mini-buttonedit-up span, .mini-buttonedit-down span
  118. {
  119. background-position:50% 50%;
  120. }*/
  121. /* htmlfile
  122. ==========================================*/
  123. .mini-htmlfile .mini-buttonedit-button
  124. {
  125. line-height:24px;
  126. }
  127. /* textboxlist
  128. ==========================================*/
  129. .mini-textboxlist
  130. {
  131. height:30px;
  132. }
  133. .mini-textboxlist ul
  134. {
  135. padding-top:3px;
  136. padding-left:8px;
  137. }
  138. .mini-textboxlist .mini-textboxlist-item
  139. {
  140. font-size:14px;
  141. line-height:20px;
  142. height:20px;
  143. }
  144. .mini-textboxlist .mini-errorIcon
  145. {
  146. margin-top:4px;
  147. }
  148. .mini-textboxlist .mini-textboxlist-input
  149. {
  150. height:18px;
  151. line-height:18px;
  152. }
  153. /* checkbox
  154. ==========================================*/
  155. .mini-checkbox
  156. {
  157. font-size:14px;
  158. line-height:26px;
  159. }
  160. .mini-checkbox-check,
  161. .mini-checkbox-icon
  162. {
  163. margin-right:10px;
  164. }
  165. /* checkboxlist & radiobuttonlist
  166. ==========================================*/
  167. .mini-checkboxlist table label,
  168. .mini-radiobuttonlist table label
  169. {
  170. padding-left:8px;
  171. line-height:22px;
  172. font-size:14px;
  173. }
  174. /* listbox
  175. ==========================================*/
  176. .mini-listbox td
  177. {
  178. line-height:20px;
  179. font-size:14px;
  180. padding: 6px 8px 6px 8px;
  181. }
  182. /* grid
  183. ==========================================*/
  184. .mini-grid-cell-inner
  185. {
  186. padding-top:6px;
  187. padding-bottom:6px;
  188. font-size:14px;
  189. }
  190. .mini-grid-headerCell-inner
  191. {
  192. padding-top:8px;
  193. padding-bottom:8px;
  194. font-size:14px;
  195. }
  196. .mini-grid-headerCell-outer
  197. {
  198. padding-left:6px;
  199. padding-right:4px;
  200. }
  201. .mini-grid-columnproxy
  202. {
  203. padding-top:4px;
  204. padding-bottom:6px;
  205. }
  206. .mini-grid-allowsort,
  207. .mini-grid-sortIcon
  208. {
  209. margin-left:4px;
  210. }
  211. /* treegrid & tree
  212. ==========================================*/
  213. .mini-tree-nodetitle,
  214. .mini-tree-node-ecicon,
  215. .mini-tree-indent
  216. {
  217. height:29px;
  218. }
  219. .mini-tree .mini-tree-icon
  220. {
  221. top:-2px;
  222. }
  223. .mini-tree-nodeshow
  224. {
  225. padding:3px;
  226. padding-left:4px;
  227. padding-right:5px;
  228. }
  229. .mini-tree-node-hover .mini-tree-nodeshow,
  230. .mini-tree-selectedNode .mini-tree-nodeshow
  231. {
  232. padding:2px;
  233. padding-left:3px;
  234. padding-right:4px;
  235. }
  236. .mini-tree-nodetext
  237. {
  238. padding-left:6px;
  239. }
  240. .mini-tree-checkbox
  241. {
  242. margin-left:4px;
  243. margin-right:2px;
  244. }
  245. /* pager
  246. ==========================================*/
  247. .mini-pager
  248. {
  249. height:30px;
  250. line-height:30px;
  251. padding:6px 10px 6px 8px;
  252. }
  253. body .mini-pager-num
  254. {
  255. height:22px;
  256. line-height:22px;
  257. }
  258. /* toolbar
  259. ==========================================*/
  260. .mini-toolbar
  261. {
  262. padding:6px;
  263. }
  264. /* tools
  265. ==========================================*/
  266. .mini-tools span
  267. {
  268. margin-left:6px;
  269. }
  270. /* panel
  271. ==========================================*/
  272. .mini-window .mini-panel-header{
  273. height:40px;
  274. }
  275. .mini-panel-header-inner {
  276. padding: 12px 12px 12px 12px;
  277. font-size: 16px;
  278. }
  279. .mini-panel .mini-panel-icon
  280. {
  281. margin-right:8px;
  282. }
  283. .mini-panel .mini-tools
  284. {
  285. top:14px;
  286. right:10px;
  287. }
  288. .mini-panel-body
  289. {
  290. padding:8px;
  291. }
  292. .mini-panel-toolbar,
  293. .mini-panel-footer
  294. {
  295. /*padding:6px;*/
  296. }
  297. /* layout
  298. ==========================================*/
  299. .mini-layout
  300. {
  301. font-size:14px;
  302. }
  303. .mini-layout-region-header,
  304. .mini-layout-proxy
  305. {
  306. height:40px;
  307. line-height:40px;
  308. }
  309. .mini-layout-proxy
  310. {
  311. width:40px;
  312. }
  313. .mini-layout-region-header .mini-tools,
  314. .mini-layout-proxy .mini-tools
  315. {
  316. top:12px;
  317. right:16px;
  318. }
  319. .mini-layout-proxy-text
  320. {
  321. left:8px;
  322. font-size:14px;
  323. }
  324. /* outlookbar
  325. ==========================================*/
  326. .mini-outlookbar
  327. {
  328. font-size:14px;
  329. }
  330. .mini-outlookbar-groupHeader
  331. {
  332. line-height:20px;
  333. padding:10px 26px 10px 12px;
  334. }
  335. .mini-outlookbar-groupTitle
  336. {
  337. padding-left:8px;
  338. }
  339. .mini-outlookbar-groupHeader .mini-tools
  340. {
  341. top:12px;
  342. right:12px;
  343. }
  344. /* menu
  345. ==========================================*/
  346. .mini-menu
  347. {
  348. font-size:14px;
  349. }
  350. .mini-menuitem-inner
  351. {
  352. padding:4px 26px 4px 34px;
  353. }
  354. .mini-menuitem-icon
  355. {
  356. left:10px;
  357. top:6px;
  358. }
  359. .mini-menuitem-allow
  360. {
  361. top:6px;
  362. right:6px;
  363. }
  364. .mini-menu-horizontal .mini-menu-inner
  365. {
  366. padding:6px;
  367. }
  368. .mini-menu-horizontal .mini-menuitem-inner
  369. {
  370. padding:4px 10px 4px 10px;
  371. }
  372. .mini-menu-horizontal .mini-menuitem-icon
  373. {
  374. margin-right:4px;
  375. }
  376. /* tabs
  377. ==========================================*/
  378. .mini-tab
  379. {
  380. padding-left:14px;
  381. padding-right:14px;
  382. }
  383. .mini-tab-text
  384. {
  385. font-size:14px;
  386. line-height:16px;
  387. padding:8px 8px 8px 8px;
  388. }
  389. .mini-tabs-plain
  390. {
  391. line-height:18px;
  392. }
  393. .mini-tab-close
  394. {
  395. margin-top:8px;
  396. }
  397. .mini-tabs-tabmenu
  398. {
  399. top:7px;
  400. right:4px;
  401. width:22px;
  402. height:22px;
  403. margin-right:6px;
  404. }
  405. .mini-tabs-nav,
  406. .mini-tabs-leftnav
  407. {
  408. top:7px;
  409. padding-left: 8px;
  410. padding-right: 4px;
  411. }
  412. .mini-tabs-leftButton, .mini-tabs-rightButton
  413. {
  414. width:22px;
  415. height:22px;
  416. margin-right:6px;
  417. }
  418. .mini-tabs-buttons
  419. {
  420. padding-top:6px;
  421. }
  422. /* calendar
  423. ==========================================*/
  424. .mini-calendar,
  425. .mini-calendar-title,
  426. .mini-calendar-menu-month,
  427. .mini-calendar-menu-year
  428. {
  429. font-size:14px;
  430. }
  431. .mini-calendar-header
  432. {
  433. height:34px;
  434. }
  435. .mini-calendar-title
  436. {
  437. top:4px;
  438. }
  439. .mini-calendar-prev,
  440. .mini-calendar-next
  441. {
  442. top:10px;
  443. }
  444. body .mini-calendar td.mini-calendar-date
  445. {
  446. line-height:16px;
  447. padding:3px 8px;
  448. }
  449. body .mini-calendar .mini-calendar-daysheader td
  450. {
  451. line-height:18px;
  452. padding:4px;
  453. }
  454. .mini-calendar-tadayButton, .mini-calendar-clearButton,
  455. .mini-calendar-okButton, .mini-calendar-cancelButton
  456. {
  457. line-height:16px;
  458. padding:6px;
  459. padding-left:0px;
  460. padding-right:0px;
  461. }
  462. .mini-calendar-menu-year
  463. {
  464. padding:2px 2px;
  465. }
  466. /* progressbar
  467. ==========================================*/
  468. .mini-progressbar
  469. {
  470. height:30px;
  471. }
  472. .mini-progressbar-border
  473. {
  474. height:28px;
  475. border-radius:4px;
  476. }
  477. .mini-progressbar-text
  478. {
  479. line-height:28px;
  480. font-size:14px;
  481. }
  482. .mini-pager-left{
  483. height:30px;
  484. }
  485. .mini-pager-size{
  486. height:30px;
  487. }