Skip to content

Instantly share code, notes, and snippets.

@nelitow
Last active January 19, 2022 20:09
Show Gist options
  • Save nelitow/a7064b54a9feda5bba15ea74aa93aee1 to your computer and use it in GitHub Desktop.
Save nelitow/a7064b54a9feda5bba15ea74aa93aee1 to your computer and use it in GitHub Desktop.
html,
body {
font-family: "Arial", sans-serif;
margin: 0 auto;
padding: 40px 0;
max-width: 800px;
line-height: 1.6;
font-size: 18px;
color: #444;
}
* {
box-sizing: border-box;
transition: all 300ms;
background-size: cover;
}
table tr:nth-child(even) {
background-color: #eee;
}
table tr:nth-child(odd) {
background-color: #fff;
}
table th {
color: white;
background-color: black;
}
input {
display: inline-block;
height: 2.75em;
line-height: 2.7em;
padding: 0 1.5em 0 1.5em;
border-radius: 5px;
text-decoration: none;
font-weight: 600;
border: solid 1px #dee0e3;
white-space: nowrap;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
/*hides blue border on chrome, not recommended for accessibility or smt like that*/
outline: none;
}
input[type="submit"],
a .button {
display: inline-block;
height: 2.75em;
line-height: 2.7em;
padding: 0 1.5em 0 1.5em;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
border: solid 1px #dee0e3;
white-space: nowrap;
}
a {
text-decoration: none;
}
h1,
h2,
h3 {
line-height: 1.2;
}
img {
max-width: 100%;
border-radius: 5px;
box-shadow: 2px 2px 4px #999;
}
pre {
white-space: pre-wrap;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment