The UI component of the AiteStory project.
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.

47 lines
850 B

  1. /*
  2. * background.js magic
  3. */
  4. img#main-background {
  5. /* Set rules to fill background */
  6. width: 100%;
  7. /* Set up proportionate scaling */
  8. min-height: 100%;
  9. height: auto;
  10. /* Set up positioning */
  11. position: fixed;
  12. top: 0;
  13. left: 0;
  14. z-index: -1;
  15. user-select: none;
  16. filter: brightness(20%);
  17. }
  18. img#main-background.landscape {
  19. /* Set rules to fill background */
  20. height: 100%;
  21. /* Set up proportionate scaling */
  22. min-width: 100%;
  23. width: auto;
  24. }
  25. /*
  26. * Less glaring chrome/ium scrollbars.
  27. */
  28. ::-webkit-scrollbar {
  29. width: 2px;
  30. /* for vertical scrollbars */
  31. height: 2px;
  32. /* for horizontal scrollbars */
  33. }
  34. ::-webkit-scrollbar-button {
  35. background-color: #777;
  36. color: 000;
  37. display: none;
  38. }
  39. ::-webkit-scrollbar-track {
  40. background-color: #ccc;
  41. }
  42. ::-webkit-scrollbar-thumb {
  43. background-color: #777;
  44. color: #000;
  45. }