mobile-base.css 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. /* Stretch inputs/textareas to full width and add height to maintain a consistent baseline */
  2. *{
  3. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  4. }
  5. select,
  6. textarea,
  7. input[type="text"],
  8. input[type=search],
  9. input[type="password"],
  10. input[type="datetime"],
  11. input[type="datetime-local"],
  12. input[type="date"],
  13. input[type="month"],
  14. input[type="time"],
  15. input[type="week"],
  16. input[type="number"],
  17. input[type="email"],
  18. input[type="url"],
  19. input[type="tel"],
  20. input[type="color"],
  21. .mod-inputgroup {
  22. width: 100%;
  23. height: 44px;
  24. -webkit-tap-highlight-color:rgba(0,0,0,0);
  25. outline:none;
  26. padding: 10px;
  27. margin-bottom: 10px;
  28. background: #fff;
  29. /*border: 1px solid rgba(0, 0, 0, .2);*/
  30. border:1px solid #D1D1D1;
  31. border-radius: 3px;
  32. /*box-shadow: 0 1px 1px rgba(255, 255, 255, .2), inset 0 1px 1px rgba(0, 0, 0, .1);*/
  33. -webkit-appearance: none;
  34. box-sizing: border-box;
  35. }
  36. a{
  37. text-decoration: none;
  38. }
  39. h1,h2,h3,h4,h5,h6{ font-weight: normal; }
  40. em{font-style: normal;}
  41. ul{ list-style: none; padding: 0px; }
  42. p{padding: 0px; margin: 0px;}
  43. .wrap-box{padding:10px;}
  44. .u-fs1{font-size: 1.5em; font-weight:normal;}
  45. .u-fs2{font-size: 1.25em; font-weight:normal;}
  46. .u-fs3{font-size: 1.125em; font-weight:normal;}
  47. .u-fs4{font-size: 1em; font-weight:normal;}
  48. .u-fs5{font-size: 0.875em; font-weight:normal;}
  49. .body-background-color1{
  50. background-color: #F5F5F5;
  51. }
  52. /* 清除浮动 */
  53. .clearfix:before,
  54. .clearfix:after {content:'';display:table;}
  55. .clearfix:after {clear:both}
  56. .box .box-bd:before,
  57. .box .box-bd:after{content:'';display:table;}
  58. .box .box-bd:after{clear:both}
  59. .box .box-bd{zoom:1;}
  60. .webkit-box{
  61. display: -webkit-box;
  62. display: -moz-box;
  63. display: -o-box;
  64. display: -ms-box;
  65. display: box;
  66. }
  67. .u-arrow{
  68. border-width: 6px 6px 0;
  69. border-color: #fff transparent transparent transparent;
  70. border-style: solid dashed dashed dashed;
  71. }
  72. /*demo应用样式*/
  73. body{font-size: 100%; -webkit-text-size-adjust:100%;}
  74. .demo-desc{font-family: \5fae\8f6f\96c5\9ed1, sans-serif; font-weight:bold; font-size: 20px; padding:10px 0px;}