key.css (1427B)
1 .keyboard { 2 display: table; 3 border-collapse: separate; 4 border-spacing: 2px; 5 width: 800px; 6 border: 2px solid black; 7 border-radius: 10px; 8 padding: 5px; 9 } 10 11 .key-row { 12 display: table; 13 margin: 0; 14 padding: 0; 15 } 16 17 .key { 18 display: table-cell; 19 border: 2px solid black; 20 border-radius: 8px; 21 width: 50px; 22 height: 40px; 23 vertical-align: middle; 24 text-align: center; 25 margin: 0; 26 padding: 0; 27 } 28 29 .wide1 { 30 width: 70px; 31 } 32 33 .wide2 { 34 width: 90px; 35 } 36 37 .wide3 { 38 width: 110px; 39 } 40 41 .wide4 { 42 width: 130px; 43 } 44 45 .wide5 { 46 width: 300px; 47 } 48 49 .nextKey { 50 background-color: yellow; 51 } 52 53 .goodKey { 54 background-color: #80ff08; 55 } 56 57 .badKey { 58 background-color: #ff8080; 59 } 60 61 .activeModifierKey { 62 background-color: #a0a0ff; 63 } 64 65 .skippedKey { 66 background-color: #e0e0e0; 67 } 68 69 #options { 70 display: none; 71 margin: 20px; 72 } 73 74 #optionstoggle, #helptoggle { 75 font-size: 10pt; 76 } 77 78 .opttable { 79 border: 1px solid black; 80 } 81 82 .optcell { 83 vertical-align: top; 84 padding: 0 10px; 85 } 86 87 .opttitle { 88 font-weight: bold; 89 } 90 91 .error { 92 border: 1px solid red; 93 margin: 5px; 94 padding: 5px; 95 } 96 97 .error1 { 98 font-size: 12pt; 99 margin: 0 0 0 10px; 100 padding: 0; 101 } 102 103 .error2 { 104 font-size: 10pt; 105 margin: 0 0 0 20px; 106 padding: 0; 107 } 108 109 .help { 110 font-size: 11pt; 111 margin: 0 0 5px 20px; 112 padding: 0; 113 } 114 115 body { 116 margin: 10px; 117 padding: 0 20px; 118 }