_global-view.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. /*=== GLOBAL VIEW */
  2. /*================*/
  3. #stream {
  4. .box.category {
  5. &:not([data-unread="0"]) .box-title {
  6. // background: #3498db;
  7. }
  8. &:not([data-unread="0"]) .box-title:active {
  9. // background: #2980b9;
  10. }
  11. &:not([data-unread="0"]) .box-title .title {
  12. font-weight: bold;
  13. // color: #fff;
  14. }
  15. .box-title {
  16. padding: 1.5rem;
  17. background: none;
  18. a.title {
  19. color: $grey-dark;
  20. font-size: 1rem;
  21. font-weight: normal;
  22. text-decoration: none;
  23. text-align: left;
  24. text-transform: uppercase;
  25. letter-spacing: 1px;
  26. &:not([data-unread="0"])::after {
  27. margin: -0.5rem 1rem 0 0;
  28. padding: 0 0.75rem;
  29. background: $grey-light;
  30. border-radius: 12px;
  31. position: absolute;
  32. top: 1.75rem;
  33. right: 0;
  34. line-height: 1.5rem;
  35. text-align: center;
  36. }
  37. &:hover {
  38. color: $main-first;
  39. }
  40. }
  41. }
  42. .box-content {
  43. padding-bottom: 0.5rem;
  44. .item.feed {
  45. padding: 0.5rem 1.5rem;
  46. // padding: 2px 10px;
  47. font-size: 1rem;
  48. a {
  49. color: $main-font-color;
  50. font-weight: 400;
  51. &:hover {
  52. color: $main-first;
  53. text-decoration: none;
  54. }
  55. }
  56. }
  57. }
  58. }
  59. }
  60. // le panel qui apparait en overlay pour afficher les flux
  61. #overlay {
  62. background: rgba(0, 0, 0, 0.65);
  63. }
  64. #panel {
  65. top: 3rem;
  66. right: 3rem;
  67. bottom: 3rem;
  68. left: 3rem;
  69. border-radius: 3px;
  70. }