1<!DOCTYPE HTML> 2<html> 3 <head> 4 <script src="main.js"></script> 5 <style> 6 #b { 7 margin: 0; 8 padding: 0; 9 background: -webkit-linear-gradient(#131925, #04070B); 10 color: white; 11 -webkit-user-select: none; 12 } 13 14 div.row { 15 margin-top: 5px; 16 } 17 18 .key { 19 color: #dbdbdb; 20 -webkit-border-radius: 4px; 21 text-align: center; 22 font-family: sans-serif; 23 border-style: solid; 24 border-color: gray; 25 border-width: 1px; 26 float: left; 27 } 28 29 .r0 { 30 background: -webkit-linear-gradient(#5a616f, #505662); 31 } 32 .r0:active { 33 background: -webkit-linear-gradient(#505662, #5a616f); 34 } 35 36 .r1 { 37 background: -webkit-linear-gradient(#505662, #41464f); 38 } 39 .r1:active { 40 background: -webkit-linear-gradient(#41464f, #505662); 41 } 42 43 .r2 { 44 background: -webkit-linear-gradient(#41464f, #32373d); 45 } 46 .r2:active { 47 background: -webkit-linear-gradient(#32373d, #41464f); 48 } 49 50 div.moddown { 51 border-color: #304a9b; 52 background: -webkit-linear-gradient(#0d0d0d, #1e2026); 53 } 54 55 .ncr0, 56 .ncr1, 57 .ncr2, 58 .ncr3 { 59 background: -webkit-linear-gradient(#1f2127, #1b1e22); 60 } 61 62 .ncr0:active, 63 .ncr1:active, 64 .ncr2:active, 65 .ncr3:active { 66 background: -webkit-linear-gradient(#0d0d0d, #1e2026); 67 } 68 69 .image-key { 70 width: 100%; 71 height: 100%; 72 background-size: contain; 73 background-repeat: no-repeat; 74 background-position: center center; 75 } 76 77 .backspace { 78 background-image: url("del.svg"); 79 } 80 81 .tab { 82 background-image: url("tab.svg"); 83 } 84 85 .return { 86 background-image: url("ret.svg"); 87 } 88 89 .mic { 90 background-image: url("mic.svg"); 91 } 92 93 .shift { 94 background-image: url("shift.svg"); 95 } 96 97 .hide { 98 background-image: url("keyboard.svg"); 99 } 100 </style> 101 </head> 102 <body id="b"></body> 103</html> 104
