Home | History | Annotate | Download | only in keyboard 
      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