暫無描述

setting.css 3.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253
  1. html,
  2. body {
  3. background-color: #efeff4;
  4. font-size: 14px;
  5. }
  6. .mui-views,
  7. .mui-view,
  8. .mui-pages,
  9. .mui-page,
  10. .mui-page-content {
  11. position: absolute;
  12. left: 0;
  13. right: 0;
  14. top: 0;
  15. bottom: 0;
  16. width: 100%;
  17. height: 100%;
  18. background-color: #efeff4;
  19. }
  20. .mui-pages {
  21. top: 46px;
  22. height: auto;
  23. }
  24. .mui-scroll-wrapper,
  25. .mui-scroll {
  26. background-color: #efeff4;
  27. }
  28. .mui-page.mui-transitioning {
  29. -webkit-transition: -webkit-transform 300ms ease;
  30. transition: transform 300ms ease;
  31. }
  32. .mui-page-left {
  33. -webkit-transform: translate3d(0, 0, 0);
  34. transform: translate3d(0, 0, 0);
  35. }
  36. .mui-ios .mui-page-left {
  37. -webkit-transform: translate3d(-20%, 0, 0);
  38. transform: translate3d(-20%, 0, 0);
  39. }
  40. .mui-navbar {
  41. position: fixed;
  42. right: 0;
  43. left: 0;
  44. z-index: 10;
  45. height: 44px;
  46. background-color: #f7f7f8;
  47. }
  48. .mui-navbar .mui-bar {
  49. position: absolute;
  50. background: transparent;
  51. text-align: center;
  52. }
  53. .mui-android .mui-navbar-inner.mui-navbar-left {
  54. opacity: 0;
  55. }
  56. .mui-ios .mui-navbar-left .mui-left,
  57. .mui-ios .mui-navbar-left .mui-center,
  58. .mui-ios .mui-navbar-left .mui-right {
  59. opacity: 0;
  60. }
  61. .mui-navbar .mui-btn-nav {
  62. -webkit-transition: none;
  63. transition: none;
  64. -webkit-transition-duration: .0s;
  65. transition-duration: .0s;
  66. }
  67. .mui-navbar .mui-bar .mui-title {
  68. display: inline-block;
  69. width: auto;
  70. }
  71. .mui-page-shadow {
  72. position: absolute;
  73. right: 100%;
  74. top: 0;
  75. width: 16px;
  76. height: 100%;
  77. z-index: -1;
  78. content: '';
  79. }
  80. .mui-page-shadow {
  81. background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
  82. background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
  83. }
  84. .mui-navbar-inner.mui-transitioning,
  85. .mui-navbar-inner .mui-transitioning {
  86. -webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
  87. transition: opacity 300ms ease, transform 300ms ease;
  88. }
  89. .mui-page {
  90. display: none;
  91. }
  92. .mui-pages .mui-page {
  93. display: block;
  94. }
  95. .mui-page .mui-table-view:first-child {
  96. margin-top: 15px;
  97. }
  98. .mui-page .mui-table-view:last-child {
  99. margin-bottom: 30px;
  100. }
  101. .mui-table-view {
  102. margin-top: 20px;
  103. }
  104. .mui-table-view span.mui-pull-right {
  105. color: #999;
  106. }
  107. .mui-table-view-divider {
  108. background-color: #efeff4;
  109. font-size: 14px;
  110. }
  111. .mui-table-view-divider:before,
  112. .mui-table-view-divider:after {
  113. height: 0;
  114. }
  115. .head {
  116. height: 40px;
  117. }
  118. #head {
  119. line-height: 40px;
  120. }
  121. .head-img {
  122. width: 40px;
  123. height: 40px;
  124. }
  125. #head-img1 {
  126. position: absolute;
  127. bottom: 10px;
  128. right: 40px;
  129. width: 40px;
  130. height: 40px;
  131. }
  132. .update {
  133. font-style: normal;
  134. color: #999999;
  135. margin-right: -25px;
  136. font-size: 15px
  137. }
  138. .mui-fullscreen {
  139. position: fixed;
  140. z-index: 20;
  141. background-color: #000;
  142. }
  143. .mui-ios .mui-navbar .mui-bar .mui-title {
  144. position: static;
  145. }
  146. /*问题反馈在setting页面单独的css*/
  147. #feedback .mui-popover {
  148. position: fixed;
  149. }
  150. #feedback .mui-table-view:last-child {
  151. margin-bottom: 0px;
  152. }
  153. #feedback .mui-table-view:first-child {
  154. margin-top: 0px;
  155. }
  156. /*问题反馈在setting页面单独的css==end*/
  157. .mui-bar-nav {
  158. background-color: #00a1cb!important;
  159. }
  160. p {
  161. font-size: 16px;
  162. color: #000;
  163. padding: 10px;
  164. margin-bottom: 0px;
  165. }
  166. .Img-box {
  167. line-height: 15px;
  168. }
  169. .Img {
  170. width: 17px;
  171. height: 19px;
  172. vertical-align: sub;
  173. margin-right: 5px;
  174. }
  175. /*新增*/
  176. .mui-media-body{
  177. position: relative;
  178. height: 100px;
  179. }
  180. .setting_bj{
  181. width: 100%;
  182. height: 130px;
  183. background: url(../img/setting_banner.png) no-repeat center top;
  184. background-size: 100%;
  185. margin-top: -1px !important;
  186. }
  187. .top_left{
  188. left: 20px;
  189. top: 15px;
  190. position: absolute;
  191. width: 78px;
  192. height: 78px;
  193. }
  194. .top_left img{
  195. width: 100%;
  196. height: 100%;
  197. border-radius: 39px;
  198. }
  199. .top_text{
  200. position: absolute;
  201. left: 105px;
  202. top: 20px;
  203. color: #FFFFFF;
  204. font-size: 17px;
  205. }
  206. .mui-btn-block{
  207. padding: 8px;
  208. width: 90%;
  209. margin: 0 auto;
  210. }