| | |
| | | */ |
| | | |
| | | html { |
| | | line-height: 1.15; /* 1 */ |
| | | -webkit-text-size-adjust: 100%; /* 2 */ |
| | | line-height: 1.15; /* 1 */ |
| | | -webkit-text-size-adjust: 100%; /* 2 */ |
| | | } |
| | | |
| | | /* Sections |
| | |
| | | */ |
| | | |
| | | body { |
| | | margin: 0; |
| | | margin: 0; |
| | | } |
| | | |
| | | /** |
| | |
| | | */ |
| | | |
| | | main { |
| | | display: block; |
| | | display: block; |
| | | } |
| | | |
| | | /** |
| | |
| | | */ |
| | | |
| | | h1 { |
| | | font-size: 2em; |
| | | margin: 0.67em 0; |
| | | font-size: 2em; |
| | | margin: 0.67em 0; |
| | | } |
| | | |
| | | /* Grouping content |
| | |
| | | */ |
| | | |
| | | hr { |
| | | box-sizing: content-box; /* 1 */ |
| | | height: 0; /* 1 */ |
| | | overflow: visible; /* 2 */ |
| | | box-sizing: content-box; /* 1 */ |
| | | height: 0; /* 1 */ |
| | | overflow: visible; /* 2 */ |
| | | } |
| | | |
| | | /** |
| | |
| | | */ |
| | | |
| | | pre { |
| | | font-family: monospace, monospace; /* 1 */ |
| | | font-size: 1em; /* 2 */ |
| | | font-family: monospace, monospace; /* 1 */ |
| | | font-size: 1em; /* 2 */ |
| | | } |
| | | |
| | | /* Text-level semantics |
| | |
| | | */ |
| | | |
| | | a { |
| | | background-color: transparent; |
| | | background-color: transparent; |
| | | } |
| | | |
| | | /** |
| | |
| | | */ |
| | | |
| | | abbr[title] { |
| | | border-bottom: none; /* 1 */ |
| | | text-decoration: underline; /* 2 */ |
| | | text-decoration: underline dotted; /* 2 */ |
| | | border-bottom: none; /* 1 */ |
| | | text-decoration: underline; /* 2 */ |
| | | text-decoration: underline dotted; /* 2 */ |
| | | } |
| | | |
| | | /** |
| | |
| | | |
| | | b, |
| | | strong { |
| | | font-weight: bolder; |
| | | font-weight: bolder; |
| | | } |
| | | |
| | | /** |
| | |
| | | code, |
| | | kbd, |
| | | samp { |
| | | font-family: monospace, monospace; /* 1 */ |
| | | font-size: 1em; /* 2 */ |
| | | font-family: monospace, monospace; /* 1 */ |
| | | font-size: 1em; /* 2 */ |
| | | } |
| | | |
| | | /** |
| | |
| | | */ |
| | | |
| | | small { |
| | | font-size: 80%; |
| | | font-size: 80%; |
| | | } |
| | | |
| | | /** |
| | |
| | | |
| | | sub, |
| | | sup { |
| | | font-size: 75%; |
| | | line-height: 0; |
| | | position: relative; |
| | | vertical-align: baseline; |
| | | font-size: 75%; |
| | | line-height: 0; |
| | | position: relative; |
| | | vertical-align: baseline; |
| | | } |
| | | |
| | | sub { |
| | | bottom: -0.25em; |
| | | bottom: -0.25em; |
| | | } |
| | | |
| | | sup { |
| | | top: -0.5em; |
| | | top: -0.5em; |
| | | } |
| | | |
| | | /* Embedded content |
| | |
| | | */ |
| | | |
| | | img { |
| | | border-style: none; |
| | | border-style: none; |
| | | } |
| | | |
| | | /* Forms |
| | |
| | | optgroup, |
| | | select, |
| | | textarea { |
| | | font-family: inherit; /* 1 */ |
| | | font-size: 100%; /* 1 */ |
| | | line-height: 1.15; /* 1 */ |
| | | margin: 0; /* 2 */ |
| | | font-family: inherit; /* 1 */ |
| | | font-size: 100%; /* 1 */ |
| | | line-height: 1.15; /* 1 */ |
| | | margin: 0; /* 2 */ |
| | | } |
| | | |
| | | /** |
| | |
| | | |
| | | button, |
| | | input { /* 1 */ |
| | | overflow: visible; |
| | | overflow: visible; |
| | | } |
| | | |
| | | /** |
| | |
| | | |
| | | button, |
| | | select { /* 1 */ |
| | | text-transform: none; |
| | | text-transform: none; |
| | | } |
| | | |
| | | /** |
| | |
| | | [type="button"], |
| | | [type="reset"], |
| | | [type="submit"] { |
| | | -webkit-appearance: button; |
| | | -webkit-appearance: button; |
| | | } |
| | | |
| | | /** |
| | |
| | | [type="button"]::-moz-focus-inner, |
| | | [type="reset"]::-moz-focus-inner, |
| | | [type="submit"]::-moz-focus-inner { |
| | | border-style: none; |
| | | padding: 0; |
| | | border-style: none; |
| | | padding: 0; |
| | | } |
| | | |
| | | /** |
| | |
| | | [type="button"]:-moz-focusring, |
| | | [type="reset"]:-moz-focusring, |
| | | [type="submit"]:-moz-focusring { |
| | | outline: 1px dotted ButtonText; |
| | | outline: 1px dotted ButtonText; |
| | | } |
| | | |
| | | /** |
| | |
| | | */ |
| | | |
| | | fieldset { |
| | | padding: 0.35em 0.75em 0.625em; |
| | | padding: 0.35em 0.75em 0.625em; |
| | | } |
| | | |
| | | /** |
| | |
| | | */ |
| | | |
| | | legend { |
| | | box-sizing: border-box; /* 1 */ |
| | | color: inherit; /* 2 */ |
| | | display: table; /* 1 */ |
| | | max-width: 100%; /* 1 */ |
| | | padding: 0; /* 3 */ |
| | | white-space: normal; /* 1 */ |
| | | box-sizing: border-box; /* 1 */ |
| | | color: inherit; /* 2 */ |
| | | display: table; /* 1 */ |
| | | max-width: 100%; /* 1 */ |
| | | padding: 0; /* 3 */ |
| | | white-space: normal; /* 1 */ |
| | | } |
| | | |
| | | /** |
| | |
| | | */ |
| | | |
| | | progress { |
| | | vertical-align: baseline; |
| | | vertical-align: baseline; |
| | | } |
| | | |
| | | /** |
| | |
| | | */ |
| | | |
| | | textarea { |
| | | overflow: auto; |
| | | overflow: auto; |
| | | } |
| | | |
| | | /** |
| | |
| | | |
| | | [type="checkbox"], |
| | | [type="radio"] { |
| | | box-sizing: border-box; /* 1 */ |
| | | padding: 0; /* 2 */ |
| | | box-sizing: border-box; /* 1 */ |
| | | padding: 0; /* 2 */ |
| | | } |
| | | |
| | | /** |
| | |
| | | |
| | | [type="number"]::-webkit-inner-spin-button, |
| | | [type="number"]::-webkit-outer-spin-button { |
| | | height: auto; |
| | | height: auto; |
| | | } |
| | | |
| | | /** |
| | |
| | | */ |
| | | |
| | | [type="search"] { |
| | | -webkit-appearance: textfield; /* 1 */ |
| | | outline-offset: -2px; /* 2 */ |
| | | -webkit-appearance: textfield; /* 1 */ |
| | | outline-offset: -2px; /* 2 */ |
| | | } |
| | | |
| | | /** |
| | |
| | | */ |
| | | |
| | | [type="search"]::-webkit-search-decoration { |
| | | -webkit-appearance: none; |
| | | -webkit-appearance: none; |
| | | } |
| | | |
| | | /** |
| | |
| | | */ |
| | | |
| | | ::-webkit-file-upload-button { |
| | | -webkit-appearance: button; /* 1 */ |
| | | font: inherit; /* 2 */ |
| | | -webkit-appearance: button; /* 1 */ |
| | | font: inherit; /* 2 */ |
| | | } |
| | | |
| | | /* Interactive |
| | |
| | | */ |
| | | |
| | | details { |
| | | display: block; |
| | | display: block; |
| | | } |
| | | |
| | | /* |
| | |
| | | */ |
| | | |
| | | summary { |
| | | display: list-item; |
| | | display: list-item; |
| | | } |
| | | |
| | | /* Misc |
| | |
| | | */ |
| | | |
| | | template { |
| | | display: none; |
| | | display: none; |
| | | } |
| | | |
| | | /** |
| | |
| | | */ |
| | | |
| | | [hidden] { |
| | | display: none; |
| | | display: none; |
| | | } |