grid.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650
  1. @charset "UTF-8";
  2. /* CSS Document */
  3. .flexigrid {
  4. font-family: "宋体" Arial, Helvetica, sans-serif;
  5. font-size: 11px;
  6. position: relative;
  7. border: 0px solid #eee;
  8. overflow: hidden;
  9. color: #000;
  10. }
  11. .flexigrid.hideBody {
  12. height: 26px !important;
  13. border-bottom: 1px solid #ccc;
  14. }
  15. .ie6fullwidthbug {
  16. border-right: 0px solid #ccc;
  17. }
  18. .flexigrid div.nDiv {
  19. background: #eee url(images/line.gif) repeat-y -1px top;
  20. border: 1px solid #ccc;
  21. border-top: 0px;
  22. overflow: auto;
  23. left: 0px;
  24. position: absolute;
  25. z-index: 999;
  26. float: left;
  27. }
  28. .flexigrid div.nDiv table {
  29. margin: 2px;
  30. }
  31. .flexigrid div.hDivBox {
  32. float: left;
  33. padding-right: 40px;
  34. }
  35. .flexigrid div.bDiv table {
  36. margin-bottom: 10px;
  37. }
  38. .flexigrid div.bDiv table.autoht {
  39. border-bottom: 0px;
  40. margin-bottom: 0px;
  41. }
  42. .flexigrid div.nDiv td {
  43. padding: 2px 3px;
  44. border: 1px solid #eee;
  45. cursor: default;
  46. }
  47. .flexigrid div.nDiv tr:hover td,.flexigrid div.nDiv tr.ndcolover td {
  48. background: #d5effc url(images/hl.png) repeat-x top;
  49. border: 1px solid #a8d8eb;
  50. }
  51. .flexigrid div.nDiv td.ndcol1 {
  52. border-right: 1px solid #ccc;
  53. }
  54. .flexigrid div.nDiv td.ndcol2 {
  55. border-left: 1px solid #fff;
  56. padding-right: 10px;
  57. }
  58. .flexigrid div.nDiv tr:hover td.ndcol1,.flexigrid div.nDiv tr.ndcolover td.ndcol1
  59. {
  60. border-right: 1px solid #d2e3ec;
  61. }
  62. .flexigrid div.nDiv tr:hover td.ndcol2,.flexigrid div.nDiv tr.ndcolover td.ndcol2
  63. {
  64. border-left: 1px solid #eef8ff;
  65. }
  66. .flexigrid div.nBtn {
  67. position: absolute;
  68. height: 24px;
  69. width: 14px;
  70. z-index: 900;
  71. background: #fafafa url(images/fhbg.gif) repeat-x bottom;
  72. border: 0px solid #ccc;
  73. border-left: 1px solid #ccc;
  74. top: 0px;
  75. left: 0px;
  76. margin-top: 1px;
  77. cursor: pointer;
  78. display: none;
  79. }
  80. .flexigrid div.nBtn div {
  81. height: 24px;
  82. width: 12px;
  83. border-left: 1px solid #fff;
  84. float: left;
  85. background: url(images/ddn.png) no-repeat center;
  86. }
  87. .flexigrid div.nBtn.srtd {
  88. background: url(images/wbg.gif) repeat-x 0px -1px;
  89. }
  90. .flexigrid div.mDiv { /*background: url(images/wbg.gif) repeat-x top;*/
  91. border-left: 1px #dad7cb solid;
  92. border-right: 1px #dad7cb solid;
  93. border-top: 1px #dad7cb solid;
  94. OVERFLOW: hidden;
  95. HEIGHT: 24px;
  96. background-color: #eee;
  97. }
  98. .flexigrid div.mDiv div {
  99. padding: 6px;
  100. white-space: nowrap;
  101. }
  102. .flexigrid div.mDiv div.ptogtitle {
  103. position: absolute;
  104. top: 4px;
  105. right: 3px;
  106. padding: 0px;
  107. height: 16px;
  108. width: 16px;
  109. overflow: hidden;
  110. border: 1px solid #ccc;
  111. cursor: pointer;
  112. }
  113. .flexigrid div.mDiv div.ptogtitle:hover {
  114. background-position: left -2px;
  115. border-color: #bbb;
  116. }
  117. .flexigrid div.mDiv div.ptogtitle span {
  118. display: block;
  119. border-left: 1px solid #eee;
  120. border-top: 1px solid #fff;
  121. border-bottom: 1px solid #ddd;
  122. width: 14px;
  123. height: 14px;
  124. background: url(images/uup.png) no-repeat center;
  125. }
  126. .flexigrid div.mDiv div.ptogtitle.vsble span {
  127. background: url(images/ddn.png) no-repeat center;
  128. }
  129. .flexigrid div.tDiv
  130. /*toolbar*/
  131. {
  132. background:#fafafa;
  133. /*url(images/bg.gif) repeat-x top;*/
  134. position:relative;
  135. /*border:1px solid #ccc;*/
  136. border-bottom:0 px;
  137. overflow:hidden;
  138. }
  139. .flexigrid div.tDiv2 {
  140. float: left;
  141. clear: both;
  142. padding: 1px;
  143. }
  144. .flexigrid div.sDiv
  145. /*toolbar*/
  146. {
  147. background:#fafafa url(images/bg.gif) repeat-x top;
  148. position:relative;
  149. border:1px solid #ccc;
  150. border-top:0px;
  151. overflow:hidden;
  152. display:none;
  153. }
  154. .flexigrid div.sDiv2 {
  155. float: left;
  156. clear: both;
  157. padding: 5px;
  158. padding-left: 5px;
  159. width: 1024px;
  160. }
  161. .flexigrid div.sDiv2 input,.flexigrid div.sDiv2 select {
  162. vertical-align: middle;
  163. }
  164. .flexigrid div.btnseparator {
  165. float: left;
  166. height: 22px;
  167. border-left: 1px solid #ccc;
  168. border-right: 1px solid #fff;
  169. }
  170. .flexigrid div.fbutton {
  171. float: left;
  172. display: block;
  173. cursor: pointer;
  174. padding: 1px;
  175. }
  176. .flexigrid div.fbutton div {
  177. float: left;
  178. padding: 1px 3px;
  179. }
  180. .flexigrid div.fbutton span {
  181. float: left;
  182. display: block;
  183. padding: 3px;
  184. }
  185. .flexigrid div.fbutton:hover,.flexigrid div.fbutton.fbOver {
  186. padding: 0px;
  187. border: 1px solid #ccc;
  188. }
  189. .flexigrid div.fbutton:hover div,.flexigrid div.fbutton.fbOver div {
  190. padding: 0px 2px;
  191. border-left: 1px solid #fff;
  192. border-top: 1px solid #fff;
  193. border-right: 1px solid #eee;
  194. border-bottom: 1px solid #eee;
  195. }
  196. /* end toolbar*/ /* start 列表头*/
  197. .flexigrid div.hDiv {
  198. /*change 1*/
  199. background: #fafafa url(images/fhbg.gif) repeat-x bottom;
  200. background: FONT-SIZE : 12px;
  201. text-align: center;
  202. background-color: #f7f6f6;
  203. color: #000;
  204. position: relative;
  205. border: 1px solid #ccc;
  206. border-bottom: 0px;
  207. overflow: hidden;
  208. }
  209. .flexigrid div.hDiv table {
  210. border-right: 1px solid #fff;
  211. }
  212. .flexigrid div.cDrag {
  213. float: left;
  214. position: absolute;
  215. z-index: 2;
  216. overflow: visible;
  217. }
  218. .flexigrid div.cDrag div {
  219. float: left;
  220. background: none;
  221. display: block;
  222. position: absolute;
  223. height: 24px;
  224. width: 5px;
  225. cursor: col-resize;
  226. }
  227. .flexigrid div.cDrag div:hover,.flexigrid div.cDrag div.dragging {
  228. /*background: url(images/line.gif) repeat-y 2px center;*/
  229. }
  230. .flexigrid div.iDiv {
  231. border: 1px solid #316ac5;
  232. position: absolute;
  233. overflow: visible;
  234. background: none;
  235. }
  236. .flexigrid div.iDiv input,.flexigrid div.iDiv select,.flexigrid div.iDiv textarea
  237. {
  238. font-family: Arial, Helvetica, sans-serif;
  239. font-size: 11px;
  240. }
  241. .flexigrid div.iDiv input.tb {
  242. border: 0px;
  243. padding: 0px;
  244. width: 100%;
  245. height: 100%;
  246. padding: 0px;
  247. background: none;
  248. }
  249. .flexigrid div.bDiv {
  250. border: 1px solid #ccc;
  251. border-top: 0px;
  252. background: #fff;
  253. overflow: auto;
  254. position: relative;
  255. }
  256. .flexigrid div.bDiv table {
  257. border-bottom: 1px solid #ccc;
  258. }
  259. .flexigrid div.hGrip {
  260. position: absolute;
  261. top: 0px;
  262. right: 0px;
  263. height: 5px;
  264. width: 5px;
  265. background: url(images/line.gif) repeat-x center;
  266. margin-right: 1px;
  267. cursor: col-resize;
  268. }
  269. .flexigrid div.hGrip:hover,.flexigrid div.hGrip.hgOver {
  270. border-right: 1px solid #999;
  271. margin-right: 0px;
  272. }
  273. .flexigrid div.vGrip {
  274. height: 5px;
  275. overflow: hidden;
  276. position: relative;
  277. background: #fafafa url(images/wbg.gif) repeat-x 0px -1px;
  278. border: 1px solid #ccc;
  279. border-top: 0px;
  280. text-align: center;
  281. cursor: row-resize;
  282. }
  283. .flexigrid div.vGrip span {
  284. display: block;
  285. margin: 1px auto;
  286. width: 20px;
  287. height: 1px;
  288. overflow: hidden;
  289. border-top: 1px solid #aaa;
  290. border-bottom: 1px solid #aaa;
  291. background: none;
  292. }
  293. .flexigrid div.hDiv th, .flexigrid div.bDiv td
  294. {
  295. text-align: left;
  296. border-right: 1px solid #ddd;
  297. border-left: 1px solid #fff;
  298. overflow: hidden;
  299. line-height:35px
  300. vertical-align: top !important;
  301. }
  302. .flexigrid div.hDiv th div,.flexigrid div.bDiv td div,div.colCopy div
  303. {
  304. padding: 5px;
  305. border-left: 0px solid #fff;
  306. }
  307. .flexigrid div.hDiv th,div.colCopy {
  308. font-weight: normal;
  309. height: 24px;
  310. cursor: default;
  311. white-space: nowrap;
  312. overflow: hidden;
  313. }
  314. div.colCopy {
  315. font-family: Arial, Helvetica, sans-serif;
  316. font-size: 11px;
  317. background: #fafafa url(images/fhbg.gif) repeat-x bottom;
  318. border: 1px solid #ccc;
  319. border-bottom: 0px;
  320. overflow: hidden;
  321. }
  322. .flexigrid div.hDiv th.sorted {
  323. /*change2*/
  324. background: url(images/wbg.gif) repeat-x 0px -1px;
  325. border-bottom: 0px solid #ccc;
  326. }
  327. .flexigrid div.hDiv th.thOver {
  328. }
  329. .flexigrid div.hDiv th.thOver div,.flexigrid div.hDiv th.sorted.thOver div
  330. {
  331. /*chang 3*/
  332. border-bottom: 1px solid orange;
  333. padding-bottom: 4px;
  334. cursor: pointer;
  335. /*
  336. FONT-SIZE: 12px;
  337. COLOR: #fff;
  338. BACKGROUND-COLOR: #aaa;
  339. text-align: center;
  340. cursor: pointer;
  341. padding-bottom: 4px;
  342. */
  343. }
  344. .flexigrid div.hDiv th.sorted div {
  345. border-bottom: 0px solid #ccc;
  346. padding-bottom: 5px;
  347. }
  348. .flexigrid div.hDiv th.thMove {
  349. background: #fff;
  350. color: #fff;
  351. }
  352. .flexigrid div.hDiv th.sorted.thMove div {
  353. border-bottom: 1px solid #fff;
  354. padding-bottom: 4px
  355. }
  356. .flexigrid div.hDiv th.thMove div {
  357. background: #fff !important;
  358. }
  359. .flexigrid div.hDiv th div.sdesc {
  360. background: url(images/dn.png) no-repeat center top;
  361. }
  362. .flexigrid div.hDiv th div.sasc {
  363. background:url(images/up.png) no-repeat center top;
  364. }
  365. .flexigrid div.bDiv td {
  366. border-bottom: 1px solid #fff;
  367. vertical-align: top;
  368. white-space: nowrap;
  369. }
  370. .flexigrid div.hDiv th div {
  371. }
  372. .flexigrid span.cdropleft {
  373. display: block;
  374. background: url(images/prev.gif) no-repeat -4px center;
  375. width: 24px;
  376. height: 24px;
  377. position: relative;
  378. top: -24px;
  379. margin-bottom: -24px;
  380. z-index: 3;
  381. }
  382. .flexigrid div.hDiv span.cdropright {
  383. display: block;
  384. background: url(images/next.gif) no-repeat 12px center;
  385. width: 24px;
  386. height: 24px;
  387. float: right;
  388. position: relative;
  389. top: -24px;
  390. margin-bottom: -24px;
  391. }
  392. .flexigrid div.bDiv td div {
  393. border-top: 0px solid #fff;
  394. padding-bottom: 4px;
  395. }
  396. .flexigrid tr td.sorted {
  397. background: #f3f3f3;
  398. border-right: 1px solid #ddd;
  399. border-bottom: 1px solid #f3f3f3;
  400. }
  401. .flexigrid tr td.sorted div {
  402. }
  403. .flexigrid tr.erow td {
  404. background: #f7f7f7;
  405. border-bottom: 1px solid #f7f7f7;
  406. }
  407. .flexigrid tr.erow td.sorted {
  408. background: #e3e3e3;
  409. border-bottom: 1px solid #e3e3e3;
  410. }
  411. .flexigrid tr.erow td.sorted div {
  412. }
  413. .flexigrid div.bDiv tr:hover td,.flexigrid div.bDiv tr:hover td.sorted,.flexigrid div.bDiv tr.trOver td.sorted,.flexigrid div.bDiv tr.trOver td
  414. { /*background: #d9ebf5;*/
  415. color: #fff;
  416. BACKGROUND-COLOR: #aaccee;
  417. text-align: center;
  418. /*height: 24px;*/
  419. border-left: 1px solid #eef8ff;
  420. /*border-bottom: 1px dotted #a8d8eb;*/
  421. }
  422. .flexigrid div.bDiv tr.trSelected:hover td,.flexigrid div.bDiv tr.trSelected:hover td.sorted,.flexigrid div.bDiv tr.trOver.trSelected td.sorted,.flexigrid div.bDiv tr.trOver.trSelected td,.flexigrid tr.trSelected td.sorted,.flexigrid tr.trSelected td
  423. {
  424. /*background: #d5effc url(images/hl.png) repeat-x top;*/
  425. /*选中添加背景色 */
  426. background:#d5effc;
  427. border-right: 1px solid #d2e3ec;
  428. border-left: 1px solid #eef8ff;
  429. border-bottom: 1px solid #a8d8eb;
  430. }
  431. /* novstripe adjustments */
  432. .flexigrid.novstripe .bDiv table {
  433. border-bottom: 1px solid #ccc;
  434. border-right: 1px solid #ccc;
  435. }
  436. .flexigrid.novstripe div.bDiv td {
  437. border-right-color: #fff;
  438. }
  439. .flexigrid.novstripe div.bDiv tr.erow td.sorted {
  440. border-right-color: #e3e3e3;
  441. }
  442. .flexigrid.novstripe div.bDiv tr td.sorted {
  443. border-right-color: #f3f3f3;
  444. }
  445. .flexigrid.novstripe div.bDiv tr.erow td {
  446. border-right-color: #f7f7f7;
  447. border-left-color: #f7f7f7;
  448. }
  449. .flexigrid.novstripe div.bDiv tr.trSelected:hover td,.flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted,.flexigrid.novstripe div.bDiv tr.trOver.trSelected td,.flexigrid.novstripe tr.trSelected td.sorted,.flexigrid.novstripe tr.trSelected td
  450. {
  451. border-right: 1px solid #0066FF;
  452. border-left: 1px solid #0066FF;
  453. }
  454. .flexigrid.novstripe div.bDiv tr.trOver td,.flexigrid.novstripe div.bDiv tr:hover td
  455. {
  456. border-left-color: #d9ebf5;
  457. border-right-color: #d9ebf5;
  458. }
  459. /* end novstripe */
  460. .flexigrid div.pDiv {
  461. /*background: url(images/wbg.gif) repeat-x 0 -1px;*/
  462. background:#eee;
  463. border: 1px solid #ccc;
  464. border-top: 0px;
  465. overflow: hidden;
  466. white-space: nowrap;
  467. position: relative;
  468. }
  469. .flexigrid div.pDiv div.pDiv2 {
  470. margin: 3px;
  471. margin-left: -2px;
  472. float: right;
  473. }
  474. .flexigrid div.pDiv3 {
  475. margin: 3px;
  476. margin-left: -2px;
  477. float: left;
  478. }
  479. div.pGroup {
  480. float: left;
  481. background: none;
  482. height: 24px;
  483. margin: 0px 1px;
  484. }
  485. .flexigrid div.pDiv .pPageStat,.flexigrid div.pDiv .pcontrol {
  486. position: relative;
  487. top: 5px;
  488. overflow: visible;
  489. }
  490. .flexigrid div.pDiv input {
  491. vertical-align: text-top;
  492. position: relative;
  493. top: -5px;
  494. }
  495. .flexigrid div.pDiv div.pButton {
  496. float: left;
  497. width: 22px;
  498. height: 22px;
  499. border: 0px;
  500. cursor: pointer;
  501. overflow: hidden;
  502. }
  503. .flexigrid div.pDiv div.pButton:hover,.flexigrid div.pDiv div.pButton.pBtnOver
  504. {
  505. width: 20px;
  506. height: 20px;
  507. border: 1px solid #ccc;
  508. cursor: pointer;
  509. }
  510. .flexigrid div.pDiv div.pButton span {
  511. width: 20px;
  512. height: 20px;
  513. display: block;
  514. float: left;
  515. }
  516. .flexigrid div.pDiv div.pButton:hover span,.flexigrid div.pDiv div.pButton.pBtnOver span
  517. {
  518. width: 19px;
  519. height: 19px;
  520. border-top: 1px solid #fff;
  521. border-left: 1px solid #fff;
  522. }
  523. .flexigrid .pSearch {
  524. background: url(images/magnifier.png) no-repeat center;
  525. }
  526. .flexigrid .pFirst {
  527. background: url(images/ffirst.gif) no-repeat center;
  528. }
  529. .flexigrid .pPrev {
  530. /*background: url(images/prev.gif) no-repeat center;*/
  531. background: url(images/fprev.gif) no-repeat center;
  532. }
  533. .flexigrid .pNext {
  534. /*background: url(images/next.gif) no-repeat center;*/
  535. background: url(images/fnext.gif) no-repeat center;
  536. }
  537. .flexigrid .pNoNext {
  538. /*background: url(images/next.gif) no-repeat center;*/
  539. background: url(images/fNoNext.gif) no-repeat center;
  540. }
  541. .flexigrid .pLast {
  542. background: url(images/flast.gif) no-repeat center;
  543. }
  544. .flexigrid .pReload {
  545. background: url(images/load.png) no-repeat center;
  546. }
  547. .flexigrid .pReload.loading {
  548. background: url(images/load.gif) no-repeat center;
  549. }
  550. /* ie adjustments */
  551. .flexigrid.ie div.hDiv th div,.flexigrid.ie div.bDiv td div,div.colCopy.ie div
  552. /* common inner cell properties*/ {
  553. overflow: hidden;
  554. }