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 115body { 116 margin: 10px; 117 padding: 0 20px; 118} 119