base.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. /*
  2. html5doctor.com Reset Stylesheet
  3. v1.4.1
  4. 2010-03-01
  5. Author: Richard Clark - http://richclarkdesign.com
  6. */
  7. html, body, div, span, object, iframe,
  8. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  9. abbr, address, cite, code,
  10. del, dfn, em, img, ins, kbd, q, samp,
  11. small, strong, sub, sup, var,
  12. b, i,
  13. dl, dt, dd, ol, ul, li,
  14. fieldset, form, label, legend,
  15. table, caption, tbody, tfoot, thead, tr, th, td,
  16. article, aside, canvas, details, figcaption, figure,
  17. footer, header, hgroup, menu, nav, section, summary,
  18. time, mark, audio, video {
  19. margin:0;
  20. padding:0;
  21. border:0;
  22. outline:0;
  23. font-size:100%;
  24. vertical-align:baseline;
  25. background:transparent;
  26. }
  27. body {
  28. line-height:1.5;
  29. font-size: .24rem;
  30. font-family: 'Microsoft YaHei';
  31. margin: auto;
  32. max-width: 750px;
  33. }
  34. :focus {
  35. outline: 1;
  36. }
  37. article,aside,canvas,details,figcaption,figure,
  38. footer,header,hgroup,menu,nav,section,summary {
  39. display:block;
  40. }
  41. ul {
  42. list-style:none;
  43. }
  44. blockquote, q {
  45. quotes:none;
  46. }
  47. blockquote:before, blockquote:after,
  48. q:before, q:after {
  49. content:'';
  50. content:none;
  51. }
  52. a {
  53. margin:0;
  54. padding:0;
  55. border:0;
  56. font-size:100%;
  57. vertical-align:baseline;
  58. background:transparent;
  59. text-decoration:none;
  60. color: #000;
  61. }
  62. ins {
  63. background-color:#ff9;
  64. color:#000;
  65. text-decoration:none;
  66. }
  67. mark {
  68. background-color:#ff9;
  69. color:#000;
  70. font-style:italic;
  71. font-weight:bold;
  72. }
  73. del {
  74. text-decoration: line-through;
  75. }
  76. abbr[title], dfn[title] {
  77. border-bottom:1px dotted #000;
  78. cursor:help;
  79. }
  80. table {
  81. border-collapse:collapse;
  82. border-spacing:0;
  83. }
  84. hr {
  85. display:block;
  86. height:1px;
  87. border:0;
  88. border-top:1px solid #cccccc;
  89. margin:0;
  90. padding:0;
  91. }
  92. input, select {
  93. vertical-align:middle;
  94. padding: 0;
  95. margin: 0;
  96. }
  97. input[type="button"], input[type="submit"], input[type="reset"] {
  98. -webkit-appearance: none;
  99. }
  100. .d-none{
  101. display: none;
  102. }
  103. .single-line {
  104. overflow: hidden;
  105. text-overflow: ellipsis;
  106. white-space: nowrap;
  107. line-height: 1.5em;
  108. }
  109. .section-title{
  110. font-size: .28rem;
  111. color: #32a1ff;
  112. position: relative;
  113. }
  114. .section-title:before {
  115. content: "";
  116. display: inline-block;
  117. width: .2em;
  118. height: 1em;
  119. border-radius: .1em;
  120. vertical-align: -.1em;
  121. margin-right: .4em;
  122. background-color: #32a1ff;
  123. }
  124. .l{
  125. float: left;
  126. }