html, body, hr, h1 {
margin: 0;
padding: 0;
outline: 0;
}
html {
background: #f1f1f1;
font-size: 1em;
}
main {
padding: .6rem;
background: #fff;
border: 0 solid #ddd;
border-width: 2px 0 2px 0;
}
footer {
padding: 10px 0;
text-align: center;
}
h1 {
margin-top: .33em;
}
span, a {
font-size: .75em;
}
span, [disabled] {
color: #888;
pointer-events: none;
}
a {
margin-left: 5px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
a:visited {
color: #0000ee;
}
nav {
margin: 15px 0;
}
pre {
margin: 0;
padding: .8rem 1.1rem;
overflow: auto;
background: #f6f6f6;
box-shadow: 0px 0px 3px #aaa;
font-size: 1.2em;
}
pre:not(:last-of-type) {
margin: 0 0 .6rem;
}
header form {
padding: 15px;
}
main form {
width: 100%;
}
form div {
display: flex;
}
form div:not(:last-of-type) {
margin: 0 0 8px;
}
label, textarea, input, select, button, span, form a {
margin-right: -1px;
padding: 5px 10px;
border: 1px solid #bbb;
border-radius: 0;
}
label {
display: flex;
cursor: pointer;
}
label input {
margin: 2px 0 0 .4rem;
width: auto;
}
textarea, input, select {
width: 100%;
display: block;
}
textarea {
margin: .6rem 0;
}
button {
color: #eee;
background: #333;
white-space: nowrap;
cursor: pointer;
}
|
Download
