kinggrid.plus.mobile.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. .kg-ui-dialog .ui-dialog-body {
  2. padding: 10px;
  3. padding-bottom: 0px;
  4. }
  5. .kg-ui-dialog .ui-dialog-button {
  6. float: none;
  7. text-align: center;
  8. white-space: nowrap;
  9. }
  10. .kg-ui-dialog .ui-dialog-footer button {
  11. letter-spacing: 5px;
  12. text-indent: 5px;
  13. text-algn: center;
  14. }
  15. .kg-ui-dialog .ui-dialog-footer button.ui-dialog-autofocus {
  16. background-color: #C62929;
  17. border-color: #ca2121;
  18. }
  19. .kg-ui-dialog .ui-dialog-footer button.ui-dialog-autofocus:hover, .ui-dialog-footer button.ui-dialog-autofocus:focus,
  20. .ui-dialog-footer button.ui-dialog-autofocus:active {
  21. color: #ffffff;
  22. background-color: #C62929;
  23. border-color: #d00a0a;
  24. }
  25. .kg-group input.kg-control {
  26. line-height: 1.2em;
  27. }
  28. .kg-ui-dialog .ui-dialog-button {
  29. float: none;
  30. display: block;
  31. }
  32. .kg-ui-dialog .ui-dialog-button button {
  33. width: 100%;
  34. display: block;
  35. margin-top: 10px;
  36. padding-top: 1em;
  37. padding-bottom: 1em;
  38. }
  39. .kg-button {
  40. width: 100%;
  41. display: block;
  42. margin-top: 10px;
  43. padding-top: 1em;
  44. padding-bottom: 1em;
  45. letter-spacing: 5px;
  46. text-indent: 5px;
  47. }
  48. .kg-ui-dialog .ui-dialog-footer button+button {
  49. margin-left: 0px;
  50. }
  51. .kg-runSignature .kg-group {
  52. padding-top: 15px;
  53. }
  54. .kg-dialog-info .kg-tab-content {
  55. height: auto;
  56. }
  57. @media screen and (max-width:700px) {
  58. .kg-dialog-info {
  59. width: 100%;
  60. width: calc(100vw - 40px);
  61. }
  62. .kg-dialog-info .kg-meta {
  63. width: 100%;
  64. font-size: calc(14px + 4 * ( 100vw - 600px) / 400);
  65. }
  66. .kg-dialog-info .kg-content {
  67. padding: 0px;
  68. }
  69. .kg-dialog-info .kg-meta {
  70. padding: 0px;
  71. margin: 0px;
  72. }
  73. .kg-dialog-info .kg-meta .kg-item {
  74. padding: 2px 5px;
  75. position: relative;
  76. }
  77. .kg-dialog-info .kg-meta .kg-item .kg-label {
  78. position: absolute;
  79. top: 4px;
  80. top: calc(4px + 4 * ( 100vw - 700px) / 400);
  81. left: 0px;
  82. width: 70px;
  83. width: calc((14px + 4 * ( 100vw - 600px) / 400 ) * 6)
  84. }
  85. .kg-dialog-info .kg-meta .kg-item .kg-value {
  86. width: auto;
  87. position: static;
  88. margin-left: 70px;
  89. margin-left: calc((14px + 4 * ( 100vw - 600px) / 400 ) * 6);
  90. }
  91. .kg-dialog-info .kg-item.kg-nosign .kg-label {
  92. display: none;
  93. position: static;
  94. }
  95. .kg-dialog-info .kg-item.kg-nosign {
  96. text-align: center;
  97. margin: 0 auto;
  98. padding: 0px;
  99. position: static;
  100. }
  101. .kg-dialog-info .kg-item.kg-nosign .kg-value {
  102. border-bottom: 0px;
  103. text-align: center;
  104. width: 100%;
  105. margin: 0 auto;
  106. padding: 0px;
  107. }
  108. }
  109. @media screen and (max-width:360px) {
  110. .kg-dialog {
  111. width: auto;
  112. }
  113. .kg-dialog-password {
  114. width: 296px;
  115. width: calc(100vw - 40px);
  116. padding: 0px;
  117. }
  118. }
  119. @media screen and (max-width:320px) {
  120. .kg-dialog-info .kg-meta .kg-item {
  121. position: static;
  122. }
  123. .kg-dialog-info .kg-meta .kg-item .kg-value{
  124. margin-left: 0px;
  125. }
  126. .kg-dialog-info .kg-meta .kg-item .kg-label {
  127. position: static;
  128. display:none;
  129. }
  130. }