medium-mode.css 7.5 KB

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