init.css 1.9 KB

1234567891011121314151617181920212223242526272829303132333435
  1. @charset "utf-8";
  2. html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,img,table,tr,th,td,form,input,textarea,button{margin:0;padding:0;}
  3. body,input,textarea,button,select{font-family:'Microsoft YaHei',SimSun,Arial,Helvetica,sans-serif;}
  4. body{width:100%;min-height:100%;font-size:14px;color:#4A4F58;background:#F5F5F5;}
  5. .clear{clear:both;}
  6. .clear:after{content:'';display:table;clear:both;}
  7. ::-ms-clear,::-ms-reveal{display:none;}
  8. a{text-decoration:none;color:#4A4F58;}
  9. a:focus{text-decoration:none;outline:none;}
  10. a:hover{color:#E15616;}
  11. img{border:none;vertical-align:middle;}
  12. button{border:none;outline:none;}
  13. input{outline:none;box-shadow:none;}
  14. pre{white-space:pre-wrap;}
  15. li{list-style-position:inside;}
  16. header li,footer li{list-style:none;}
  17. [v-cloak]{display:none;}
  18. table{border-collapse: collapse;}
  19. table,td,th{border: 1px solid #EBECEF;}
  20. /* checkbox */
  21. input[type=checkbox]{width:16px;height:16px;text-align:center;outline:none;cursor:copy;}
  22. input[type=checkbox]:focus{outline:none}
  23. input[type=checkbox]:after{width:100%;height:100%;top:0;content:" ";background-color:#FFF;color:#E15616;display:inline-block;visibility:visible;border:1px solid #b8bfca;border-radius:2px;}
  24. input[type=checkbox]:checked:after{content:"\2713";font-size:12px;background-color:#E15616;color:#FFF}
  25. input[type=checkbox][disabled=disabled]:after{width:100%;height:100%;top:0;content:" ";background-color:#f1f0f5;color:#FFF;display:inline-block;visibility:visible;border-radius:2px;border:1px solid #B8BFCA}
  26. input[type=checkbox][disabled=disabled]{cursor:default;}
  27. /* 定义动画效果 */
  28. @-webkit-keyframes fadeInDown{
  29. from{opacity:0;-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}
  30. to{opacity:1;-webkit-transform:none;transform:none;}
  31. }
  32. @keyframes fadeInDown{
  33. from{opacity:0;-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}
  34. to{opacity:1;-webkit-transform:none;transform:none;}
  35. }