_global-view.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /*=== GLOBAL VIEW */
  2. /*================*/
  3. #stream {
  4. .box.category {
  5. &:not([data-unread="0"]) .box-title .title {
  6. font-weight: bold;
  7. }
  8. .box-title {
  9. padding: 1.5rem;
  10. background: none;
  11. a.title {
  12. color: var(--grey-dark);
  13. font-size: 1rem;
  14. font-weight: normal;
  15. text-decoration: none;
  16. text-align: left;
  17. text-transform: uppercase;
  18. letter-spacing: 1px;
  19. &:not([data-unread="0"])::after {
  20. margin: -0.5rem 1rem 0 0;
  21. padding: 0 0.75rem;
  22. background: var(--grey-light);
  23. border-radius: 12px;
  24. position: absolute;
  25. top: 1.75rem;
  26. right: 0;
  27. line-height: 1.5rem;
  28. text-align: center;
  29. }
  30. &:hover {
  31. color: var(--main-first);
  32. }
  33. }
  34. }
  35. .box-content {
  36. .item.feed {
  37. a {
  38. color: var(--main-font-color);
  39. font-weight: 400;
  40. &:hover {
  41. color: var(--main-first);
  42. text-decoration: none;
  43. }
  44. }
  45. }
  46. }
  47. }
  48. }
  49. /* the panel that appears in overlay to display the flows*/
  50. #overlay {
  51. background: rgba(0, 0, 0, 0.65);
  52. }
  53. #panel {
  54. top: 3rem;
  55. right: 3rem;
  56. bottom: 3rem;
  57. left: 3rem;
  58. border-radius: 3px;
  59. }