medium-mode-wd.css 8.5 KB

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