-
-
Save DavidWells/18e73022e723037a50d6 to your computer and use it in GitHub Desktop.
/* http://meyerweb.com/eric/tools/css/reset/ | |
v2.0-modified | 20110126 | |
License: none (public domain) | |
*/ | |
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; | |
} | |
/* make sure to set some focus styles for accessibility */ | |
:focus { | |
outline: 0; | |
} | |
/* HTML5 display-role reset for older browsers */ | |
article, aside, details, figcaption, figure, | |
footer, header, hgroup, menu, nav, section { | |
display: block; | |
} | |
body { | |
line-height: 1; | |
} | |
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; | |
} | |
input[type=search]::-webkit-search-cancel-button, | |
input[type=search]::-webkit-search-decoration, | |
input[type=search]::-webkit-search-results-button, | |
input[type=search]::-webkit-search-results-decoration { | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
} | |
input[type=search] { | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box; | |
} | |
textarea { | |
overflow: auto; | |
vertical-align: top; | |
resize: vertical; | |
} | |
/** | |
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. | |
*/ | |
audio, | |
canvas, | |
video { | |
display: inline-block; | |
*display: inline; | |
*zoom: 1; | |
max-width: 100%; | |
} | |
/** | |
* Prevent modern browsers from displaying `audio` without controls. | |
* Remove excess height in iOS 5 devices. | |
*/ | |
audio:not([controls]) { | |
display: none; | |
height: 0; | |
} | |
/** | |
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. | |
* Known issue: no IE 6 support. | |
*/ | |
[hidden] { | |
display: none; | |
} | |
/** | |
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using | |
* `em` units. | |
* 2. Prevent iOS text size adjust after orientation change, without disabling | |
* user zoom. | |
*/ | |
html { | |
font-size: 100%; /* 1 */ | |
-webkit-text-size-adjust: 100%; /* 2 */ | |
-ms-text-size-adjust: 100%; /* 2 */ | |
} | |
/** | |
* Address `outline` inconsistency between Chrome and other browsers. | |
*/ | |
a:focus { | |
outline: thin dotted; | |
} | |
/** | |
* Improve readability when focused and also mouse hovered in all browsers. | |
*/ | |
a:active, | |
a:hover { | |
outline: 0; | |
} | |
/** | |
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. | |
* 2. Improve image quality when scaled in IE 7. | |
*/ | |
img { | |
border: 0; /* 1 */ | |
-ms-interpolation-mode: bicubic; /* 2 */ | |
} | |
/** | |
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. | |
*/ | |
figure { | |
margin: 0; | |
} | |
/** | |
* Correct margin displayed oddly in IE 6/7. | |
*/ | |
form { | |
margin: 0; | |
} | |
/** | |
* Define consistent border, margin, and padding. | |
*/ | |
fieldset { | |
border: 1px solid #c0c0c0; | |
margin: 0 2px; | |
padding: 0.35em 0.625em 0.75em; | |
} | |
/** | |
* 1. Correct color not being inherited in IE 6/7/8/9. | |
* 2. Correct text not wrapping in Firefox 3. | |
* 3. Correct alignment displayed oddly in IE 6/7. | |
*/ | |
legend { | |
border: 0; /* 1 */ | |
padding: 0; | |
white-space: normal; /* 2 */ | |
*margin-left: -7px; /* 3 */ | |
} | |
/** | |
* 1. Correct font size not being inherited in all browsers. | |
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, | |
* and Chrome. | |
* 3. Improve appearance and consistency in all browsers. | |
*/ | |
button, | |
input, | |
select, | |
textarea { | |
font-size: 100%; /* 1 */ | |
margin: 0; /* 2 */ | |
vertical-align: baseline; /* 3 */ | |
*vertical-align: middle; /* 3 */ | |
} | |
/** | |
* Address Firefox 3+ setting `line-height` on `input` using `!important` in | |
* the UA stylesheet. | |
*/ | |
button, | |
input { | |
line-height: normal; | |
} | |
/** | |
* Address inconsistent `text-transform` inheritance for `button` and `select`. | |
* All other form control elements do not inherit `text-transform` values. | |
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. | |
* Correct `select` style inheritance in Firefox 4+ and Opera. | |
*/ | |
button, | |
select { | |
text-transform: none; | |
} | |
/** | |
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |
* and `video` controls. | |
* 2. Correct inability to style clickable `input` types in iOS. | |
* 3. Improve usability and consistency of cursor style between image-type | |
* `input` and others. | |
* 4. Remove inner spacing in IE 7 without affecting normal text inputs. | |
* Known issue: inner spacing remains in IE 6. | |
*/ | |
button, | |
html input[type="button"], /* 1 */ | |
input[type="reset"], | |
input[type="submit"] { | |
-webkit-appearance: button; /* 2 */ | |
cursor: pointer; /* 3 */ | |
*overflow: visible; /* 4 */ | |
} | |
/** | |
* Re-set default cursor for disabled elements. | |
*/ | |
button[disabled], | |
html input[disabled] { | |
cursor: default; | |
} | |
/** | |
* 1. Address box sizing set to content-box in IE 8/9. | |
* 2. Remove excess padding in IE 8/9. | |
* 3. Remove excess padding in IE 7. | |
* Known issue: excess padding remains in IE 6. | |
*/ | |
input[type="checkbox"], | |
input[type="radio"] { | |
box-sizing: border-box; /* 1 */ | |
padding: 0; /* 2 */ | |
*height: 13px; /* 3 */ | |
*width: 13px; /* 3 */ | |
} | |
/** | |
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. | |
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome | |
* (include `-moz` to future-proof). | |
*/ | |
input[type="search"] { | |
-webkit-appearance: textfield; /* 1 */ | |
-moz-box-sizing: content-box; | |
-webkit-box-sizing: content-box; /* 2 */ | |
box-sizing: content-box; | |
} | |
/** | |
* Remove inner padding and search cancel button in Safari 5 and Chrome | |
* on OS X. | |
*/ | |
input[type="search"]::-webkit-search-cancel-button, | |
input[type="search"]::-webkit-search-decoration { | |
-webkit-appearance: none; | |
} | |
/** | |
* Remove inner padding and border in Firefox 3+. | |
*/ | |
button::-moz-focus-inner, | |
input::-moz-focus-inner { | |
border: 0; | |
padding: 0; | |
} | |
/** | |
* 1. Remove default vertical scrollbar in IE 6/7/8/9. | |
* 2. Improve readability and alignment in all browsers. | |
*/ | |
textarea { | |
overflow: auto; /* 1 */ | |
vertical-align: top; /* 2 */ | |
} | |
/** | |
* Remove most spacing between table cells. | |
*/ | |
table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
html, | |
button, | |
input, | |
select, | |
textarea { | |
color: #222; | |
} | |
::-moz-selection { | |
background: #b3d4fc; | |
text-shadow: none; | |
} | |
::selection { | |
background: #b3d4fc; | |
text-shadow: none; | |
} | |
img { | |
vertical-align: middle; | |
} | |
fieldset { | |
border: 0; | |
margin: 0; | |
padding: 0; | |
} | |
textarea { | |
resize: vertical; | |
} | |
.chromeframe { | |
margin: 0.2em 0; | |
background: #ccc; | |
color: #000; | |
padding: 0.2em 0; | |
} | |
I think there's an issue: EDIT there's not, my bad, see my next comment
I'm using this stylesheet, and then my own on top of it.
In my own stylesheet, I add:
body {
font-family: sans-serif;
}
Normally this would cause almost everything inside the body to inherit from that.
Yet everything is Times New Roman. Apparently your "inherit" rules are somehow "too strong".
I think if you use f.e.
body { font-family: Arial, sans-serif; }
You will see the issue is gone. You did not supply a substitute font.
Nope, my css was fine.
My mistake was that I was by accident putting my stylesheet before reset.css rather than after, so no wonder it was overriding mine.
Thank you
Why isn't the code defined in VScode? (
Thank you very much! It helped a lot for iOS adaptation!!!!
Obrigado! Thanks :D
Loise
Thanks!
Thank you!
Thanks!
Thank you
Thank u
ty
Thank u Vere god****
Спасибо приятель!
Thanks!
Thanks man.
thanks!
Full appreciation for REpublishing, but proper attribution to those who actually created this work. Note, no changes by @DavidWells to whom so many people here are giving thanks.
cool! thanks!
Thank you very much.
Thank you!
Thanks a lot!
Thanks!
Rahmat
thx a lot
ty
use * instead of typing all tag names
thanks bro!
T.Y.