OLD | NEW |
(Empty) | |
| 1 @import "reset.css"; |
| 2 .yes { color: green } |
| 3 .no { color: red } |
| 4 .maybe { color: orange } |
| 5 .yes, .no, .maybe { |
| 6 text-align: center; |
| 7 vertical-align: middle; |
| 8 font-size: 3em; |
| 9 /* Somehow Opera doesn't render the X's if the font is serif, on my |
| 10 * machine. */ |
| 11 font-family: sans-serif; |
| 12 border-color: black; |
| 13 } |
| 14 div.alert { |
| 15 color: red; |
| 16 font-weight: bold; |
| 17 } |
| 18 .extra-results { font-size: small } |
| 19 .good-result { color: green } |
| 20 .bad-result { color: red } |
| 21 body > div > table > tbody > tr > td > div:first-child { |
| 22 padding-bottom: 0.2em; |
| 23 } |
| 24 body > div > table > tbody > tr > td > div:last-child { |
| 25 padding-top: 0.2em; |
| 26 border-top: 1px solid black; |
| 27 } |
| 28 /* Workaround for browsers that don't treat <wbr> as a line-break opportunity |
| 29 * (activated via JS feature-detection) */ |
| 30 body.wbr-workaround > div > table > tbody > tr > td > div:last-child { |
| 31 word-wrap: break-word; |
| 32 } |
| 33 body > div > table > tbody > tr > td > div:last-child { |
| 34 white-space: pre-wrap; |
| 35 } |
| 36 /* Let the rendered HTML line up so it's easier to compare whitespace */ |
| 37 body > div > table > tbody > tr > td { vertical-align: top } |
| 38 /* We don't want test cells to not wrap */ |
| 39 listing, plaintext, pre, xmp { white-space: pre-wrap } |
| 40 img, video { width: 50px } |
| 41 body > div > table { |
| 42 width: 100%; |
| 43 table-layout: fixed; |
| 44 } |
| 45 body > div > table > tbody > tr > td, |
| 46 body > div > table > tbody > tr > th { |
| 47 width: 30%; |
| 48 } |
| 49 body > div > table > tbody > tr > td:last-child, |
| 50 body > div > table > tbody > tr > th:last-child { |
| 51 width: 10%; |
| 52 } |
| 53 body > div > p > label > input { width: 30% } |
| 54 #toolbar { |
| 55 position: fixed; |
| 56 top: 0; |
| 57 left: 0; |
| 58 right: 0; |
| 59 height: 1.5em; |
| 60 background: white; |
| 61 border-bottom: 2px solid gray; |
| 62 } |
| 63 body { |
| 64 /* So the toolbar doesn't block it */ |
| 65 margin-top: 2em; |
| 66 } |
| 67 /* For easy visibility of nesting */ |
| 68 ol ol { list-style-type: lower-alpha } |
| 69 ol ol ol { list-style-type: lower-roman } |
| 70 /* For manual tests */ |
| 71 #overlay { |
| 72 display: none; |
| 73 position: fixed; |
| 74 top: 0; |
| 75 bottom: 0; |
| 76 left: 0; |
| 77 right: 0; |
| 78 color: red; |
| 79 background: yellow; |
| 80 font-size: 4em; |
| 81 font-weight: bold; |
| 82 text-align: center; |
| 83 padding: 2em; |
| 84 } |
OLD | NEW |