Skip to content

Instantly share code, notes, and snippets.

@macton macton/style.css
Created Mar 11, 2017

Embed
What would you like to do?
// Simple, readable style.css template
body {
font-family: "Georgia", "Verdana", "Lucida Grande", sans-serif;
margin: 20px auto;
width: 95%;
font-size: 70%;
line-height: 1.4;
}
@media (min-width: 400px) {
body { width: 90%; font-size: 75%; }
}
@media (min-width: 700px) {
body { width: 80%; font-size: 90%; }
}
@media (min-width: 850px) {
body { width: 70%; font-size: 100%; }
}
@media (min-width: 1000px) {
body { width: 60%; font-size: 110%; }
}
@media (min-width: 1100px) {
body { width: 50%; font-size: 115%;}
}
@media (min-width: 1450px) {
body { width: 40%; font-size: 125%; }
}
tbody tr:nth-child(odd) {
background-color: #ddd;
}
table {
border: 1px solid black;
border-collapse: collapse;
}
tr td {
border-bottom:1pt solid black;
padding:6px;
}
th {
padding:6px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.