panel.css 641 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. html,
  2. body {
  3. height: 100%;
  4. font-family: sans-serif;
  5. font-size: 12px;
  6. }
  7. body {
  8. display: flex;
  9. flex-direction: column;
  10. margin: 0;
  11. height: 100%;
  12. overflow: hidden;
  13. background-color: #fbfbfb;
  14. }
  15. header {
  16. display: flex;
  17. flex-direction: row;
  18. }
  19. .tab {
  20. height: 30px;
  21. padding-top: 8px;
  22. padding-left: 8px;
  23. padding-right: 8px;
  24. opacity: .5;
  25. cursor: pointer;
  26. }
  27. .tab-selected {
  28. opacity: 1;
  29. }
  30. main {
  31. flex: 1;
  32. }
  33. iframe {
  34. height: 100%;
  35. width: 100%;
  36. border-width: 0;
  37. }
  38. @media (prefers-color-scheme: dark) {
  39. body {
  40. background-color: #38383d;
  41. color: #fdfdfd;
  42. }
  43. }