mobiscroll_numpad.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. .mbsc-np-hdr {
  2. position: relative
  3. }
  4. .mbsc-np-dsp {
  5. direction: ltr;
  6. padding: .5em 1.75em .5em .5em;
  7. text-align: left;
  8. font-size: 2em;
  9. line-height: .8
  10. }
  11. .mbsc-np-sup {
  12. display: inline-block;
  13. font-size: .375em;
  14. vertical-align: top
  15. }
  16. .mbsc-np-del {
  17. position: absolute;
  18. top: 0;
  19. right: 0;
  20. height: 100%;
  21. width: 3.5em;
  22. text-align: center
  23. }
  24. .mbsc-np-del:before {
  25. display: block;
  26. width: 100%;
  27. position: absolute;
  28. top: 50%;
  29. left: 0;
  30. margin-top: -.5em;
  31. font-size: 2em;
  32. line-height: 1
  33. }
  34. .mbsc-np-ph {
  35. display: inline-block;
  36. min-width: .5625em;
  37. text-align: center;
  38. vertical-align: top
  39. }
  40. .mbsc-np-tbl-c {
  41. min-width: 15em
  42. }
  43. .mbsc-fr-bottom .mbsc-np-tbl-c,.mbsc-fr-top .mbsc-np-tbl-c {
  44. display: block
  45. }
  46. .mbsc-np-tbl {
  47. direction: ltr;
  48. display: table;
  49. width: 100%;
  50. font-size: 1.375em
  51. }
  52. .mbsc-np-row {
  53. display: table-row
  54. }
  55. .mbsc-np-btn {
  56. position: relative;
  57. z-index: 0;
  58. width: 33.3333333333%;
  59. display: table-cell;
  60. text-align: center;
  61. vertical-align: middle;
  62. height: 3em;
  63. -webkit-user-select: none
  64. }
  65. .mbsc-np-btn.mbsc-fr-btn-a {
  66. opacity: 1
  67. }
  68. .mbsc-np-time {
  69. text-transform: uppercase
  70. }
  71. .mbsc-np-ts-h,.mbsc-np-ts-m {
  72. font-weight: 700
  73. }
  74. .mbsc-mobiscroll .mbsc-np-del {
  75. color: #4eccc4
  76. }
  77. .mbsc-mobiscroll .mbsc-np-tbl-c {
  78. padding: .5em
  79. }
  80. .mbsc-mobiscroll .mbsc-np-btn.mbsc-fr-btn-d {
  81. opacity: .5
  82. }
  83. .mbsc-android-holo .mbsc-np-hdr {
  84. border-bottom: 1px solid #424542
  85. }
  86. .mbsc-android-holo .mbsc-np-btn.mbsc-fr-btn-d {
  87. opacity: .3
  88. }
  89. .mbsc-bootstrap.mbsc-np .mbsc-fr-w {
  90. font-size: 16px
  91. }
  92. .mbsc-bootstrap.mbsc-np .mbsc-fr-btn-cont {
  93. padding: 4px 2px
  94. }
  95. .mbsc-bootstrap .mbsc-np-del.mbsc-fr-btn-a {
  96. opacity: .5
  97. }
  98. .mbsc-bootstrap .mbsc-np-btn {
  99. border-top-width: 0;
  100. border-right-width: 0;
  101. font-size: inherit;
  102. border-radius: 0
  103. }
  104. .mbsc-bootstrap .mbsc-np-row:first-child .mbsc-np-btn {
  105. border-top-width: 1px
  106. }
  107. .mbsc-bootstrap .mbsc-np-btn:first-child {
  108. border-left-width: 0
  109. }
  110. .mbsc-bootstrap.mbsc-inline .mbsc-np-row:last-child .mbsc-np-btn {
  111. border-bottom-width: 0
  112. }
  113. .mbsc-bootstrap .mbsc-np-row .mbsc-np-btn.mbsc-np-btn-empty {
  114. background: 0 0
  115. }
  116. .mbsc-ios.mbsc-np .mbsc-fr-c {
  117. font-size: 1.333334em
  118. }
  119. .mbsc-ios .mbsc-np-btn {
  120. border-top: 1px solid #ccc;
  121. border-left: 1px solid #ccc;
  122. font-size: 1.363637em;
  123. height: 2.2em
  124. }
  125. .mbsc-ios .mbsc-np-btn:first-child {
  126. border-left: 0
  127. }
  128. .mbsc-ios .mbsc-np-btn-empty,.mbsc-ios .mbsc-np-btn.mbsc-fr-btn-a {
  129. background: #d1d5db
  130. }
  131. .mbsc-ios .mbsc-np-btn.mbsc-fr-btn-d {
  132. color: #ddd
  133. }
  134. .mbsc-ios .mbsc-np-ts-h,.mbsc-ios .mbsc-np-ts-m {
  135. font-weight: 400
  136. }
  137. .mbsc-ios .mbsc-np-del:before {
  138. content: '';
  139. font-size: 1.125em;
  140. background-image: url("../images/backspace.png");
  141. background-size: 30px 30px;
  142. height: 30px;
  143. width: 30px;
  144. background-repeat: no-repeat;
  145. margin-top: -15px;
  146. }
  147. .mbsc-ios .dwbc{
  148. background: #f1f1f1;
  149. border-bottom: 1px solid #e1e1e1;
  150. }
  151. .mob-link{
  152. height: 30px;
  153. line-height:30px;
  154. background-color: #fff;
  155. font-size: 16px;
  156. text-align: center;
  157. }
  158. .mob-link a{text-decoration: underline;}