style.css 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. * {
  2. padding: 0;
  3. margin: 0;
  4. }
  5. *, *:before, *:after {
  6. -webkit-box-sizing: border-box;
  7. -moz-box-sizing: border-box;
  8. box-sizing: border-box;
  9. }
  10. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
  11. margin: 0;
  12. padding: 0;
  13. }
  14. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  15. display: block;
  16. }
  17. audio, canvas, video {
  18. display: inline-block;
  19. }
  20. img {
  21. border: none;
  22. vertical-align: middle;
  23. }
  24. ul, ol {
  25. /*list-style: none;*/
  26. }
  27. .clear {
  28. *zoom: 1; /* for IE 6/7 */
  29. }
  30. .clear:before, .clear:after {
  31. height: 0;
  32. content: "";
  33. font-size: 0;
  34. display: table;
  35. line-height: 0; /* for Opera */
  36. visibility: hidden;
  37. }
  38. .clear:after {
  39. clear: both;
  40. }
  41. body {
  42. font-size: 14px;
  43. color: #666;
  44. font-family: "Microsoft YaHei", "微软雅黑", Helvetica, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", Helvetica, Tahoma, "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
  45. background: #fff;
  46. text-align: center;
  47. }
  48. #layout {
  49. text-align: left;
  50. }
  51. #layout > header, .btns {
  52. padding: 15px 0;
  53. width: 90%;
  54. margin: 0 auto;
  55. }
  56. .btns {
  57. padding-top: 0;
  58. }
  59. .btns button {
  60. padding: 2px 8px;
  61. }
  62. #layout > header > h1 {
  63. font-size: 20px;
  64. margin-bottom: 10px;
  65. }
  66. .btns button, .btn {
  67. padding: 8px 10px;
  68. background: #fff;
  69. border: 1px solid #ddd;
  70. -webkit-border-radius: 3px;
  71. border-radius: 3px;
  72. cursor: pointer;
  73. -webkit-transition: background 300ms ease-out;
  74. transition: background 300ms ease-out;
  75. }
  76. .btns button:hover, .btn:hover {
  77. background: #f6f6f6;
  78. }