large-mode.css 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502
  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-panel-header-inner
  273. {
  274. padding:12px 12px 12px 12px;
  275. font-size:16px;
  276. }
  277. .mini-panel .mini-panel-icon
  278. {
  279. margin-right:8px;
  280. }
  281. .mini-panel .mini-tools
  282. {
  283. top:14px;
  284. right:10px;
  285. }
  286. .mini-panel-body
  287. {
  288. padding:8px;
  289. }
  290. .mini-panel-toolbar,
  291. .mini-panel-footer
  292. {
  293. /*padding:6px;*/
  294. }
  295. /* layout
  296. ==========================================*/
  297. .mini-layout
  298. {
  299. font-size:14px;
  300. }
  301. .mini-layout-region-header,
  302. .mini-layout-proxy
  303. {
  304. height:40px;
  305. line-height:40px;
  306. }
  307. .mini-layout-proxy
  308. {
  309. width:40px;
  310. }
  311. .mini-layout-region-header .mini-tools,
  312. .mini-layout-proxy .mini-tools
  313. {
  314. top:12px;
  315. right:16px;
  316. }
  317. .mini-layout-proxy-text
  318. {
  319. left:8px;
  320. font-size:14px;
  321. }
  322. /* outlookbar
  323. ==========================================*/
  324. .mini-outlookbar
  325. {
  326. font-size:14px;
  327. }
  328. .mini-outlookbar-groupHeader
  329. {
  330. line-height:20px;
  331. padding:10px 26px 10px 12px;
  332. }
  333. .mini-outlookbar-groupTitle
  334. {
  335. padding-left:8px;
  336. }
  337. .mini-outlookbar-groupHeader .mini-tools
  338. {
  339. top:12px;
  340. right:12px;
  341. }
  342. /* menu
  343. ==========================================*/
  344. .mini-menu
  345. {
  346. font-size:14px;
  347. }
  348. .mini-menuitem-inner
  349. {
  350. padding:4px 26px 4px 34px;
  351. }
  352. .mini-menuitem-icon
  353. {
  354. left:10px;
  355. top:6px;
  356. }
  357. .mini-menuitem-allow
  358. {
  359. top:6px;
  360. right:6px;
  361. }
  362. .mini-menu-horizontal .mini-menu-inner
  363. {
  364. padding:6px;
  365. }
  366. .mini-menu-horizontal .mini-menuitem-inner
  367. {
  368. padding:4px 10px 4px 10px;
  369. }
  370. .mini-menu-horizontal .mini-menuitem-icon
  371. {
  372. margin-right:4px;
  373. }
  374. /* tabs
  375. ==========================================*/
  376. .mini-tab
  377. {
  378. padding-left:14px;
  379. padding-right:14px;
  380. }
  381. .mini-tab-text
  382. {
  383. font-size:14px;
  384. line-height:16px;
  385. padding:8px 8px 8px 8px;
  386. }
  387. .mini-tabs-plain
  388. {
  389. line-height:18px;
  390. }
  391. .mini-tab-close
  392. {
  393. margin-top:8px;
  394. }
  395. .mini-tabs-tabmenu
  396. {
  397. top:7px;
  398. right:4px;
  399. width:22px;
  400. height:22px;
  401. margin-right:6px;
  402. }
  403. .mini-tabs-nav,
  404. .mini-tabs-leftnav
  405. {
  406. top:7px;
  407. padding-left: 8px;
  408. padding-right: 4px;
  409. }
  410. .mini-tabs-leftButton, .mini-tabs-rightButton
  411. {
  412. width:22px;
  413. height:22px;
  414. margin-right:6px;
  415. }
  416. .mini-tabs-buttons
  417. {
  418. padding-top:6px;
  419. }
  420. /* calendar
  421. ==========================================*/
  422. .mini-calendar,
  423. .mini-calendar-title,
  424. .mini-calendar-menu-month,
  425. .mini-calendar-menu-year
  426. {
  427. font-size:14px;
  428. }
  429. .mini-calendar-header
  430. {
  431. height:34px;
  432. }
  433. .mini-calendar-title
  434. {
  435. top:4px;
  436. }
  437. .mini-calendar-prev,
  438. .mini-calendar-next
  439. {
  440. top:10px;
  441. }
  442. body .mini-calendar td.mini-calendar-date
  443. {
  444. line-height:16px;
  445. padding:3px 8px;
  446. }
  447. body .mini-calendar .mini-calendar-daysheader td
  448. {
  449. line-height:18px;
  450. padding:4px;
  451. }
  452. .mini-calendar-tadayButton, .mini-calendar-clearButton,
  453. .mini-calendar-okButton, .mini-calendar-cancelButton
  454. {
  455. line-height:16px;
  456. padding:6px;
  457. padding-left:0px;
  458. padding-right:0px;
  459. }
  460. .mini-calendar-menu-year
  461. {
  462. padding:2px 2px;
  463. }
  464. /* progressbar
  465. ==========================================*/
  466. .mini-progressbar
  467. {
  468. height:30px;
  469. }
  470. .mini-progressbar-border
  471. {
  472. height:28px;
  473. border-radius:4px;
  474. }
  475. .mini-progressbar-text
  476. {
  477. line-height:28px;
  478. font-size:14px;
  479. }