rickvanlieshout.com/static/css/reset.css

118 lines
2.1 KiB
CSS
Raw Normal View History

2016-03-11 23:28:19 +01:00
html {
2016-03-21 18:03:01 +01:00
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
2016-03-11 23:28:19 +01:00
}
body {
2016-03-21 18:03:01 +01:00
margin: 0;
2016-03-11 23:28:19 +01:00
}
/* HTML5 display definitions
2016-03-21 18:03:01 +01:00
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, cite, code, small {
display: block;
2016-03-11 23:28:19 +01:00
}
2016-03-21 18:03:01 +01:00
body, article, section, footer, header, div, input, nav, article ol, article ul, blockquote, figure {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
2016-03-11 23:28:19 +01:00
}
2016-03-21 18:03:01 +01:00
audio, canvas, progress, video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
2016-03-11 23:28:19 +01:00
}
audio:not([controls]) {
2016-03-21 18:03:01 +01:00
display: none;
height: 0;
2016-03-11 23:28:19 +01:00
}
2016-03-21 18:03:01 +01:00
[hidden], template {
display: none;
2016-03-11 23:28:19 +01:00
}
/* Links
2016-03-21 18:03:01 +01:00
========================================================================== */
2016-03-11 23:28:19 +01:00
a {
2016-03-21 18:03:01 +01:00
background: transparent;
2016-03-11 23:28:19 +01:00
}
2016-03-21 18:03:01 +01:00
a:active, a:hover {
outline: 0;
2016-03-11 23:28:19 +01:00
}
/* Text-level semantics
2016-03-21 18:03:01 +01:00
========================================================================== */
2016-03-11 23:28:19 +01:00
abbr {
2016-03-21 18:03:01 +01:00
letter-spacing: 0.1em;
2016-03-11 23:28:19 +01:00
}
abbr[title] {
2016-03-21 18:03:01 +01:00
border-bottom: 1px dotted;
2016-03-11 23:28:19 +01:00
}
2016-03-21 18:03:01 +01:00
b, strong {
font-weight: bold;
2016-03-11 23:28:19 +01:00
}
dfn {
2016-03-21 18:03:01 +01:00
font-style: italic;
2016-03-11 23:28:19 +01:00
}
mark {
2016-03-21 18:03:01 +01:00
background: #ff0;
color: #000;
2016-03-11 23:28:19 +01:00
}
small {
2016-03-21 18:03:01 +01:00
font-size: 70%;
2016-03-11 23:28:19 +01:00
}
2016-03-21 18:03:01 +01:00
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
2016-03-11 23:28:19 +01:00
}
sup {
2016-03-21 18:03:01 +01:00
top: -0.5em;
2016-03-11 23:28:19 +01:00
}
sub {
2016-03-21 18:03:01 +01:00
bottom: -0.25em;
2016-03-11 23:28:19 +01:00
}
2016-03-21 18:03:01 +01:00
em, i {
line-height: 0;
position: relative;
vertical-align: baseline;
2016-03-11 23:28:19 +01:00
}
/* Embedded content
2016-03-21 18:03:01 +01:00
========================================================================== */
2016-03-11 23:28:19 +01:00
img {
2016-03-21 18:03:01 +01:00
border: 0;
2016-03-11 23:28:19 +01:00
}
svg:not(:root) {
2016-03-21 18:03:01 +01:00
overflow: hidden;
2016-03-11 23:28:19 +01:00
}
/* Grouping content
2016-03-21 18:03:01 +01:00
========================================================================== */
2016-03-11 23:28:19 +01:00
hr {
2016-03-21 18:03:01 +01:00
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
2016-03-11 23:28:19 +01:00
}
pre {
2016-03-21 18:03:01 +01:00
overflow: auto;
2016-03-11 23:28:19 +01:00
}
2016-03-21 18:03:01 +01:00
code, kbd, pre, samp {
font-family: monospace, monospace;
2016-03-11 23:28:19 +01:00
}
/* Tables
2016-03-21 18:03:01 +01:00
========================================================================== */
2016-03-11 23:28:19 +01:00
table {
2016-03-21 18:03:01 +01:00
border-collapse: collapse;
border-spacing: 0;
2016-03-11 23:28:19 +01:00
}
2016-03-21 18:03:01 +01:00
td, th {
padding: 0;
2016-03-11 23:28:19 +01:00
}
/* Images
2016-03-21 18:03:01 +01:00
========================================================================== */
2016-03-11 23:28:19 +01:00
img {
2016-03-21 18:03:01 +01:00
max-width: 100%;
display: block;
margin: inherit auto;
2016-03-11 23:28:19 +01:00
}