| | 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;} |
| |
|
