ui.jqgrid.custom.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. .ui-jqgrid {
  2. background:rgba(255,255,255,1);
  3. border-radius:6px;
  4. border:1px solid rgba(218,218,218,1);
  5. }
  6. .ui-jqgrid-labels{
  7. background:rgba(116,187,243,0.23);
  8. border-radius:6px 6px 0px 0px;
  9. height: 42px;
  10. }
  11. .ui-jqgrid tr.jqgrow td, .ui-jqgrid tr.jqgroup td {
  12. height: 32px;
  13. }
  14. .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
  15. border-right: solid 1px;
  16. border-right-color: #dadada;
  17. }
  18. .ui-jqgrid-htable tr th{
  19. text-align: left;
  20. border-right-width: 1px;
  21. border-right-color: #dadada;
  22. }
  23. #jqGrid tr:nth-child(odd){
  24. background:rgba(84,176,199,0.17);
  25. }
  26. #jqGrid tr:nth-child(even){
  27. background:#F1FBFF;
  28. }
  29. .ui-widget-content .ui-state-hover td{
  30. background: #DFF0D8;color:#333333;
  31. }
  32. .ui-widget-content .ui-state-highlight td{
  33. background: #01B5FA;
  34. color: #fffffa;
  35. }
  36. .ui-jqgrid tr.ui-row-ltr td {
  37. text-align: left;
  38. border-right-width: 1px;
  39. border-right-color: #dadada;
  40. }
  41. .ui-jqgrid tr.jqgrow td, .ui-jqgrid tr.jqgroup td {
  42. border-bottom-width: 0px;
  43. border-bottom-color: inherit;
  44. border-bottom-style: solid;
  45. }
  46. .ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
  47. position: relative;
  48. height: 38px;
  49. border-left: 0px;
  50. border-bottom: 0px;
  51. border-top: 0px;
  52. }
  53. .ui-jqgrid-hdiv {
  54. background:rgba(116,187,243,0.28);
  55. box-shadow:0px 1px 4px 0px rgba(0,0,0,0.57);
  56. border-radius:6px 6px 0px 0px;
  57. }
  58. .ui-jqgrid .ui-jqgrid-bdiv {
  59. background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(244,251,255,1) 100%);
  60. }
  61. .jqgrow .ui-row-ltr td{
  62. height:32px;
  63. }
  64. .ui-pg-button{
  65. width:30px;
  66. cursor:pointer;
  67. }
  68. .layui-btn {
  69. display: inline-block;
  70. height: 28px;
  71. line-height: 28px;
  72. }
  73. .layui-form-item {
  74. margin-bottom: 10px;
  75. }
  76. .layui-input, .layui-select, .layui-textarea {
  77. height: 28px;
  78. line-height: 28px;
  79. }
  80. .layui-form-label {
  81. float: left;
  82. display: block;
  83. padding: 6px 5px;
  84. }