| commit | author | age | ||
| 175a52 | 1 | body { font: 12px Verdana;} |
| JK | 2 | .error {color: red; font-weight: bold;} |
| 3 | ||
| 4 | table, table caption { | |
| 5 | border: 1px solid black; | |
| 6 | border-radius: 12px; | |
| 7 | padding: 8px 10px;} | |
| 8 | table caption { | |
| 9 | margin: 0 15px; | |
| 10 | font-size: 250%; | |
| 11 | font-weight: bold;} | |
| 12 | table.current, table.current caption { | |
| 13 | border: 10px solid orange; | |
| 14 | border-radius: 12px;} | |
| 15 | table.current caption { | |
| 16 | margin-left: 30px;} | |
| 17 | ||
| 18 | table caption, table.current caption { | |
| 19 | border-bottom: none; | |
| 20 | -webkit-border-bottom-left-radius: 0; | |
| 21 | -moz-border-radius-bottomleft: 0; | |
| 22 | border-bottom-left-radius: 0; | |
| 23 | -webkit-border-bottom-right-radius: 0; | |
| 24 | -moz-border-radius-bottomright: 0; | |
| 25 | border-bottom-right-radius: 0;} | |
| 26 | ||
| 27 | table { margin: 15px 10px; border-spacing: 0 3px;} | |
| 28 | tr td { border-width: 7px; border-style: solid;} | |
| 29 | tr td:first-child { | |
| 30 | -webkit-border-top-left-radius: 8px; | |
| 31 | -webkit-border-bottom-left-radius: 8px; | |
| 32 | -moz-border-radius-topleft: 8px; | |
| 33 | -moz-border-radius-bottomleft: 8px; | |
| 34 | border-top-left-radius: 8px; | |
| 35 | border-bottom-left-radius: 8px; | |
| 36 | } | |
| 37 | tr td:last-child { | |
| 38 | -webkit-border-top-right-radius: 8px; | |
| 39 | -webkit-border-bottom-right-radius: 8px; | |
| 40 | -moz-border-radius-topright: 8px; | |
| 41 | -moz-border-radius-bottomright: 8px; | |
| 42 | border-top-right-radius: 8px; | |
| 43 | border-bottom-right-radius: 8px; | |
| 44 | } | |
| 45 | tr.ok td { background: #afa; border-color: #afa;} | |
| 46 | tr.err td { background: #faa; border-color: #faa;} | |
| 47 | tr td { background: #ffa; border-color: #ffa;} | |
| 48 | ||
| 49 | #data { margin-bottom: 120px;} | |
| 50 | #status { | |
| 51 | background: #ddd; | |
| 52 | position: fixed; | |
| 53 | bottom: 0; | |
| 54 | left: 0; | |
| 55 | right: 0; | |
| 56 | height: 100px; | |
| 57 | padding: 5px 10px; | |
| 58 | } | |
| 59 | #status p { | |
| 60 | margin: 5px; | |
| 61 | padding: 0; | |
| 62 | } | |
| 63 | #result1 { opacity: .4;} | |
| 64 | #result2 { opacity: .6;} | |
| 65 | #input { display: none;} | |
