reset.scss 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
  1. $WinWitdh:1200px;
  2. $BaseC:#555;
  3. $LinkC:#06f;
  4. $HoverC:#f60;
  5. $FontSize:13px;
  6. // mixins
  7. @mixin dz($time:0.25s) {
  8. -webkit-transition: all $time ease-in-out;
  9. -moz-transition: all $time ease-in-out;
  10. -o-transition: all $time ease-in-out;
  11. transition: all $time ease-in-out;
  12. }
  13. // @charset "UTF-8";
  14. body,
  15. ul,
  16. ol,
  17. dl,
  18. dd,
  19. h1,
  20. h2,
  21. h3,
  22. h4,
  23. h5,
  24. h6,
  25. pre,
  26. form,
  27. fieldset,
  28. legend,
  29. input,
  30. button,
  31. textarea,
  32. p,
  33. blockquote,
  34. table,
  35. th,
  36. td,
  37. menu {
  38. margin: 0;
  39. padding: 0
  40. }
  41. html,
  42. body,
  43. #app {
  44. height: 100%;
  45. width: 100%;
  46. }
  47. table {
  48. border-collapse: collapse;
  49. border-spacing: 0;
  50. table-layout: fixed
  51. }
  52. ul,
  53. ol,
  54. menu {
  55. list-style: none
  56. }
  57. fieldset,
  58. img {
  59. border: none
  60. }
  61. img,
  62. object,
  63. select,
  64. input,
  65. textarea,
  66. button {
  67. vertical-align: middle
  68. }
  69. input,
  70. textarea,
  71. select,
  72. address,
  73. caption,
  74. cite,
  75. code,
  76. dfn,
  77. em,
  78. i,
  79. b,
  80. strong,
  81. small,
  82. th,
  83. var,
  84. abbr {
  85. font-size: 100%;
  86. font-style: normal
  87. }
  88. caption,
  89. th {
  90. text-align: left;
  91. }
  92. article,
  93. aside,
  94. footer,
  95. header,
  96. hgroup,
  97. nav,
  98. section,
  99. figure,
  100. figcaption {
  101. display: block;
  102. }
  103. code,
  104. kbd,
  105. pre,
  106. samp,
  107. tt {
  108. font-family: Consolas, "Courier New", Courier, monospace;
  109. }
  110. address,
  111. cite,
  112. dfn,
  113. em,
  114. var,
  115. i {
  116. font-style: normal;
  117. }
  118. blockquote,
  119. q {
  120. quotes: none;
  121. }
  122. blockquote:before,
  123. blockquote:after,
  124. q:before,
  125. q:after {
  126. content: "";
  127. content: none;
  128. }
  129. a {
  130. color: $LinkC;
  131. text-decoration: none;
  132. cursor: pointer;
  133. &:link,
  134. &:visited,
  135. &:active {
  136. color: $LinkC;
  137. }
  138. &:hover,
  139. &:focus {
  140. color: $HoverC;
  141. text-decoration: underline;
  142. outline: none;
  143. }
  144. &,
  145. span,
  146. i,
  147. em,
  148. u,
  149. strong,
  150. b,
  151. p,
  152. img,
  153. ul,
  154. li,
  155. div,
  156. dd,
  157. dt,
  158. dl,
  159. ol,
  160. table,
  161. th,
  162. td,
  163. h1,
  164. h2,
  165. h3,
  166. h4,
  167. h5,
  168. h6,
  169. input,
  170. textarea,
  171. button,
  172. small,
  173. select {
  174. cursor: pointer;
  175. @include dz;
  176. }
  177. }
  178. abbr[title],
  179. acronym[title] {
  180. border-bottom: 1px dotted;
  181. cursor: help;
  182. }
  183. // base by fungleo
  184. html {
  185. min-width: $WinWitdh;
  186. // overflow-y: scroll;
  187. }
  188. body {
  189. font-size: $FontSize;
  190. color: $BaseC;
  191. line-height: 2;
  192. }
  193. body,
  194. button,
  195. input,
  196. select,
  197. textarea {
  198. font-family: tahoma, Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1";
  199. *font-family: "\5FAE\8F6F\96C5\9ED1";
  200. }
  201. h1 {
  202. font-size: $FontSize+10;
  203. }
  204. h2 {
  205. font-size: $FontSize+8;
  206. }
  207. h3 {
  208. font-size: $FontSize+6;
  209. }
  210. h4 {
  211. font-size: $FontSize+4;
  212. }
  213. h5 {
  214. font-size: $FontSize+2;
  215. }
  216. h6 {
  217. font-size: $FontSize;
  218. }
  219. hr {
  220. border: none;
  221. height: 1px;
  222. background: lighten($BaseC, 50%);
  223. }
  224. .fl {
  225. float: left;
  226. }
  227. .fr {
  228. float: right;
  229. }
  230. .tl {
  231. text-align: left;
  232. }
  233. .tr {
  234. text-align: right;
  235. }
  236. .tc {
  237. text-align: center;
  238. }
  239. .cf:before,
  240. .cf:after,
  241. .web:before,
  242. .web:after,
  243. .web_:before,
  244. .web_:after {
  245. content: "";
  246. display: table;
  247. }
  248. .cf:after,
  249. .web:after,
  250. .web_:after {
  251. clear: both;
  252. }
  253. .cf {
  254. zoom: 1;
  255. }
  256. .web {
  257. width: $WinWitdh;
  258. margin-left: auto;
  259. margin-right: auto;
  260. zoom: 1;
  261. }
  262. .web_ {
  263. min-width: $WinWitdh;
  264. width: 100%;
  265. zoom: 1;
  266. }
  267. .block {
  268. display: block;
  269. }
  270. .none {
  271. display: none
  272. }
  273. .clear {
  274. clear: both;
  275. }
  276. .fl {
  277. float: left;
  278. }
  279. .disIne {
  280. display: inline-block;
  281. }