Edit stuff
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

70 lines
1.2 KiB

  1. .App {
  2. text-align: center;
  3. position: absolute;
  4. left: 0;
  5. top: 0;
  6. right: 0;
  7. bottom: 0;
  8. background: #111;
  9. color: #aaa;
  10. }
  11. input, textarea {
  12. background: #111;
  13. outline: none;
  14. border: none;
  15. resize: none;
  16. color: #aaa;
  17. font-size: 1em;
  18. }
  19. textarea {
  20. margin-left: auto;
  21. margin-right: auto;
  22. width: 40ch;
  23. max-width: 90%;
  24. height: calc(100% - 2em);
  25. box-sizing: border-box;
  26. font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  27. }
  28. input {
  29. width: calc(100% - 10ch);
  30. }
  31. span {
  32. opacity: 0.125;
  33. }
  34. ::-webkit-scrollbar-track
  35. {
  36. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  37. background-color: #111;
  38. }
  39. ::-webkit-scrollbar
  40. {
  41. width: 4px;
  42. background-color: #000;
  43. }
  44. ::-webkit-scrollbar-thumb
  45. {
  46. background-color: #900;
  47. background-image: -webkit-linear-gradient(45deg,
  48. rgba(255, 255, 255, .2) 25%,
  49. transparent 25%,
  50. transparent 50%,
  51. rgba(255, 255, 255, .2) 50%,
  52. rgba(255, 255, 255, .2) 75%,
  53. transparent 75%,
  54. transparent)
  55. }
  56. .App-status {
  57. text-align: left;
  58. margin-left: 1ch;
  59. }