ui.jqgrid.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784
  1. .ui-jqgrid {
  2. position: relative
  3. }
  4. .ui-jqgrid .ui-jqgrid-view {
  5. position: relative;
  6. left: 0;
  7. top: 0;
  8. padding: .0em;
  9. font-size: 11px
  10. }
  11. .ui-jqgrid .ui-jqgrid-titlebar {
  12. padding: .3em .2em .2em .3em;
  13. position: relative;
  14. border-left: 0 none;
  15. border-right: 0 none;
  16. border-top: 0 none
  17. }
  18. .ui-jqgrid .ui-jqgrid-title {
  19. float: left;
  20. margin: .1em 0 .2em
  21. }
  22. .ui-jqgrid .ui-jqgrid-titlebar-close {
  23. position: absolute;
  24. top: 50%;
  25. width: 19px;
  26. margin: -10px 0 0 0;
  27. padding: 1px;
  28. height: 18px
  29. }
  30. .ui-jqgrid .ui-jqgrid-titlebar-close span {
  31. display: block;
  32. margin: 1px
  33. }
  34. .ui-jqgrid .ui-jqgrid-titlebar-close:hover {
  35. padding: 0
  36. }
  37. .ui-jqgrid .ui-jqgrid-hdiv {
  38. position: relative;
  39. margin: 0;
  40. padding: 0;
  41. overflow-x: hidden;
  42. border-left: 0 none !important;
  43. border-top: 0 none !important;
  44. border-right: 0 none !important
  45. }
  46. .ui-jqgrid .ui-jqgrid-hbox {
  47. float: left;
  48. padding-right: 20px
  49. }
  50. .ui-jqgrid .ui-jqgrid-htable {
  51. table-layout: fixed;
  52. margin: 0
  53. }
  54. .ui-jqgrid .ui-jqgrid-htable th {
  55. height: 22px;
  56. padding: 0 2px 0 2px
  57. }
  58. .ui-jqgrid .ui-jqgrid-htable th div {
  59. overflow: hidden;
  60. position: relative;
  61. height: 17px
  62. }
  63. .ui-th-column,.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
  64. overflow: hidden;
  65. white-space: nowrap;
  66. text-align: center;
  67. border-top: 0 none;
  68. border-bottom: 0 none
  69. }
  70. .ui-th-ltr,.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
  71. border-left: 0 none
  72. }
  73. .ui-th-rtl,.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {
  74. border-right: 0 none
  75. }
  76. .ui-first-th-ltr {
  77. border-right: 1px solid
  78. }
  79. .ui-first-th-rtl {
  80. border-left: 1px solid
  81. }
  82. .ui-jqgrid .ui-th-div-ie {
  83. white-space: nowrap;
  84. zoom: 1;
  85. height: 17px
  86. }
  87. .ui-jqgrid .ui-jqgrid-resize {
  88. height: 20px !important;
  89. position: relative;
  90. cursor: e-resize;
  91. display: inline;
  92. overflow: hidden
  93. }
  94. .ui-jqgrid .ui-grid-ico-sort {
  95. overflow: hidden;
  96. position: absolute;
  97. display: inline;
  98. cursor: pointer !important
  99. }
  100. .ui-jqgrid .ui-icon-asc {
  101. margin-top: -3px;
  102. height: 12px
  103. }
  104. .ui-jqgrid .ui-icon-desc {
  105. margin-top: 3px;
  106. height: 12px
  107. }
  108. .ui-jqgrid .ui-i-asc {
  109. margin-top: 0;
  110. height: 16px
  111. }
  112. .ui-jqgrid .ui-i-desc {
  113. margin-top: 0;
  114. margin-left: 13px;
  115. height: 16px
  116. }
  117. .ui-jqgrid .ui-jqgrid-sortable {
  118. cursor: pointer
  119. }
  120. .ui-jqgrid tr.ui-search-toolbar th {
  121. border-top-width: 1px !important;
  122. border-top-color: inherit !important;
  123. border-top-style: ridge !important
  124. }
  125. tr.ui-search-toolbar input {
  126. margin: 1px 0 0 0
  127. }
  128. tr.ui-search-toolbar select {
  129. margin: 1px 0 0 0
  130. }
  131. .ui-jqgrid .ui-jqgrid-bdiv {
  132. position: relative;
  133. margin: 0;
  134. padding: 0;
  135. overflow: auto;
  136. text-align: left
  137. }
  138. .ui-jqgrid .ui-jqgrid-btable {
  139. table-layout: fixed;
  140. margin: 0;
  141. outline-style: none
  142. }
  143. .ui-jqgrid tr.jqgrow {
  144. outline-style: none
  145. }
  146. .ui-jqgrid tr.jqgroup {
  147. outline-style: none
  148. }
  149. .ui-jqgrid tr.jqgrow td {
  150. font-weight: normal;
  151. overflow: hidden;
  152. white-space: pre;
  153. height: 22px;
  154. padding: 0 2px 0 2px;
  155. border-bottom-width: 1px;
  156. border-bottom-color: inherit;
  157. border-bottom-style: solid
  158. }
  159. .ui-jqgrid tr.jqgfirstrow td {
  160. padding: 0 2px 0 2px;
  161. border-right-width: 1px;
  162. border-right-style: solid
  163. }
  164. .ui-jqgrid tr.jqgroup td {
  165. font-weight: normal;
  166. overflow: hidden;
  167. white-space: pre;
  168. height: 22px;
  169. padding: 0 2px 0 2px;
  170. border-bottom-width: 1px;
  171. border-bottom-color: inherit;
  172. border-bottom-style: solid
  173. }
  174. .ui-jqgrid tr.jqfoot td {
  175. font-weight: bold;
  176. overflow: hidden;
  177. white-space: pre;
  178. height: 22px;
  179. padding: 0 2px 0 2px;
  180. border-bottom-width: 1px;
  181. border-bottom-color: inherit;
  182. border-bottom-style: solid
  183. }
  184. .ui-jqgrid tr.ui-row-ltr td {
  185. text-align: left;
  186. border-right-width: 1px;
  187. border-right-color: inherit;
  188. border-right-style: solid
  189. }
  190. .ui-jqgrid tr.ui-row-rtl td {
  191. text-align: right;
  192. border-left-width: 1px;
  193. border-left-color: inherit;
  194. border-left-style: solid
  195. }
  196. .ui-jqgrid td.jqgrid-rownum {
  197. padding: 0 2px 0 2px;
  198. margin: 0;
  199. border: 0 none
  200. }
  201. .ui-jqgrid .ui-jqgrid-resize-mark {
  202. width: 2px;
  203. left: 0;
  204. background-color: #777;
  205. cursor: e-resize;
  206. cursor: col-resize;
  207. position: absolute;
  208. top: 0;
  209. height: 100px;
  210. overflow: hidden;
  211. display: none;
  212. border: 0 none;
  213. z-index: 99999
  214. }
  215. .ui-jqgrid .ui-jqgrid-sdiv {
  216. position: relative;
  217. margin: 0;
  218. padding: 0;
  219. overflow: hidden;
  220. border-left: 0 none !important;
  221. border-top: 0 none !important;
  222. border-right: 0 none !important
  223. }
  224. .ui-jqgrid .ui-jqgrid-ftable {
  225. table-layout: fixed;
  226. margin-bottom: 0
  227. }
  228. .ui-jqgrid tr.footrow td {
  229. font-weight: bold;
  230. overflow: hidden;
  231. white-space: nowrap;
  232. height: 21px;
  233. padding: 0 2px 0 2px;
  234. border-top-width: 1px;
  235. border-top-color: inherit;
  236. border-top-style: solid
  237. }
  238. .ui-jqgrid tr.footrow-ltr td {
  239. text-align: left;
  240. border-right-width: 1px;
  241. border-right-color: inherit;
  242. border-right-style: solid
  243. }
  244. .ui-jqgrid tr.footrow-rtl td {
  245. text-align: right;
  246. border-left-width: 1px;
  247. border-left-color: inherit;
  248. border-left-style: solid
  249. }
  250. .ui-jqgrid .ui-jqgrid-pager {
  251. border-left: 0 none !important;
  252. border-right: 0 none !important;
  253. border-bottom: 0 none !important;
  254. margin: 0 !important;
  255. padding: 0 !important;
  256. position: relative;
  257. height: 25px;
  258. white-space: nowrap;
  259. overflow: hidden;
  260. font-size: 11px
  261. }
  262. .ui-jqgrid .ui-pager-control {
  263. position: relative
  264. }
  265. .ui-jqgrid .ui-pg-table {
  266. position: relative;
  267. padding-bottom: 2px;
  268. width: auto;
  269. margin: 0
  270. }
  271. .ui-jqgrid .ui-pg-table td {
  272. font-weight: normal;
  273. vertical-align: middle;
  274. padding: 1px
  275. }
  276. .ui-jqgrid .ui-pg-button {
  277. height: 19px !important
  278. }
  279. .ui-jqgrid .ui-pg-button span {
  280. display: block;
  281. margin: 1px;
  282. float: left
  283. }
  284. .ui-jqgrid .ui-pg-button:hover {
  285. padding: 0
  286. }
  287. .ui-jqgrid .ui-state-disabled:hover {
  288. padding: 1px
  289. }
  290. .ui-jqgrid .ui-pg-input {
  291. height: 13px;
  292. font-size: .8em;
  293. margin: 0
  294. }
  295. .ui-jqgrid .ui-pg-selbox {
  296. font-size: .8em;
  297. line-height: 18px;
  298. display: block;
  299. height: 18px;
  300. margin: 0
  301. }
  302. .ui-jqgrid .ui-separator {
  303. height: 18px;
  304. border-left: 1px solid #ccc;
  305. border-right: 1px solid #ccc;
  306. margin: 1px;
  307. float: right
  308. }
  309. .ui-jqgrid .ui-paging-info {
  310. font-weight: normal;
  311. height: 19px;
  312. margin-top: 3px;
  313. margin-right: 4px
  314. }
  315. .ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
  316. padding: 1px 0;
  317. float: left;
  318. position: relative
  319. }
  320. .ui-jqgrid .ui-jqgrid-pager .ui-pg-button {
  321. cursor: pointer
  322. }
  323. .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
  324. float: left;
  325. margin: 0 2px
  326. }
  327. .ui-jqgrid td input,.ui-jqgrid td select .ui-jqgrid td textarea {
  328. margin: 0
  329. }
  330. .ui-jqgrid td textarea {
  331. width: auto;
  332. height: auto
  333. }
  334. .ui-jqgrid .ui-jqgrid-toppager {
  335. border-left: 0 none !important;
  336. border-right: 0 none !important;
  337. border-top: 0 none !important;
  338. margin: 0 !important;
  339. padding: 0 !important;
  340. position: relative;
  341. height: 25px !important;
  342. white-space: nowrap;
  343. overflow: hidden
  344. }
  345. .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {
  346. padding: 1px 0;
  347. float: left;
  348. position: relative
  349. }
  350. .ui-jqgrid .ui-jqgrid-toppager .ui-pg-button {
  351. cursor: pointer
  352. }
  353. .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {
  354. float: left;
  355. margin: 0 2px
  356. }
  357. .ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {
  358. display: block
  359. }
  360. .ui-jqgrid .ui-subgrid {
  361. margin: 0;
  362. padding: 0;
  363. width: 100%
  364. }
  365. .ui-jqgrid .ui-subgrid table {
  366. table-layout: fixed
  367. }
  368. .ui-jqgrid .ui-subgrid tr.ui-subtblcell td {
  369. height: 18px;
  370. border-right-width: 1px;
  371. border-right-color: inherit;
  372. border-right-style: solid;
  373. border-bottom-width: 1px;
  374. border-bottom-color: inherit;
  375. border-bottom-style: solid
  376. }
  377. .ui-jqgrid .ui-subgrid td.subgrid-data {
  378. border-top: 0 none !important
  379. }
  380. .ui-jqgrid .ui-subgrid td.subgrid-cell {
  381. border-width: 0 0 1px 0
  382. }
  383. .ui-jqgrid .ui-th-subgrid {
  384. height: 20px
  385. }
  386. .ui-jqgrid .loading {
  387. position: absolute;
  388. top: 45%;
  389. left: 45%;
  390. width: auto;
  391. z-index: 101;
  392. padding: 6px;
  393. margin: 5px;
  394. text-align: center;
  395. font-weight: bold;
  396. display: none;
  397. border-width: 2px !important;
  398. font-size: 11px
  399. }
  400. .ui-jqgrid .jqgrid-overlay {
  401. display: none;
  402. z-index: 100
  403. }
  404. * html .jqgrid-overlay {
  405. width: expression(this.parentNode.offsetWidth + 'px');
  406. height: expression(this.parentNode.offsetHeight + 'px')
  407. }
  408. * .jqgrid-overlay iframe {
  409. position: absolute;
  410. top: 0;
  411. left: 0;
  412. z-index: -1;
  413. width: expression(this.parentNode.offsetWidth + 'px');
  414. height: expression(this.parentNode.offsetHeight + 'px')
  415. }
  416. .ui-jqgrid .ui-userdata {
  417. border-left: 0 none;
  418. border-right: 0 none;
  419. height: 21px;
  420. overflow: hidden
  421. }
  422. .ui-jqdialog {
  423. display: none;
  424. width: 300px;
  425. position: absolute;
  426. padding: .2em;
  427. font-size: 11px;
  428. overflow: visible
  429. }
  430. .ui-jqdialog .ui-jqdialog-titlebar {
  431. padding: .3em .2em;
  432. position: relative
  433. }
  434. .ui-jqdialog .ui-jqdialog-title {
  435. margin: .1em 0 .2em
  436. }
  437. .ui-jqdialog .ui-jqdialog-titlebar-close {
  438. position: absolute;
  439. top: 50%;
  440. width: 19px;
  441. margin: -10px 0 0 0;
  442. padding: 1px;
  443. height: 18px
  444. }
  445. .ui-jqdialog .ui-jqdialog-titlebar-close span {
  446. display: block;
  447. margin: 1px
  448. }
  449. .ui-jqdialog .ui-jqdialog-titlebar-close:hover,.ui-jqdialog .ui-jqdialog-titlebar-close:focus
  450. {
  451. padding: 0
  452. }
  453. .ui-jqdialog-content,.ui-jqdialog .ui-jqdialog-content {
  454. border: 0;
  455. padding: .3em .2em;
  456. background: 0;
  457. height: auto
  458. }
  459. .ui-jqdialog .ui-jqconfirm {
  460. padding: .4em 1em;
  461. border-width: 3px;
  462. position: absolute;
  463. bottom: 10px;
  464. right: 10px;
  465. overflow: visible;
  466. display: none;
  467. height: 80px;
  468. width: 220px;
  469. text-align: center
  470. }
  471. .ui-jqdialog-content .FormGrid {
  472. margin: 0
  473. }
  474. .ui-jqdialog-content .EditTable {
  475. width: 100%;
  476. margin-bottom: 0
  477. }
  478. .ui-jqdialog-content .DelTable {
  479. width: 100%;
  480. margin-bottom: 0
  481. }
  482. .EditTable td input,.EditTable td select,.EditTable td textarea {
  483. margin: 0
  484. }
  485. .EditTable td textarea {
  486. width: auto;
  487. height: auto
  488. }
  489. .ui-jqdialog-content td.EditButton {
  490. text-align: right;
  491. border-top: 0 none;
  492. border-left: 0 none;
  493. border-right: 0 none;
  494. padding-bottom: 5px;
  495. padding-top: 5px
  496. }
  497. .ui-jqdialog-content td.navButton {
  498. text-align: center;
  499. border-left: 0 none;
  500. border-top: 0 none;
  501. border-right: 0 none;
  502. padding-bottom: 5px;
  503. padding-top: 5px
  504. }
  505. .ui-jqdialog-content input.FormElement {
  506. padding: .3em
  507. }
  508. .ui-jqdialog-content .data-line {
  509. padding-top: .1em;
  510. border: 0 none
  511. }
  512. .ui-jqdialog-content .CaptionTD {
  513. vertical-align: middle;
  514. border: 0 none;
  515. padding: 2px;
  516. white-space: nowrap
  517. }
  518. .ui-jqdialog-content .DataTD {
  519. padding: 2px;
  520. border: 0 none;
  521. vertical-align: top
  522. }
  523. .ui-jqdialog-content .form-view-data {
  524. white-space: pre
  525. }
  526. .fm-button {
  527. display: inline-block;
  528. margin: 0 4px 0 0;
  529. padding: .4em .5em;
  530. text-decoration: none !important;
  531. cursor: pointer;
  532. position: relative;
  533. text-align: center;
  534. zoom: 1
  535. }
  536. .fm-button-icon-left {
  537. padding-left: 1.9em
  538. }
  539. .fm-button-icon-right {
  540. padding-right: 1.9em
  541. }
  542. .fm-button-icon-left .ui-icon {
  543. right: auto;
  544. left: .2em;
  545. margin-left: 0;
  546. position: absolute;
  547. top: 50%;
  548. margin-top: -8px
  549. }
  550. .fm-button-icon-right .ui-icon {
  551. left: auto;
  552. right: .2em;
  553. margin-left: 0;
  554. position: absolute;
  555. top: 50%;
  556. margin-top: -8px
  557. }
  558. #nData,#pData {
  559. float: left;
  560. margin: 3px;
  561. padding: 0;
  562. width: 15px
  563. }
  564. .ui-jqgrid .selected-row,div.ui-jqgrid .selected-row td {
  565. font-style: normal;
  566. border-left: 0 none
  567. }
  568. .ui-inline-del.ui-state-hover span,.ui-inline-edit.ui-state-hover span,.ui-inline-save.ui-state-hover span,.ui-inline-cancel.ui-state-hover span
  569. {
  570. margin: -1px
  571. }
  572. .ui-jqgrid .tree-wrap {
  573. float: left;
  574. position: relative;
  575. height: 18px;
  576. white-space: nowrap;
  577. overflow: hidden
  578. }
  579. .ui-jqgrid .tree-minus {
  580. position: absolute;
  581. height: 18px;
  582. width: 18px;
  583. overflow: hidden
  584. }
  585. .ui-jqgrid .tree-plus {
  586. position: absolute;
  587. height: 18px;
  588. width: 18px;
  589. overflow: hidden
  590. }
  591. .ui-jqgrid .tree-leaf {
  592. position: absolute;
  593. height: 18px;
  594. width: 18px;
  595. overflow: hidden
  596. }
  597. .ui-jqgrid .treeclick {
  598. cursor: pointer
  599. }
  600. * iframe.jqm {
  601. position: absolute;
  602. top: 0;
  603. left: 0;
  604. z-index: -1;
  605. width: expression(this.parentNode.offsetWidth + 'px');
  606. height: expression(this.parentNode.offsetHeight + 'px')
  607. }
  608. .ui-jqgrid-dnd tr td {
  609. border-right-width: 1px;
  610. border-right-color: inherit;
  611. border-right-style: solid;
  612. height: 20px
  613. }
  614. .ui-jqgrid .ui-jqgrid-title-rtl {
  615. float: right;
  616. margin: .1em 0 .2em
  617. }
  618. .ui-jqgrid .ui-jqgrid-hbox-rtl {
  619. float: right;
  620. padding-left: 20px
  621. }
  622. .ui-jqgrid .ui-jqgrid-resize-ltr {
  623. float: right;
  624. margin: -2px -2px -2px 0
  625. }
  626. .ui-jqgrid .ui-jqgrid-resize-rtl {
  627. float: left;
  628. margin: -2px 0 -1px -3px
  629. }
  630. .ui-jqgrid .ui-sort-rtl {
  631. left: 0
  632. }
  633. .ui-jqgrid .tree-wrap-ltr {
  634. float: left
  635. }
  636. .ui-jqgrid .tree-wrap-rtl {
  637. float: right
  638. }
  639. .ui-jqgrid .ui-ellipsis {
  640. text-overflow: ellipsis
  641. }
  642. .ui-search-menu {
  643. padding: 2px 5px;
  644. position: absolute;
  645. }
  646. .ui-jqgrid .ui-search-table {
  647. border: 0 none;
  648. height: 20px;
  649. padding: 0;
  650. width: 100%;
  651. }
  652. .ui-jqgrid .ui-search-table .ui-search-oper {
  653. width: 20px;
  654. }
  655. a.g-menu-item, a.soptclass, a.clearsearchclass {
  656. cursor: pointer;
  657. }
  658. .ui-jqgrid .ui-search-table .ui-search-input > input, .ui-jqgrid .ui-search-table .ui-search-input > select {
  659. -moz-box-sizing: border-box;
  660. display: block;
  661. }
  662. .ui-jqgrid .ui-jqgrid-view input, .ui-jqgrid .ui-jqgrid-view select, .ui-jqgrid .ui-jqgrid-view textarea, .ui-jqgrid .ui-jqgrid-view button {
  663. font-size: 11px;
  664. }