|
|
body { |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-wrap: wrap; |
|
|
} |
|
|
textarea { |
|
|
font-family: monospace; |
|
|
} |
|
|
header { |
|
|
font-size: 130%; |
|
|
font-weight: bold; |
|
|
} |
|
|
.hidden, .initially-hidden { |
|
|
position: absolute !important; |
|
|
opacity: 0 !important; |
|
|
pointer-events: none !important; |
|
|
display: none !important; |
|
|
} |
|
|
fieldset.options { |
|
|
font-size: 75%; |
|
|
} |
|
|
fieldset > legend { |
|
|
padding: 0 0.5em; |
|
|
} |
|
|
span.labeled-input { |
|
|
padding: 0.25em; |
|
|
margin: 0.25em 0.5em; |
|
|
border-radius: 0.25em; |
|
|
white-space: nowrap; |
|
|
background: #0002; |
|
|
} |
|
|
.center { text-align: center; } |
|
|
.error { |
|
|
color: red; |
|
|
background-color: yellow; |
|
|
} |
|
|
.strong { font-weight: 700 } |
|
|
.warning { color: firebrick; } |
|
|
.green { color: darkgreen; } |
|
|
.tests-pass { background-color: green; color: white } |
|
|
.tests-fail { background-color: red; color: yellow } |
|
|
.faded { opacity: 0.5; } |
|
|
.group-start { |
|
|
color: blue; |
|
|
background-color: skyblue; |
|
|
font-weight: bold; |
|
|
border-top: 1px dotted blue; |
|
|
padding: 0.5em; |
|
|
margin-top: 0.5em; |
|
|
} |
|
|
.group-end { |
|
|
padding: 0.5em; |
|
|
margin-bottom: 0.25em; |
|
|
|
|
|
} |
|
|
.group-end.green { |
|
|
background: lightgreen; |
|
|
border-bottom: 1px dotted green; |
|
|
} |
|
|
.one-test-line, .skipping-group { |
|
|
margin-left: 3em; |
|
|
} |
|
|
.skipping-test, .skipping-group { |
|
|
padding: 0.25em 0.5em; |
|
|
background-color: #ffff73; |
|
|
} |
|
|
.skipping-test { |
|
|
margin-left: 6em; |
|
|
} |
|
|
.one-test-summary { |
|
|
margin-left: 6em; |
|
|
} |
|
|
.full-test-summary { |
|
|
padding-bottom: 0.5em; |
|
|
padding-top: 0.5em; |
|
|
border-top: 1px solid black; |
|
|
} |
|
|
.input-wrapper { |
|
|
white-space: nowrap; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
} |
|
|
#test-output { |
|
|
border: 1px inset; |
|
|
border-radius: 0.25em; |
|
|
padding: 0.25em; |
|
|
|
|
|
overflow: auto; |
|
|
white-space: break-spaces; |
|
|
display: flex; flex-direction: column; |
|
|
font-family: monospace; |
|
|
} |
|
|
#test-output.reverse { |
|
|
flex-direction: column-reverse; |
|
|
} |
|
|
label[for] { cursor: pointer } |
|
|
|
|
|
h1 { |
|
|
border-radius: 0.25em; |
|
|
padding: 0.15em 0.25em; |
|
|
} |
|
|
h1:first-of-type {margin: 0 0 0.5em 0;} |
|
|
|
