| | -/* RESET |
| | -=============================================================================*/ |
| | -html, body, div, span, applet, object, iframe, |
| | -h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
| | -a, abbr, acronym, address, big, cite, code, |
| | -del, dfn, em, img, ins, kbd, q, s, samp, |
| | -small, strike, strong, sub, sup, tt, var, |
| | -b, u, i, center, |
| | -dl, dt, dd, ol, ul, li, |
| | -fieldset, form, label, legend, |
| | -table, caption, tbody, tfoot, thead, tr, th, td, |
| | -article, aside, canvas, details, embed, |
| | -figure, figcaption, footer, header, hgroup, |
| | -menu, nav, output, ruby, section, summary, |
| | -time, mark, audio, video { |
| | - margin: 0; |
| | - padding: 0; |
| | - border: 0; |
| | - font-size: 100%; |
| | - font: inherit; |
| | - vertical-align: baseline; |
| | -} |
| | -ol, ul { |
| | - list-style: none; |
| | -} |
| | -blockquote, q { |
| | - quotes: none; |
| | -} |
| | -blockquote:before, blockquote:after, |
| | -q:before, q:after { |
| | - content: ""; |
| | - content: none; |
| | -} |
| | -table { |
| | - border-collapse: collapse; |
| | - border-spacing: 0; |
| | -} |
| | +/* RESET ***/ |
| | +html{box-sizing:border-box;font-size:16px}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}img{max-width:100%;height:auto}table{table-collapse:collapse;table-spacing:0;border-spacing:0} |
| | |
| | -/* BODY |
| | -=============================================================================*/ |
| | +/* BODY ***/ |
| | body { |
| | /* Must be bundled in JAR file. */ |
| | font-family: "Vollkorn", serif; |
| | font-size: 16px; |
| | background-color: #fff; |
| | margin: 0 auto; |
| | max-width: 960px; |
| | line-height: 1.6; |
| | color: #454545; |
| | - padding: 0 1em |
| | + padding: 0 1em; |
| | } |
| | |
 |
| | } |
| | |
| | -/* BLOCKS |
| | -=============================================================================*/ |
| | +/* BLOCKS ***/ |
| | p, blockquote, ul, ol, dl, table, pre { |
| | margin: 1em 0; |
| | } |
| | |
| | -/* HEADERS |
| | -=============================================================================*/ |
| | +/* HEADERS ***/ |
| | h1, h2, h3, h4, h5, h6 { |
| | font-weight: bold; |
 |
| | } |
| | |
| | -/* LINKS |
| | -=============================================================================*/ |
| | +/* LINKS ***/ |
| | a { |
| | color: #0077aa; |
| | text-decoration: none; |
| | } |
| | |
| | a:hover { |
| | text-decoration: underline; |
| | } |
| | |
| | -/* BULLET LISTS |
| | -=============================================================================*/ |
| | +/* BULLET LISTS ***/ |
| | ul, ol { |
| | display: block; |
| | list-style: disc outside none; |
| | margin: 1em 0; |
| | padding: 0 0 0 2em; |
| | } |
| | |
| | ol { |
| | - list-style-type: decimal; |
| | + list-style-type: decimal; |
| | } |
| | |
| | ul ul, ol ul, |
| | ol ol, ul ol { |
| | - list-style-position: inside; |
| | - margin-left: 1em; |
| | + list-style-position: inside; |
| | + margin-left: 1em; |
| | } |
| | |
| | ul ul, ol ul { |
| | - list-style-type: circle; |
| | + list-style-type: circle; |
| | } |
| | |
| | ol ol, ul ol { |
| | - list-style-type: lower-latin; |
| | + list-style-type: lower-latin; |
| | } |
| | |
| | -/* DEFINITION LISTS |
| | -=============================================================================*/ |
| | +/* DEFINITION LISTS ***/ |
| | dl { |
| | /** Horizontal scroll bar will appear if set to 100%. */ |
 |
| | } |
| | |
| | -/* CODE |
| | -=============================================================================*/ |
| | +/* CODE ***/ |
| | pre, code, tt { |
| | /* Must be bundled in JAR file. */ |
 |
| | } |
| | |
| | -/* QUOTES |
| | -=============================================================================*/ |
| | +/* QUOTES ***/ |
| | blockquote { |
| | border-left: .25em solid #ccc; |
 |
| | } |
| | |
| | -/* HORIZONTAL RULES |
| | -=============================================================================*/ |
| | +/* HORIZONTAL RULES ***/ |
| | hr { |
| | clear: both; |
 |
| | } |
| | |
| | -/* TABLES |
| | -=============================================================================*/ |
| | +/* TABLES ***/ |
| | table { |
| | width: 100%; |
 |
| | } |
| | |
| | -/* IMAGES |
| | -=============================================================================*/ |
| | +/* IMAGES ***/ |
| | img { |
| | max-width: 100%; |