home.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. .home-container .online-status-section {
  2. margin-bottom: 1em;
  3. }
  4. .home-container .online-status-section .online-details-card {
  5. border-color: var(--theme-color-palette-15);
  6. }
  7. .home-container .stream-details-item-container {
  8. margin: 1em 0;
  9. }
  10. .home-container .stream-details-item-container:first-of-type {
  11. margin-top: 0;
  12. }
  13. .home-container .stream-details > .ant-card-bordered {
  14. border-color: rgba(255, 255, 255, 0.1);
  15. }
  16. .home-container .ant-card-small > .ant-card-head {
  17. background-color: var(--primary-3);
  18. }
  19. #admin-page .ant-card-body {
  20. background-color: var(--theme-color-palette-15);
  21. border-radius: var(--theme-rounded-corners);
  22. }
  23. #admin-page .line-chart-container {
  24. background-color: var(--theme-color-palette-15);
  25. border-radius: var(--theme-rounded-corners);
  26. margin: 10px 0px 10px 0px;
  27. }
  28. #admin-page th {
  29. background-color: var(--theme-color-palette-15);
  30. }
  31. #admin-page .ant-btn-default {
  32. background-color: var(--theme-color-palette-14);
  33. }
  34. .home-container .outbound-details {
  35. margin-bottom: 1em;
  36. }
  37. .offline-content .list-section {
  38. background-color: var(--theme-color-palette-15);
  39. border-radius: var(--theme-rounded-corners);
  40. padding: 1em;
  41. }
  42. .offline-content .list-section > .ant-card {
  43. margin-bottom: 1em;
  44. }
  45. .offline-intro {
  46. display: flex;
  47. flex-direction: row;
  48. justify-content: space-evenly;
  49. align-items: center;
  50. margin-bottom: 2em;
  51. }
  52. .offline-intro .logo-svg {
  53. height: 6em;
  54. width: 6em;
  55. }
  56. .news-feed {
  57. margin-top: 0;
  58. padding: 1.5em;
  59. border: 1px solid var(--theme-color-palette-15);
  60. background-color: var(--theme-color-palette-15);
  61. border-radius: var(--theme-rounded-corners);
  62. }
  63. .news-feed h2 {
  64. font-size: 1.2em;
  65. margin-top: 0;
  66. color: var(--theme-color-palette-1);
  67. }
  68. .news-feed article {
  69. padding: 1em 0.25em;
  70. font-size: 0.9rem;
  71. color: var(--white-75);
  72. border-bottom: 1px solid var(--theme-color-palette-15);
  73. }
  74. .news-feed article h3 {
  75. font-size: 1.2em;
  76. }
  77. .news-feed article h3 a {
  78. font-weight: 400;
  79. font-size: 1em;
  80. }
  81. .news-feed article .timestamp {
  82. margin-top: 0;
  83. font-size: 0.75em;
  84. }
  85. .ant-collapse > .ant-collapse-item:last-child,
  86. .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  87. background-color: var(--theme-color-background-main);
  88. border-radius: var(--theme-rounded-corners);
  89. }
  90. .ant-card-body {
  91. /* background-color: var(--theme-color-palette-5); */
  92. border: 1px solid var(--theme-color-palette-15);
  93. }