body, html, div, header, footer, nav, li, h1, h2, h3, h4, h5, h6 {
padding: 0; margin: 0; box-sizing: border-box;
} h1, h2, h3, h4, h5, h6 {
font-weight: 400;
} html {
height: 100%;
} body {
font-family: 'Helvetica Neue',Helvetica,Arial,'Microsoft YaHei',sans-serif; color: #333; background-image: url(https://ooo.0o0.ooo/2016/06/20/5768c606cf9cb.jpg); position: relative; min-height: 100%; padding-bottom: 190px;
} a {
text-decoration: none;
} button {
border: none; outline: none;
} hr {
border: 0; border-top: 1px solid #eee; margin: 20px 0;
}
/////////// h1 {
font-size: 30px;
} h2 {
font-size: 26px; border-bottom: 1px solid #eee; margin: 50px 0 25px;
} h3 {
font-size: 23px; margin: 50px 0 20px;
} h4 {
font-size: 19px; margin: 30px 0 10px;
} h5 {
font-size: 17px; margin: 20px 0 10px;
} h6 {
font-size: 16px; margin: 10px 0 5px;
} blockquote {
color: #444; border-left: 5px solid #D6DBDF; padding-left: 15px; background: rgba(112,138,153,.1); padding: 10px 20px; margin: 0 0 20px; p:last-of-type{ margin: 0; }
} table {
border-top: 2px solid #777; border-bottom: 2px solid #777; margin: 8px 0; border-collapse: collapse; thead { border-bottom: 1px solid #777; background-color: #aaa; color: #fff; } th { padding: 2px 10px; text-align: left; } tbody { tr { &:nth-of-type(2n+1) { background-color: #f8f8fd; } &:nth-of-type(2n) { background-color: #e5eaed; } } } td { padding: 2px 10px; }
} p {
margin: 0 0 10px;
} img {
max-width: 100%;
}