├── README.md └── reset.css /README.md: -------------------------------------------------------------------------------- 1 | # reset.css -------------------------------------------------------------------------------- /reset.css: -------------------------------------------------------------------------------- 1 | /** 2 | * 1. Correct the line height in all browsers. 3 | * 2. Prevent adjustments of font size after orientation changes in 4 | * IE on Windows Phone and in iOS. 5 | */ 6 | html { 7 | line-height: 1.15; /* 1 */ 8 | -ms-text-size-adjust: 100%; /* 2 */ 9 | -webkit-text-size-adjust: 100%; /* 2 */ 10 | } 11 | 12 | html, body, div, span, applet, object, iframe, 13 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 14 | a, abbr, acronym, address, big, cite, code, 15 | del, dfn, em, img, ins, kbd, q, s, samp, 16 | small, strike, strong, sub, sup, tt, var, 17 | b, u, i, center, 18 | dl, dt, dd, ol, ul, li, 19 | fieldset, form, label, legend, 20 | /* textarea, input, */ 21 | table, caption, tbody, tfoot, thead, tr, th, td, 22 | article, aside, canvas, details, embed, 23 | figure, figcaption, footer, header, hgroup, 24 | menu, nav, output, ruby, section, summary, 25 | time, mark, audio, video { 26 | margin: 0; 27 | padding: 0; 28 | border: 0; 29 | /* outline: 0; */ 30 | font-size: 100%; 31 | /* font: inherit; */ 32 | vertical-align: baseline; 33 | background: transparent; 34 | } 35 | 36 | ins { 37 | margin: 0; 38 | padding: 0; 39 | border: 0; 40 | font-size: 100%; 41 | text-decoration: none; 42 | vertical-align: baseline; 43 | } 44 | 45 | /* HTML5 display-role reset for older browsers */ 46 | article, aside, details, figcaption, figure, main, 47 | footer, header, hgroup, menu, nav, section { 48 | display: block; 49 | } 50 | 51 | ol, ul { 52 | list-style: none; 53 | } 54 | 55 | blockquote, q { 56 | quotes: none; 57 | } 58 | 59 | blockquote:before, blockquote:after, 60 | q:before, q:after { 61 | content: ""; 62 | content: none; 63 | } 64 | 65 | table { 66 | border-collapse: collapse; 67 | border-spacing: 0; 68 | } 69 | 70 | del { 71 | text-decoration: line-through; 72 | } 73 | 74 | input, select { 75 | vertical-align: middle; 76 | } 77 | 78 | /** 79 | * 1. Add the correct box sizing in Firefox. 80 | * 2. Show the overflow in Edge and IE. 81 | */ 82 | hr { 83 | box-sizing: content-box; /* 1 */ 84 | display: block; 85 | height: 0; 86 | border-style: solid; 87 | border-width: 1px 0 0; 88 | padding: 0; 89 | clear: both; 90 | } 91 | 92 | /** 93 | * 1. Correct the inheritance and scaling of font size in all browsers. 94 | * 2. Correct the odd `em` font sizing in all browsers. 95 | */ 96 | pre { 97 | font-family: monospace, monospace; /* 1 */ 98 | font-size: 1em; /* 2 */ 99 | } 100 | 101 | /** 102 | * 1. Remove the bottom border in Chrome 57- and Firefox 39-. 103 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 104 | */ 105 | abbr[title], dfn[title] { 106 | border-bottom: none; /* 1 */ 107 | text-decoration: underline; /* 2 */ 108 | text-decoration: underline dotted; /* 2 */ 109 | cursor: help; 110 | } 111 | 112 | /** 113 | * Prevent the duplicate application of `bolder` by the next rule in Safari 6. 114 | */ 115 | b, 116 | strong { 117 | font-weight: inherit; 118 | } 119 | 120 | /** 121 | * Add the correct font weight in Chrome, Edge, and Safari. 122 | */ 123 | b, 124 | strong { 125 | font-weight: bolder; 126 | } 127 | 128 | /** 129 | * 1. Correct the inheritance and scaling of font size in all browsers. 130 | * 2. Correct the odd `em` font sizing in all browsers. 131 | */ 132 | code, 133 | kbd, 134 | samp { 135 | font-family: monospace, monospace; /* 1 */ 136 | font-size: 1em; /* 2 */ 137 | } 138 | 139 | /** 140 | * Add the correct font style in Android 4.3-. 141 | */ 142 | dfn { 143 | font-style: italic; 144 | } 145 | 146 | /* change color to suit your needs */ 147 | ins { 148 | /* background-color: #ff9; */ 149 | /* color: #000; */ 150 | text-decoration: none; 151 | } 152 | 153 | /** 154 | * Add the correct background and color in IE 9-. 155 | */ 156 | mark { 157 | background-color: #ff0; 158 | /* color: #000; */ 159 | /* font-style: italic; */ 160 | font-weight: bold; 161 | } 162 | 163 | small{ 164 | font-size: 80%; 165 | } 166 | 167 | del { 168 | text-decoration: line-through; 169 | } 170 | caption, th { 171 | text-align: left; 172 | } 173 | 174 | sub, sup { 175 | font-size: 75%; 176 | line-height: 0; 177 | position: relative; 178 | vertical-align: baseline; 179 | } 180 | sup { 181 | top: -0.5em; 182 | } 183 | sub { 184 | bottom: -0.25em; 185 | } 186 | 187 | input { 188 | vertical-align: middle; 189 | } 190 | button, html input[type="button"], input[type="reset"], input[type="submit"] { 191 | -webkit-appearance: button; 192 | cursor: pointer; 193 | *overflow: visible; 194 | } 195 | button[disabled], html input[disabled] { 196 | cursor: default; 197 | } 198 | --------------------------------------------------------------------------------