@ -1,126 +1,40 @@
/*! normalize.css v 1.0.1 | MIT License | git.io/normalize */
/*! normalize.css v 8.0.1 | MIT License | github.com/necolas/normalize.css */
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
HTML5 display definitions
/ * Document
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/ *
* Corrects ` block ` display not defined in IE 6 / 7 / 8 / 9 and Firefox 3 .
* /
article ,
aside ,
details ,
figcaption ,
figure ,
footer ,
header ,
hgroup ,
nav ,
section ,
summary {
display : block ;
}
/ *
* Corrects ` inline-block ` display not defined in IE 6 / 7 / 8 / 9 and Firefox 3 .
* /
audio ,
canvas ,
video {
display : inline-block ;
* display : inline ;
* zoom : 1 ;
}
/ *
* Prevents modern browsers from displaying ` audio ` without controls .
* Remove excess height in iOS 5 devices .
* /
audio : not ( [ controls ] ) {
display : none ;
height : 0 ;
}
/ *
* Addresses styling for ` hidden ` attribute not present in IE 7 / 8 / 9 , Firefox 3 ,
* and Safari 4 .
* Known issue : no IE 6 support .
* /
[ hidden ] {
display : none ;
}
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Base
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/ *
* 1 . Corrects text resizing oddly in IE 6 / 7 when body ` font-size ` is set using
* ` em ` units .
* 2 . Prevents iOS text size adjust after orientation change , without disabling
* user zoom .
/ * *
* 1 . Correct the line height in all browsers .
* 2 . Prevent adjustments of font size after orientation changes in iOS .
* /
html {
font-size : 100 % ; /* 1 */
line-height : 1 . 15 ; /* 1 */
-webkit-text-size-adjust : 100 % ; /* 2 */
-ms-text-size-adjust : 100 % ; /* 2 */
}
/ *
* Addresses ` font-family ` inconsistency between ` textarea ` and other form
* elements .
* /
html ,
button ,
input ,
select ,
textarea {
font-family : sans-serif ;
}
/ * Sections
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/ *
* Addresses margins handled incorrectly in IE 6 / 7 .
/ * *
* Remove the margin in all browsers .
* /
body {
margin : 0 ;
}
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Links
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/ *
* Addresses ` outline ` inconsistency between Chrome and other browsers .
* /
a : focus {
outline : thin dotted ;
}
/ *
* Improves readability when focused and also mouse hovered in all browsers .
/ * *
* Render the ` main ` element consistently in IE .
* /
a : active ,
a : hover {
outline : 0 ;
main {
display : block ;
}
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Typography
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/ *
* Addresses font sizes and margins set differently in IE 6 / 7 .
* Addresses font sizes within ` section ` and ` article ` in Firefox 4 + , Safari 5 ,
* and Chrome .
/ * *
* Correct the font size and margin on ` h1 ` elements within ` section ` and
* ` article ` contexts in Chrome , Firefox , and Safari .
* /
h1 {
@ -128,129 +42,84 @@ h1 {
margin : 0 . 67em 0 ;
}
h2 {
font-size : 1 . 5em ;
margin : 0 . 83em 0 ;
}
h3 {
font-size : 1 . 17em ;
margin : 1em 0 ;
}
h4 {
font-size : 1em ;
margin : 1 . 33em 0 ;
}
h5 {
font-size : 0 . 83em ;
margin : 1 . 67em 0 ;
}
h6 {
font-size : 0 . 75em ;
margin : 2 . 33em 0 ;
}
/ * Grouping content
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/ *
* Addresses styling not present in IE 7 / 8 / 9 , Safari 5 , and Chrome .
/ * *
* 1 . Add the correct box sizing in Firefox .
* 2 . Show the overflow in Edge and IE .
* /
abbr [ title ] {
border-bottom : 1px dotted ;
hr {
box-sizing : content-box ; /* 1 */
height : 0 ; /* 1 */
overflow : visible ; /* 2 */
}
/ *
* Addresses style set to ` bolder ` in Firefox 3 + , Safari 4 / 5 , and Chrome .
/ * *
* 1 . Correct the inheritance and scaling of font size in all browsers .
* 2 . Correct the odd ` em ` font sizing in all browsers .
* /
b,
strong {
font-weight : bold ;
pre {
font-family : monospace , monospace ; /* 1 */
font-size : 1em ; /* 2 */
}
blockquote {
margin : 1em 40px ;
}
/ * Text-level semantics
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/ *
* Addresses styling not present in Safari 5 and Chrome .
/ * *
* Remove the gray background on active links in IE 10 .
* /
dfn {
font-style : italic ;
a {
background-color : transparent ;
}
/ *
* Addresses styling not present in IE 6 / 7 / 8 / 9 .
/ * *
* 1 . Remove the bottom border in Chrome 57-
* 2 . Add the correct text decoration in Chrome , Edge , IE , Opera , and Safari .
* /
mark {
background : # ff0 ;
color : # 000 ;
abbr [ title ] {
border-bottom : none ; /* 1 */
text-decoration : underline ; /* 2 */
text-decoration : underline dotted ; /* 2 */
}
/ *
* Add resses margins set differently in IE 6 / 7 .
/ * *
* Add the correct font weight in Chrome , Edge , and Safari .
* /
p ,
pre {
margin : 1em 0 ;
b ,
strong {
font-weight : bolder ;
}
/ *
* Corrects font family set oddly in IE 6 , Safari 4 / 5 , and Chrome .
/ * *
* 1 . Correct the inheritance and scaling of font size in all browsers .
* 2 . Correct the odd ` em ` font sizing in all browsers .
* /
code ,
kbd ,
pre ,
samp {
font-family : monospace , serif ;
_font-family : 'courier new' , monospace ;
font-size : 1em ;
}
/ *
* Improves readability of pre-formatted text in all browsers .
* /
pre {
white-space : pre ;
white-space : pre-wrap ;
word-wrap : break-word ;
}
/ *
* Addresses CSS quotes not supported in IE 6 / 7 .
* /
q {
quotes : none ;
}
/ *
* Addresses ` quotes ` property not supported in Safari 4 .
* /
q : before ,
q : after {
content : '' ;
content : none ;
font-family : monospace , monospace ; /* 1 */
font-size : 1em ; /* 2 */
}
/ *
* Add resses inconsistent and variable font size in all browsers .
/ * *
* Add the correct font size in all browsers .
* /
small {
font-size : 80 % ;
}
/ *
* Prevents ` sub ` and ` sup ` affecting ` line-height ` in all browsers .
/ * *
* Prevent ` sub ` and ` sup ` elements from affecting the line height in
* all browsers .
* /
sub ,
@ -261,245 +130,220 @@ sup {
vertical-align : baseline ;
}
sup {
top : -0 . 5em ;
}
sub {
bottom : -0 . 25em ;
}
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Lists
sup {
top : -0 . 5em ;
}
/ * Embedded content
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/ *
* Addresses margins set differently in IE 6 / 7 .
/ * *
* Remove the border on images inside links in IE 10 .
* /
dl ,
menu ,
ol ,
ul {
margin : 1em 0 ;
img {
border-style : none ;
}
dd {
margin : 0 0 0 40px ;
}
/ * Forms
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/ *
* Addresses paddings set differently in IE 6 / 7 .
/ * *
* 1 . Change the font styles in all browsers .
* 2 . Remove the margin in Firefox and Safari .
* /
menu ,
ol ,
ul {
padding : 0 0 0 40px ;
button ,
input ,
optgroup ,
select ,
textarea {
font-family : inherit ; /* 1 */
font-size : 100 % ; /* 1 */
line-height : 1 . 15 ; /* 1 */
margin : 0 ; /* 2 */
}
/ *
* Corrects list images handled incorrectly in IE 7 .
/ * *
* Show the overflow in IE .
* 1 . Show the overflow in Edge .
* /
nav ul ,
nav ol {
list-style : none ;
list-style-image : none ;
button ,
input { /* 1 */
overflow : visible ;
}
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Embedded content
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/ *
* 1 . Removes border when inside ` a ` element in IE 6 / 7 / 8 / 9 and Firefox 3 .
* 2 . Improves image quality when scaled in IE 7 .
/ * *
* Remove the inheritance of text transform in Edge , Firefox , and IE .
* 1 . Remove the inheritance of text transform in Firefox .
* /
img {
border : 0 ; /* 1 */
-ms-interpolation-mode : bicubic ; /* 2 */
button ,
select { /* 1 */
text-transform : none ;
}
/ *
* Correct s overflow displayed oddly in IE 9 .
/ * *
* Correct the inability to style clickable types in iOS and Safari .
* /
svg : not ( : root ) {
overflow : hidden ;
button ,
[ type = "button" ] ,
[ type = "reset" ] ,
[ type = "submit" ] {
-webkit-appearance : button ;
}
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Figures
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/ *
* Addresses margin not present in IE 6 / 7 / 8 / 9 , Safari 5 , and Opera 11 .
/ * *
* Remove the inner border and padding in Firefox .
* /
figure {
margin : 0 ;
button :: -moz-focus-inner ,
[ type = "button" ] :: -moz-focus-inner ,
[ type = "reset" ] :: -moz-focus-inner ,
[ type = "submit" ] :: -moz-focus-inner {
border-style : none ;
padding : 0 ;
}
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Forms
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/ *
* Corrects margin displayed oddly in IE 6 / 7 .
/ * *
* Restore the focus styles unset by the previous rule .
* /
form {
margin : 0 ;
button : -moz-focusring ,
[ type = "button" ] : -moz-focusring ,
[ type = "reset" ] : -moz-focusring ,
[ type = "submit" ] : -moz-focusring {
outline : 1px dotted ButtonText ;
}
/ *
* Define consistent border , margin , and padding .
/ * *
* Correct the padding in Firefox .
* /
fieldset {
border : 1px solid # c0c0c0 ;
margin : 0 2px ;
padding : 0 . 35em 0 . 625em 0 . 75em ;
padding : 0 . 35em 0 . 75em 0 . 625em ;
}
/ *
* 1 . Corrects color not being inherited in IE 6 / 7 / 8 / 9 .
* 2 . Corrects text not wrapping in Firefox 3 .
* 3 . Corrects alignment displayed oddly in IE 6 / 7 .
/ * *
* 1 . Correct the text wrapping in Edge and IE .
* 2 . Correct the color inheritance from ` fieldset ` elements in IE .
* 3 . Remove the padding so developers are not caught out when they zero out
* ` fieldset ` elements in all browsers .
* /
legend {
border : 0 ; /* 1 */
padding : 0 ;
white-space : normal ; /* 2 */
* margin-left : -7px ; /* 3 */
box-sizing : border-box ; /* 1 */
color : inherit ; /* 2 */
display : table ; /* 1 */
max-width : 100 % ; /* 1 */
padding : 0 ; /* 3 */
white-space : normal ; /* 1 */
}
/ *
* 1 . Corrects font size not being inherited in all browsers .
* 2 . Addresses margins set differently in IE 6 / 7 , Firefox 3 + , Safari 5 ,
* and Chrome .
* 3 . Improves appearance and consistency in all browsers .
/ * *
* Add the correct vertical alignment in Chrome , Firefox , and Opera .
* /
button ,
input ,
select ,
textarea {
font-size : 100 % ; /* 1 */
margin : 0 ; /* 2 */
vertical-align : baseline ; /* 3 */
* vertical-align : middle ; /* 3 */
progress {
vertical-align : baseline ;
}
/ *
* Addresses Firefox 3 + setting ` line-height ` on ` input ` using ` ! important ` in
* the UA stylesheet .
/ * *
* Remove the default vertical scrollbar in IE 10 + .
* /
button ,
input {
line-height : normal ;
textarea {
overflow : auto ;
}
/ *
* 1 . Avoid the WebKit bug in Android 4 . 0 . * where ( 2 ) destroys native ` audio `
* and ` video ` controls .
* 2 . Corrects inability to style clickable ` input ` types in iOS .
* 3 . Improves usability and consistency of cursor style between image-type
* ` input ` and others .
* 4 . Removes inner spacing in IE 7 without affecting normal text inputs .
* Known issue : inner spacing remains in IE 6 .
/ * *
* 1 . Add the correct box sizing in IE 10 .
* 2 . Remove the padding in IE 10 .
* /
button ,
html input [ type = "button" ] , /* 1 */
input [ type = "reset" ] ,
input [ type = "submit" ] {
-webkit-appearance : button ; /* 2 */
cursor : pointer ; /* 3 */
* overflow : visible ; /* 4 */
[ type = "checkbox" ] ,
[ type = "radio" ] {
box-sizing : border-box ; /* 1 */
padding : 0 ; /* 2 */
}
/ *
* Re-set default cursor for disabled elements .
/ * *
* Correct the cursor style of increment and decrement buttons in Chrome .
* /
button [ disabled ] ,
input [ disabled ] {
cursor : default ;
[ type = "number" ] :: -webkit-inner-spin-button ,
[ type = "number" ] :: -webkit-outer-spin-button {
height : auto ;
}
/ *
* 1 . Addresses box sizing set to content-box in IE 8 / 9 .
* 2 . Removes excess padding in IE 8 / 9 .
* 3 . Removes excess padding in IE 7 .
* Known issue : excess padding remains in IE 6 .
/ * *
* 1 . Correct the odd appearance in Chrome and Safari .
* 2 . Correct the outline style in Safari .
* /
input [ type = "checkbox" ] ,
input [ type = "radio" ] {
box-sizing : border-box ; /* 1 */
padding : 0 ; /* 2 */
* height : 13px ; /* 3 */
* width : 13px ; /* 3 */
[ type = "search" ] {
-webkit-appearance : textfield ; /* 1 */
outline-offset : -2px ; /* 2 */
}
/ *
* 1 . Addresses ` appearance ` set to ` searchfield ` in Safari 5 and Chrome .
* 2 . Addresses ` box-sizing ` set to ` border-box ` in Safari 5 and Chrome
* ( include ` -moz ` to future-proof ) .
/ * *
* Remove the inner padding in Chrome and Safari on macOS .
* /
/ *
input [ type = "search" ] {
-webkit-appearance : textfield ;
-moz-box-sizing : content-box ;
-webkit-box-sizing : content-box ;
box-sizing : content-box ;
[ type = "search" ] :: -webkit-search-decoration {
-webkit-appearance : none ;
}
* /
/ *
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X .
/ * *
* 1. Correct the inability to style clickable types in iOS and Safari .
* 2. Change font properties to ` inherit ` in Safari .
* /
/ * input [ type = "search" ] :: -webkit-search-cancel-button ,
input [ type = "search" ] :: -webkit-search-decoration {
-webkit-appearance : none ;
} * /
:: -webkit-file-upload-button {
-webkit-appearance : button ; /* 1 */
font : inherit ; /* 2 */
}
/ * Interactive
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/ *
* Removes inner padding and border in Firefox 3 + .
* Add the correct display in Edge , IE 10 + , and Firefox .
* /
button :: -moz-focus-inner ,
input :: -moz-focus-inner {
border : 0 ;
padding : 0 ;
details {
display : block ;
}
/ *
* 1 . Removes default vertical scrollbar in IE 6 / 7 / 8 / 9 .
* 2 . Improves readability and alignment in all browsers .
* Add the correct display in all browsers .
* /
textarea {
overflow : auto ; /* 1 */
vertical-align : top ; /* 2 */
summary {
display : list-item ;
}
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Tables
/ * Misc
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/ *
* Remove most spacing between table cells .
/ * *
* Add the correct display in IE 10 + .
* /
table {
border-collapse : collapse ;
border-spacing : 0 ;
template {
display : none ;
}
/ * *
* Add the correct display in IE 10 .
* /
[ hidden ] {
display : none ;
}
Ozzieisaacs
6 years ago