style.css 696 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. header {
  2. position: fixed;
  3. width: 100%;
  4. z-index: 5;
  5. }
  6. aside {
  7. padding-top: 4em;
  8. z-index: 3; /* Make sure the sidebar is on top of the terminal */
  9. }
  10. main {
  11. padding-top: 4em;
  12. }
  13. dialog {
  14. border-radius: 1em;
  15. }
  16. section {
  17. padding: 0;
  18. }
  19. .display {
  20. border: 1px solid #666;
  21. padding: 1em;
  22. border-radius: .7em;
  23. box-shadow: 0 0 .6em #aaa;
  24. text-align: center;
  25. font-size: small;
  26. display: flex;
  27. flex-direction: column;
  28. flex-grow: 1;
  29. justify-content: center;
  30. align-items: center;
  31. }
  32. aside .flex-row {
  33. padding-left: 1em;
  34. padding-right: .5em;
  35. }
  36. #sidebar-toggler-button {
  37. margin-right: .5em;
  38. }
  39. div.buttons button svg {
  40. vertical-align: middle;
  41. }
  42. section.small {
  43. border-radius: .4em;
  44. }