reset.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;font-size: 100%;}
  2. body,button, input, select, textarea{font-size: 14px;line-height: 1.5;font-family: Arial, 'Microsoft Yahei';}
  3. h1, h2, h3, h4, h5, h6{font-weight: normal;}
  4. em{font-style:normal;}
  5. ul, ol{list-style: none;}
  6. input[type="text"],
  7. input[type="password"],
  8. button{background: none;border: none;outline: none;-webkit-appearance: none;}
  9. textarea{resize: none;}
  10. a{text-decoration: none;color:#333;}
  11. a:hover{text-decoration: none;
  12. color:#008ccb;
  13. -moz-transition: all 0.3s ease-in;
  14. -webkit-transition: all 0.3s ease-in;
  15. -o-transition: all 0.3s ease-in;
  16. transition: all 0.3s ease-in;
  17. }
  18. img{border:0px; outline-width:0px; vertical-align:top;}
  19. .clearfix { *zoom: 1; }
  20. .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
  21. .clearfix:after { clear: both; }
  22. .fl { float:left;}
  23. .fr { float:right;}
  24. .hide { display:none !important;}
  25. .show { display:block !important;}
  26. /* Loader container */
  27. .shcl {
  28. position: relative;
  29. width: 100px;
  30. height: 100px;
  31. margin: 0 auto;
  32. }
  33. /* Progress status */
  34. .shcl > span {
  35. font-family: Verdana, Tahoma, Arial, sans-serif;
  36. font-size: 14px;
  37. color: black;
  38. }
  39. /* Loader dots */
  40. .shcl > div {
  41. position: absolute;
  42. visibility: hidden;
  43. width: 10px;
  44. height: 10px;
  45. background: transparent;
  46. box-shadow: 0 0 10px black;
  47. -webkit-border-radius: 5px;
  48. -webkit-animation-name: shcl_bounce;
  49. -webkit-animation-duration: 1s;
  50. -webkit-animation-iteration-count: infinite;
  51. -webkit-animation-direction: linear;
  52. -moz-border-radius: 5px;
  53. -moz-animation-name: shcl_bounce;
  54. -moz-animation-duration: 1s;
  55. -moz-animation-iteration-count: infinite;
  56. -moz-animation-direction: linear;
  57. -o-border-radius: 5px;
  58. -o-animation-name: shcl_bounce;
  59. -o-animation-duration: 1s;
  60. -o-animation-iteration-count: infinite;
  61. -o-animation-direction: linear;
  62. -ms-border-radius: 5px;
  63. -ms-animation-name: shcl_bounce;
  64. -ms-animation-duration: 1s;
  65. -ms-animation-iteration-count: infinite;
  66. -ms-animation-direction: linear;
  67. border-radius: 5px;
  68. animation-name: shcl_bounce;
  69. animation-duration: 1s;
  70. animation-iteration-count: infinite;
  71. animation-direction: linear;
  72. }
  73. /* Animation keyframes */
  74. @-webkit-keyframes shcl_bounce {
  75. 0% {-webkit-transform: scale(1);}
  76. 80% {-webkit-transform: scale(.3);}
  77. 100% {-webkit-transform: scale(1);}
  78. }
  79. @-moz-keyframes shcl_bounce {
  80. 0% {-moz-transform: scale(1);}
  81. 80% {-moz-transform: scale(.3);}
  82. 100% {-moz-transform: scale(1);}
  83. }
  84. @-o-keyframes shcl_bounce {
  85. 0% {-o-transform: scale(1);}
  86. 80% {-o-transform: scale(.3);}
  87. 100% {-o-transform: scale(1);}
  88. }
  89. @-ms-keyframes shcl_bounce {
  90. 0% {-ms-transform: scale(1);}
  91. 80% {-ms-transform: scale(.3);}
  92. 100% {-ms-transform: scale(1);}
  93. }
  94. @keyframes shcl_bounce {
  95. 0% {transform: scale(1);}
  96. 80% {transform: scale(.3);}
  97. 100% {transform: scale(1);}
  98. }
  99. #loader{
  100. width: 80px;
  101. height: 80px;
  102. position: absolute;
  103. top: 50%;
  104. left: 50%;
  105. margin: -40px 0 0 -40px;
  106. z-index: 1000;
  107. }