tests.css (2156B)
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 }