style.css 9.6 KB

12345678910111213141516171819202122232425262728293031323334
  1. @font-face {
  2. font-family: 'keyboard';
  3. src: url(data:application/octet-stream;base64,2AUAADAFAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAb4AoPgAAAAAAAAAAAAAAAAAAAAAAABAAawBlAHkAYgBvAGEAcgBkAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAQAGsAZQB5AGIAbwBhAHIAZAAAAAAAAAEAAAALAIAAAwAwT1MvMg8SBYAAAAC8AAAAYGNtYXAXVtKIAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZsG5f5gAAAF4AAABYGhlYWQfdWZzAAAC2AAAADZoaGVhB48DxwAAAxAAAAAkaG10eA4AAQcAAAM0AAAAGGxvY2EA2ABUAAADTAAAAA5tYXhwAAoASQAAA1wAAAAgbmFtZeH7CFEAAAN8AAABknBvc3QAAwAAAAAFEAAAACAAAwNVAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QH//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABANQAlAMsAuwAEgAAATUHFzUyFx4BFxYXNTQnLgEnJgHD7+8ZLy9qNDMhEhJURkUCeHTOzn0WFlE6OkhRIUVFizIyAAMAM//zA80DjQAMACkARgAAAQ4BLwEHFxY2NwEnARMiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjESInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBiMB5g4mD4kgiR1NHQEZI/7mGl9UU34kJSQkfVRUYGBUVH0kJCUkfVRUX1VLS3EgISEgcExLVVVLTHAgISEgcExLVQFKDwEMhCSDGgEcASog/toCQyQkfVRUYGBUVH0kJCQkfVRUYGBUVH0kJPyWISBxS0tVVUtMcCAhISBwTEtVVUtLcSAhAAAAAQAAAAEAAD4ogG9fDzz1AAsEAAAAAADeRJD7AAAAAN5EkPsAAP/zA80DjQAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADzQABAAAAAAAAAAAAAAAAAAAABgQAAAAAAAAAAAAAAAIAAAAEAADUBAAAMwAAAAAACgAUAB4AQACwAAAAAQAAAAYARwADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAgAAAABAAAAAAACAAcAaQABAAAAAAADAAgAOQABAAAAAAAEAAgAfgABAAAAAAAFAAsAGAABAAAAAAAGAAgAUQABAAAAAAAKABoAlgADAAEECQABABAACAADAAEECQACAA4AcAADAAEECQADABAAQQADAAEECQAEABAAhgADAAEECQAFABYAIwADAAEECQAGABAAWQADAAEECQAKADQAsGtleWJvYXJkAGsAZQB5AGIAbwBhAHIAZFZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGtleWJvYXJkAGsAZQB5AGIAbwBhAHIAZGtleWJvYXJkAGsAZQB5AGIAbwBhAHIAZFJlZ3VsYXIAUgBlAGcAdQBsAGEAcmtleWJvYXJkAGsAZQB5AGIAbwBhAHIAZEZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=);
  4. src: url(data:application/octet-stream;base64,2AUAADAFAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAb4AoPgAAAAAAAAAAAAAAAAAAAAAAABAAawBlAHkAYgBvAGEAcgBkAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAQAGsAZQB5AGIAbwBhAHIAZAAAAAAAAAEAAAALAIAAAwAwT1MvMg8SBYAAAAC8AAAAYGNtYXAXVtKIAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZsG5f5gAAAF4AAABYGhlYWQfdWZzAAAC2AAAADZoaGVhB48DxwAAAxAAAAAkaG10eA4AAQcAAAM0AAAAGGxvY2EA2ABUAAADTAAAAA5tYXhwAAoASQAAA1wAAAAgbmFtZeH7CFEAAAN8AAABknBvc3QAAwAAAAAFEAAAACAAAwNVAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QH//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABANQAlAMsAuwAEgAAATUHFzUyFx4BFxYXNTQnLgEnJgHD7+8ZLy9qNDMhEhJURkUCeHTOzn0WFlE6OkhRIUVFizIyAAMAM//zA80DjQAMACkARgAAAQ4BLwEHFxY2NwEnARMiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjESInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBiMB5g4mD4kgiR1NHQEZI/7mGl9UU34kJSQkfVRUYGBUVH0kJCUkfVRUX1VLS3EgISEgcExLVVVLTHAgISEgcExLVQFKDwEMhCSDGgEcASog/toCQyQkfVRUYGBUVH0kJCQkfVRUYGBUVH0kJPyWISBxS0tVVUtMcCAhISBwTEtVVUtLcSAhAAAAAQAAAAEAAD4ogG9fDzz1AAsEAAAAAADeRJD7AAAAAN5EkPsAAP/zA80DjQAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADzQABAAAAAAAAAAAAAAAAAAAABgQAAAAAAAAAAAAAAAIAAAAEAADUBAAAMwAAAAAACgAUAB4AQACwAAAAAQAAAAYARwADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAgAAAABAAAAAAACAAcAaQABAAAAAAADAAgAOQABAAAAAAAEAAgAfgABAAAAAAAFAAsAGAABAAAAAAAGAAgAUQABAAAAAAAKABoAlgADAAEECQABABAACAADAAEECQACAA4AcAADAAEECQADABAAQQADAAEECQAEABAAhgADAAEECQAFABYAIwADAAEECQAGABAAWQADAAEECQAKADQAsGtleWJvYXJkAGsAZQB5AGIAbwBhAHIAZFZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGtleWJvYXJkAGsAZQB5AGIAbwBhAHIAZGtleWJvYXJkAGsAZQB5AGIAbwBhAHIAZFJlZ3VsYXIAUgBlAGcAdQBsAGEAcmtleWJvYXJkAGsAZQB5AGIAbwBhAHIAZEZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('embedded-opentype'),
  5. url(data:font/ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SBYAAAAC8AAAAYGNtYXAXVtKIAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZsG5f5gAAAF4AAABYGhlYWQfdWZzAAAC2AAAADZoaGVhB48DxwAAAxAAAAAkaG10eA4AAQcAAAM0AAAAGGxvY2EA2ABUAAADTAAAAA5tYXhwAAoASQAAA1wAAAAgbmFtZeH7CFEAAAN8AAABknBvc3QAAwAAAAAFEAAAACAAAwNVAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QH//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABANQAlAMsAuwAEgAAATUHFzUyFx4BFxYXNTQnLgEnJgHD7+8ZLy9qNDMhEhJURkUCeHTOzn0WFlE6OkhRIUVFizIyAAMAM//zA80DjQAMACkARgAAAQ4BLwEHFxY2NwEnARMiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjESInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBiMB5g4mD4kgiR1NHQEZI/7mGl9UU34kJSQkfVRUYGBUVH0kJCUkfVRUX1VLS3EgISEgcExLVVVLTHAgISEgcExLVQFKDwEMhCSDGgEcASog/toCQyQkfVRUYGBUVH0kJCQkfVRUYGBUVH0kJPyWISBxS0tVVUtMcCAhISBwTEtVVUtLcSAhAAAAAQAAAAEAAD4ogG9fDzz1AAsEAAAAAADeRJD7AAAAAN5EkPsAAP/zA80DjQAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADzQABAAAAAAAAAAAAAAAAAAAABgQAAAAAAAAAAAAAAAIAAAAEAADUBAAAMwAAAAAACgAUAB4AQACwAAAAAQAAAAYARwADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAgAAAABAAAAAAACAAcAaQABAAAAAAADAAgAOQABAAAAAAAEAAgAfgABAAAAAAAFAAsAGAABAAAAAAAGAAgAUQABAAAAAAAKABoAlgADAAEECQABABAACAADAAEECQACAA4AcAADAAEECQADABAAQQADAAEECQAEABAAhgADAAEECQAFABYAIwADAAEECQAGABAAWQADAAEECQAKADQAsGtleWJvYXJkAGsAZQB5AGIAbwBhAHIAZFZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGtleWJvYXJkAGsAZQB5AGIAbwBhAHIAZGtleWJvYXJkAGsAZQB5AGIAbwBhAHIAZFJlZ3VsYXIAUgBlAGcAdQBsAGEAcmtleWJvYXJkAGsAZQB5AGIAbwBhAHIAZEZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'),
  6. url(data:application/font-woff;base64,d09GRgABAAAAAAV8AAsAAAAABTAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFgGNtYXAAAAFoAAAAVAAAAFQXVtKIZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAWAAAAFgwbl/mGhlYWQAAAMkAAAANgAAADYfdWZzaGhlYQAAA1wAAAAkAAAAJAePA8dobXR4AAADgAAAABgAAAAYDgABB2xvY2EAAAOYAAAADgAAAA4A2ABUbWF4cAAAA6gAAAAgAAAAIAAKAEluYW1lAAADyAAAAZIAAAGS4fsIUXBvc3QAAAVcAAAAIAAAACAAAwAAAAMDVQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQDUAJQDLALsABIAAAE1Bxc1MhceARcWFzU0Jy4BJyYBw+/vGS8vajQzIRISVEZFAnh0zs59FhZROjpIUSFFRYsyMgADADP/8wPNA40ADAApAEYAAAEOAS8BBxcWNjcBJwETIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmIxEiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYjAeYOJg+JIIkdTR0BGSP+5hpfVFN+JCUkJH1UVGBgVFR9JCQlJH1UVF9VS0txICEhIHBMS1VVS0xwICEhIHBMS1UBSg8BDIQkgxoBHAEqIP7aAkMkJH1UVGBgVFR9JCQkJH1UVGBgVFR9JCT8liEgcUtLVVVLTHAgISEgcExLVVVLS3EgIQAAAAEAAAABAAA+KIBvXw889QALBAAAAAAA3kSQ+wAAAADeRJD7AAD/8wPNA40AAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA80AAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAACAAAABAAA1AQAADMAAAAAAAoAFAAeAEAAsAAAAAEAAAAGAEcAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBrZXlib2FyZABrAGUAeQBiAG8AYQByAGRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBrZXlib2FyZABrAGUAeQBiAG8AYQByAGRrZXlib2FyZABrAGUAeQBiAG8AYQByAGRSZWd1bGFyAFIAZQBnAHUAbABhAHJrZXlib2FyZABrAGUAeQBiAG8AYQByAGRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff'),
  7. url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEljb01vb248L21ldGFkYXRhPgo8ZGVmcz4KPGZvbnQgaWQ9ImtleWJvYXJkIiBob3Jpei1hZHYteD0iMTAyNCI+Cjxmb250LWZhY2UgdW5pdHMtcGVyLWVtPSIxMDI0IiBhc2NlbnQ9Ijk2MCIgZGVzY2VudD0iLTY0IiAvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iMTAyNCIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeDIwOyIgaG9yaXotYWR2LXg9IjUxMiIgZD0iIiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwMDsiIGdseXBoLW5hbWU9InVuaUU5MDAiIGQ9Ik00NTEuMzggNjMxLjgzdjExNi4xN2wtMjM5LjM4LTIwNS45NSAyMzkuMzgtMjA2LjAxMHYxMjQuNThjNjYuNTEgMCAyNzEuOTYtMTIwIDM2MC42Mi0zMTIuNjJ2ODEuNGMwIDg1LjYxLTg4LjY3IDQyMC42Ni0zNjAuNjIgNDAyLjQzeiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDE7IiBnbHlwaC1uYW1lPSIxIiBkPSJNNDg2LjQgMzI5LjZjLTE5LjItMTkuMi00OC0xOS4yLTY3LjItMy4ybC0xMzcuNiAxMzEuMi0zMi0zNS4yIDEzNy42LTEzMS4yYzM4LjQtMzUuMiA5Ni0zNS4yIDEzNC40IDMuMmwyODEuNiAyOTcuNi0zNS4yIDMyLTI4MS42LTI5NC40ek01MTIgOTA4LjhjLTI1Mi44IDAtNDYwLjgtMjA0LjgtNDYwLjgtNDYwLjhzMjA0LjgtNDYwLjggNDYwLjgtNDYwLjggNDYwLjggMjA0LjggNDYwLjggNDYwLjgtMjA4IDQ2MC44LTQ2MC44IDQ2MC44ek01MTIgMzUuMmMtMjI3LjIgMC00MTIuOCAxODUuNi00MTIuOCA0MTIuOHMxODUuNiA0MTIuOCA0MTIuOCA0MTIuOCA0MTIuOC0xODUuNiA0MTIuOC00MTIuOC0xODUuNi00MTIuOC00MTIuOC00MTIuOHoiIC8+CjwvZm9udD48L2RlZnM+PC9zdmc+) format('svg');
  8. font-weight: normal;
  9. font-style: normal;
  10. font-display: block;
  11. }
  12. .keyboard {
  13. /* use !important to prevent issues with browser extensions that change fonts */
  14. font-family: 'keyboard' !important;
  15. speak: never;
  16. font-style: normal;
  17. font-weight: normal;
  18. font-variant: normal;
  19. text-transform: none;
  20. line-height: 1.4;
  21. /* Better Font Rendering =========== */
  22. -webkit-font-smoothing: antialiased;
  23. -moz-osx-font-smoothing: grayscale;
  24. }
  25. .key-back:before {
  26. content: "\e900";
  27. }
  28. .key-complete:before {
  29. content: "\e901";
  30. }