12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- * {
- padding: 0;
- margin: 0;
- }
- *, *:before, *:after {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- 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{
- margin: 0;
- padding: 0;
- }
- article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
- display: block;
- }
- audio, canvas, video {
- display: inline-block;
- }
- img {
- border: none;
- vertical-align: middle;
- }
- ul, ol {
- /*list-style: none;*/
- }
- .clear {
- *zoom: 1; /* for IE 6/7 */
- }
- .clear:before, .clear:after {
- height: 0;
- content: "";
- font-size: 0;
- display: table;
- line-height: 0; /* for Opera */
- visibility: hidden;
- }
- .clear:after {
- clear: both;
- }
- body {
- font-size: 14px;
- color: #666;
- font-family: "Microsoft YaHei", "微软雅黑", Helvetica, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", Helvetica, Tahoma, "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
- background: #fff;
- text-align: center;
- }
- #layout {
- text-align: left;
- }
- #layout > header, .btns {
- padding: 15px 0;
- width: 90%;
- margin: 0 auto;
- }
- .btns {
- padding-top: 0;
- }
- .btns button {
- padding: 2px 8px;
- }
- #layout > header > h1 {
- font-size: 20px;
- margin-bottom: 10px;
- }
- .btns button, .btn {
- padding: 8px 10px;
- background: #fff;
- border: 1px solid #ddd;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- cursor: pointer;
- -webkit-transition: background 300ms ease-out;
- transition: background 300ms ease-out;
- }
- .btns button:hover, .btn:hover {
- background: #f6f6f6;
- }
|