ligerui-grid.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474
  1. 
  2. /* -----------------------
  3. * 表格 *
  4. * ----------------------- */
  5. .l-grid-mask{
  6. position:absolute;left:0;top:0;width:100%;height:100%;
  7. display1:none;font-size:1px; *zoom:1;overflow:hidden; display:none;z-index: 9000;
  8. }
  9. .l-panel
  10. {
  11. border:1px solid #84A0C4;
  12. position:relative;
  13. }
  14. .l-panel table{ width:auto;}
  15. .l-panel table,.l-panel td{ margin:0; padding:0;}
  16. .l-panel-btn
  17. {
  18. display:block;
  19. height:22px; overflow:hidden; line-height:22px; position:relative;
  20. padding-left:15px; padding-right:15px; cursor:pointer;
  21. text-align:center;color: #2C4D79; text-decoration:none; cursor:pointer;
  22. }
  23. .l-panel-btn .l-panel-btn-l,.l-panel-btn .l-panel-btn-r{ display:none;}
  24. .l-panel-btn-over,.l-panel-btn-selected{background: #E0EDFF url( img/ligerui/panel/panel-btn.gif) repeat-x;}
  25. .l-panel-btn-over .l-panel-btn-l,.l-panel-btn-over .l-panel-btn-r,.l-panel-btn-selected .l-panel-btn-l,.l-panel-btn-selected .l-panel-btn-r{ display:block; }
  26. .l-panel-btn-l
  27. {
  28. position:absolute; width:3px; left:0px; top:0px;height:22px;
  29. background: #E0EDFF url(img/ligerui/panel/panel-btn-l.gif) no-repeat;
  30. }
  31. .l-panel-btn-r
  32. {position:absolute; width:3px; right:0px; top:0px;height:22px;
  33. background: #E0EDFF url(img/ligerui/panel/panel-btn-r.gif) no-repeat;
  34. }
  35. .l-panel-header{
  36. color: #15428B;
  37. font-weight: bold;
  38. font-size: 11px;
  39. height:24px;
  40. border-bottom:1px solid #99BBE8;
  41. background: url('img/ligerui/panel/header-bg.gif') repeat-x left -1px;
  42. }
  43. .l-panel-header-text{ line-height:22px;padding-left:10px;}
  44. .l-panel-body
  45. {
  46. position:relative; overflow:hidden; width:100%;
  47. }
  48. .l-panel-body .l-grid
  49. {
  50. }
  51. .l-grid
  52. {
  53. position:relative;
  54. }
  55. .l-grid td div
  56. {
  57. font-size:12px;
  58. }
  59. .l-grid table{border-spacing:0 0;}
  60. .l-grid-header
  61. {
  62. border-bottom:1px solid #A3C0E8;
  63. height:22px; line-height:22px;background:#E2F0FF url('img/ligerui/grid/header-bg.gif') repeat-x left bottom; overflow:hidden; width:100%;
  64. }
  65. .l-grid-scroller {
  66. position: relative;
  67. top: 0px;
  68. left: 0px; height:220px;overflow: auto;
  69. }
  70. .l-grid-scroller-noscroll
  71. {
  72. height:auto;overflow:hidden;
  73. }
  74. .l-grid-body
  75. {
  76. position: relative; width:100%;
  77. top: 0px;
  78. left: 0px; overflow: auto;
  79. }
  80. .l-grid-body-table
  81. {
  82. }
  83. .l-grid-body-table tr.l-checked td
  84. {
  85. background:#DCF8A8
  86. }
  87. .l-grid-popup
  88. {
  89. background: #eee url(img/ligerui/grid/popup-line.gif) repeat-y -1px top;
  90. border: 1px solid #ccc;
  91. border-top: 0px;
  92. overflow: auto;
  93. left: 0px;
  94. position: absolute;
  95. z-index: 999; display:none;
  96. }
  97. .l-grid-loading
  98. {
  99. position: absolute;z-index: 91000; border:1px solid #9BBBE6; top:40%; left:50%;
  100. background:white url('img/ligerui/grid/loading.gif') no-repeat 8px 6px; padding-left:38px;
  101. padding-top:10px; padding-bottom:10px; padding-right:10px; margin-left:-60px; display:none;
  102. }
  103. .l-grid-editor
  104. {
  105. position: absolute;z-index: 999;display:none; text-align:center;
  106. }
  107. .l-grid-editor .l-checkbox-wrapper{ margin-top:2px;}
  108. .l-grid-popup table
  109. {
  110. display: table;
  111. border-collapse: separate;
  112. border-color: gray; margin:2px;
  113. }
  114. .l-grid-popup table tbody
  115. {display: table-row-group;
  116. vertical-align: middle;
  117. border-color: inherit;
  118. }
  119. .l-grid-popup table td
  120. {
  121. padding: 2px 3px;
  122. cursor: default;
  123. }
  124. .l-grid-popup td.l-column-left
  125. {
  126. border-right: 1px solid #ccc;
  127. }
  128. .l-grid-popup td.l-column-right
  129. {
  130. border-left: 1px solid #fff;
  131. padding-right: 10px;
  132. }
  133. .l-grid-popup tr:hover .l-column-right,.l-grid-popup tr.l-popup-row-over .l-column-right
  134. {
  135. border-right: 1px solid #d2e3ec;border-top: 1px solid #d2e3ec;border-bottom: 1px solid #d2e3ec;
  136. }
  137. .l-grid-popup tr:hover .l-column-left,.l-grid-popup tr.l-popup-row-over .l-column-left
  138. {
  139. border-left: 1px solid #d2e3ec;border-top: 1px solid #d2e3ec;border-bottom: 1px solid #d2e3ec;
  140. }
  141. .l-grid-popup table tr:hover,.l-grid-popup table tr.l-popup-row-over
  142. {
  143. background: #d5effc url(img/ligerui/grid/popup-row-over.gif) repeat-x top;
  144. border: 1px solid #a8d8eb;
  145. }
  146. .l-grid-hd-cell-detail
  147. {
  148. padding:0; margin:0;
  149. }
  150. .l-grid-hd-cell-inner
  151. {
  152. text-align:center;
  153. }
  154. .l-grid-dragging-line
  155. {
  156. background:#EC4262;width:1px;position:absolute; display:none; z-index:9999; padding:0; margin:0;
  157. }
  158. .l-grid-hd-cell-dropleft
  159. {
  160. position:absolute;left:0px;top:0px;
  161. display: block;background: url(img/ligerui/icon/icon-prev.gif) no-repeat -2px center;width: 16px;height: 24px;
  162. z-index: 3; display:none;
  163. }
  164. .l-grid-hd-cell-dropright
  165. {
  166. position:absolute;right:0px;top:0px;
  167. display: block;background: url(img/ligerui/icon/icon-next.gif) no-repeat 0px center;width: 16px;height: 24px;
  168. z-index: 3; display:none;
  169. }
  170. .l-grid-hd-cell-drop
  171. {
  172. position:absolute;right:-1px;top:0px;display: block; width:2px; height:24px; z-index:3; cursor:e-resize;
  173. }
  174. .l-grid-hd-cell-sort
  175. {
  176. overflow:hidden;
  177. }
  178. .l-grid-hd-cell-sort-asc
  179. {
  180. background:url('img/ligerui/icon/icon-sort-asc.gif') no-repeat center;
  181. }
  182. .l-grid-hd-cell-sort-desc
  183. {
  184. background:url('img/ligerui/icon/icon-sort-desc.gif') no-repeat center;
  185. }
  186. .l-grid-hd-cell-btn
  187. {
  188. position:absolute; right:0px; top:0px; overflow:hidden; border-left:1px solid #C1D6F0; cursor:pointer;
  189. }
  190. .l-grid-hd-cell-btn span
  191. {
  192. border-left:1px solid #F1F5FC; width:14px; height:22px;background:url('img/ligerui/icon/icon-down.gif') no-repeat 2px 8px; display:block;
  193. }
  194. .l-grid-hd-cell-drophandle
  195. {
  196. width:5px; height:22px; cursor:col-resize; float:right;position:absolute; top:0px; right:-3px;
  197. }
  198. .l-grid-hd-cell-text
  199. {
  200. text-align:center; cursor:pointer;
  201. }
  202. .l-grid-hd-cell
  203. {
  204. padding:0; margin:0;overflow:hidden;
  205. border-right:1px solid #A3C0E8;
  206. text-align:center;
  207. }
  208. .l-grid-hd-cell-last
  209. {
  210. }
  211. .l-grid-hd-cell-over,.l-grid-hd-cell-on
  212. {
  213. }
  214. .l-grid-row
  215. {
  216. }
  217. .l-grid-row-last
  218. {
  219. }
  220. .l-grid-totalsummary
  221. {
  222. border-bottom:1px solid #A3C0E8; background:#EEF3FF; padding-top:5px; padding-bottom:5px;
  223. }
  224. .l-grid-totalsummary-nobottom
  225. {
  226. border-bottom:none;
  227. }
  228. .l-grid-totalsummary td
  229. {
  230. border-right:1px solid #EEF3FF; text-align:center;
  231. }
  232. .l-grid-totalsummary .l-grid-totalsummary-cell-last
  233. { border-right:1px solid #A3C0E8;
  234. }
  235. .l-grid-totalsummary .l-grid-totalsummary-cell-inner
  236. {
  237. margin-left:3px; margin-right:3px;
  238. }
  239. .l-grid-totalsummary .l-grid-totalsummary-cell-inner div
  240. {
  241. height:20px; line-height:20px;
  242. }
  243. .l-grid-detailpanel
  244. {
  245. border-bottom:1px solid #A3C0E8;
  246. }
  247. .l-grid-detailpanel-inner
  248. {
  249. overflow:hidden;
  250. }
  251. .l-grid-row-alt .l-grid-row-cell
  252. {
  253. background:#F5F5F5;
  254. }
  255. .l-selected .l-grid-row-cell,.l-grid-row-over .l-grid-row-cell,.l-grid-row-over,.l-selected
  256. {
  257. background:#EAF3FF;
  258. }
  259. .l-grid-row-cell
  260. {
  261. overflow:hidden;
  262. border-right:1px solid #A3C0E8;border-bottom:1px solid #A3C0E8;
  263. text-align:center;overflow:hidden;
  264. }
  265. .l-grid-row-last .l-grid-row-cell
  266. {border-bottom:none;
  267. }
  268. .l-grid-row-cell-last
  269. {
  270. }
  271. .l-grid-row-cell-detail .l-grid-row-cell-inner{margin-left:0px; margin-right:0px; width:28px; overflow:hidden;}
  272. .l-grid-row-cell-detail .l-grid-row-cell-inner span
  273. {
  274. display:block; width:21px; height:21px; background:url('img/ligerui/grid/grid-detail-close.gif') no-repeat 5px 5px;
  275. cursor:pointer; overflow:hidden;
  276. }
  277. .l-grid-row-cell-detail .l-grid-row-cell-inner span.l-open
  278. {
  279. background:url('img/ligerui/grid/grid-detail-open.gif') no-repeat 5px 5px;
  280. }
  281. .l-grid-row-cell-checkbox .l-grid-row-cell-inner{margin-left:0px; margin-right:0px;}
  282. .l-grid-row-cell-checkbox span,.l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div
  283. {
  284. display:block; width:13px; height:13px; background:url('../images/controls/checkbox.gif') no-repeat;
  285. background-position:0px 0px;
  286. cursor:pointer; overflow:hidden; margin-left:7px; margin-top:3px;
  287. }
  288. .l-checked .l-grid-row-cell-checkbox span,.l-checked .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div
  289. {
  290. background-position:0px -13px;
  291. }
  292. .l-grid-hd-cell-checkbox
  293. {
  294. padding:0; margin:0;
  295. }
  296. .l-grid-row-cell-edited .l-grid-row-cell-inner
  297. {
  298. background-image:url('img/ligerui/icon/icon-edited.gif');
  299. background-repeat:no-repeat;
  300. background-position:2px 2px;
  301. }
  302. .l-grid-row-cell-inner
  303. {
  304. text-align:center;line-height:22px;
  305. margin-left:3px; margin-right:3px; overflow:hidden;
  306. }
  307. .l-grid-row-cell-inner-fixedheight
  308. {
  309. height:22px;
  310. }
  311. .l-panel-bar
  312. {
  313. height:32px;background:#C9DFFF url('img/ligerui/panel/bar-bg.gif') repeat-x left bottom;overflow:hidden;
  314. border-top:1px solid #84A0C4;
  315. }
  316. .l-panel-bbar-inner
  317. {
  318. margin-top: 3px;
  319. padding-left: -2px;
  320. width:100%;
  321. }
  322. .l-bar-group {
  323. float: left;
  324. background: none;
  325. height: 24px;
  326. margin: 0px 5px;
  327. }
  328. .l-bar-right
  329. {
  330. float:right;
  331. }
  332. .l-bar-separator {
  333. float: left;
  334. height: 18px;
  335. border-left: 1px solid #9AC6FF;
  336. border-right: 1px solid white;
  337. margin: 2px;
  338. }
  339. .l-bar-button {
  340. float: left;
  341. width: 22px;
  342. height: 22px;
  343. border: 0px;
  344. cursor: pointer;
  345. overflow: hidden;
  346. }
  347. .l-bar-button-over
  348. {
  349. background: url(img/ligerui/icon/bar-button-over.gif) no-repeat center;
  350. }
  351. .l-bar-button span {
  352. width: 16px;
  353. height: 16px;
  354. display: block; margin-left:2px; margin-top:2px;
  355. float: left; overflow:hidden;
  356. }
  357. .l-bar-btnfirst span
  358. {
  359. background: url(img/ligerui/icon/icon-first.gif) no-repeat; background-position:0px 0px;
  360. }
  361. .l-bar-btnprev span {
  362. background: url(img/ligerui/icon/icon-prev.gif) no-repeat ; background-position:0px 0px;
  363. }
  364. .l-bar-btnnext span {
  365. background: url(img/ligerui/icon/icon-next.gif) no-repeat; background-position:0px 0px;
  366. }
  367. .l-bar-btnlast span {
  368. background: url(img/ligerui/icon/icon-last.gif) no-repeat; background-position:0px 0px;
  369. }
  370. .l-bar-btnload span {
  371. background: url(img/ligerui/icon/icon-load.gif) no-repeat; background-position:0px 0px;
  372. }
  373. .l-bar-btnloading span {
  374. background: url(img/ligerui/icon/icon-loading.gif) no-repeat; background-position:0px 0px;
  375. }
  376. .l-bar-button .l-disabled
  377. {
  378. background-position:0px -16px;
  379. }
  380. .l-bar-text
  381. {
  382. line-height:20px;
  383. }
  384. /*
  385. tree grid
  386. */
  387. .l-grid-tree-link
  388. {
  389. cursor:pointer;
  390. }
  391. .l-grid-tree-link-open
  392. {
  393. background:url('img/ligerui/grid/grid-tree-open.gif') no-repeat center;
  394. }
  395. .l-grid-tree-link-close
  396. {
  397. background:url('img/ligerui/grid/grid-tree-close.gif') no-repeat center;
  398. }
  399. .l-grid-gray
  400. {border-top:1px solid #DDDDDD;
  401. }
  402. .l-grid-gray .l-grid-header
  403. {
  404. border-bottom:1px solid #DDDDDD;
  405. background:#E2F0FF url('img/ligerui/grid/header2-bg.jpg') repeat-x left bottom;
  406. }
  407. .l-grid-gray .l-grid-hd-cell
  408. {
  409. border-right:1px solid #DDDDDD;
  410. }
  411. .l-grid-gray .l-grid-row-cell {
  412. border-bottom: 1px solid #DDDDDD;
  413. border-right: 1px solid #DDDDDD;
  414. }
  415. /*
  416. 菜单条
  417. */
  418. .l-menubar
  419. {
  420. background: url('img/ligerui/panel/panel-menu.jpg') repeat-x; height:24px; border:1px solid #ADBED6;border-top:1px solid #EFF7F7;
  421. }
  422. .l-menubar-item
  423. {
  424. float:left; margin-left:6px;
  425. }
  426. .l-menubar-item-down
  427. {
  428. width:7px; height:4px; line-height:4px;
  429. background:url('img/ligerui/panel/panel-menu-item-down.gif') no-repeat center; position:absolute; right:4px; top:9px;
  430. }
  431. .l-menubar-item-over
  432. {
  433. }
  434. /*
  435. 工具条
  436. */
  437. .l-toolbar
  438. {
  439. background:#CEDFEF url('img/ligerui/panel/panel-toolbar.jpg') repeat-x; height:23px;
  440. border:1px solid #9CBAE7; border-top:1px solid #EFF7F7;
  441. }
  442. .l-toolbar-item
  443. {
  444. float:left;margin-left:4px;
  445. }
  446. .l-toolbar-item .l-icon{ position:absolute; left:2px; top:2px;}
  447. .l-toolbar-item-hasicon{ padding-left:20px;}
  448. /*
  449. 搜索栏
  450. */
  451. .l-panel-search
  452. {height:28px; padding-top:3px; padding-left:3px;
  453. border-left:1px solid #99BBE8; border-right:1px solid #99BBE8;
  454. }
  455. .l-panel-search-item
  456. {
  457. float:left; margin-left:5px;
  458. }