112 lines
2.2 KiB
CSS
112 lines
2.2 KiB
CSS
html {
|
|
/* Common: Match typography size */
|
|
font-size: 1rem;
|
|
}
|
|
|
|
|
|
body {
|
|
/* Common: Removes the default margin from body */
|
|
margin: 0;
|
|
/* Common: Sets in common the way of rendering the text */
|
|
text-rendering: optimizeLegibility;
|
|
/* Common: Standardizes typography */
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
/* Common: Standardizes line height. */
|
|
line-height: 125%;
|
|
}
|
|
|
|
a {
|
|
/* Hyperlink: Remove the bottom line. */
|
|
text-decoration: none;
|
|
/* Hyperlink: Remove default color */
|
|
color: unset;
|
|
/* iOS: remove the color of the highlight that appears over a link while it's being tapped */
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
/* Pictures: Gives 100% width to fit containers */
|
|
img,
|
|
picture {
|
|
width: 100%;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
margin-bottom: 10px;
|
|
width: 100%;
|
|
}
|
|
|
|
td,
|
|
th {
|
|
padding: 6px;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
/* Firefox: remove inner focus ring */
|
|
button::-moz-focus-inner,
|
|
input[type="button"]::-moz-focus-inner,
|
|
input[type="submit"]::-moz-focus-inner,
|
|
input[type="reset"]::-moz-focus-inner,
|
|
input[type="color"]::-moz-focus-inner {
|
|
border: 0;
|
|
}
|
|
|
|
a:focus,
|
|
textarea:focus,
|
|
button:focus,
|
|
input:focus {
|
|
outline: none;
|
|
}
|
|
|
|
a,
|
|
button,
|
|
input[type='submit'],
|
|
input[type='button'],
|
|
input[type='checkbox'] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* iOS: remove zoom double tap */
|
|
button {
|
|
touch-action: manipulation;
|
|
}
|
|
|
|
/* iOS && Firefox: remove default input appearince */
|
|
/* Remove or add any input type */
|
|
input[type="button"],
|
|
input[type="checkbox"],
|
|
input[type="email"],
|
|
input[type="file"],
|
|
input[type="number"],
|
|
input[type="reset"],
|
|
input[type="search"],
|
|
input[type="submit"],
|
|
input[type="tel"],
|
|
input[type="text"],
|
|
input[type="url"],
|
|
textarea {
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
/* iOS: remove the "cancel button" at the edge of an <input> of type="search" */
|
|
input[type="search"]::-webkit-search-cancel-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
/* Remove resize option for textarea */
|
|
textarea {
|
|
resize: none;
|
|
}
|
|
|
|
/* Firefox: remove default input:invalid appearence */
|
|
input:invalid {
|
|
box-shadow: none;
|
|
}
|
|
|