1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94
|
* {
font-family: Georgia;
box-sizing: border-box;
}
body {
max-width: 70em;
margin: 12px;
}
h1, h2, h3, h4, h5, h6 {
font-style: italic;
color: DarkBlue;
margin-bottom: 0.2em;
}
h1 {
margin-top: 0;
}
h2, h3, h4, h5, h6 {
margin-top: 1em;
}
h2 {
font-size: 1.5em;
font-weight: bold;
}
p {
margin-top: 0.5em;
word-spacing: 0.3ex;
}
footer {
position: absolute;
top: 1em;
right: 1em;
}
form label {
display: block;
margin-bottom: 6px;
}
form input {
width: 90%;
margin-bottom: 20px;
padding: 3px;
}
.output {
background-color: whitesmoke;
border: 1px dashed crimson;
width: 95%;
padding: 1em;
margin: 0;
}
.output.error {
color: Crimson;
}
.output th {
width: 100px;
text-align: right;
padding-right: 20px;
}
.output td {
font-family: 'Bitstream Vera Sans Mono', 'Andale Mono', 'Lucida Console', monospace, fixed;
}
.pass {
color: green;
}
.fail {
color: red;
}
.output td.empty-string {
font-family: inherit;
font-size: smaller;
font-style: italic;
}
.output td.empty-string:not(.fail) {
color: #CCC;
}
.output td.non-string {
font-style: italic;
}
|