_global-view.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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. background: none;
  17. padding: 1.5rem;
  18. a.title{
  19. font-weight: normal;
  20. text-decoration: none;
  21. text-align: left;
  22. font-size: 1rem;
  23. text-transform: uppercase;
  24. letter-spacing: 1px;
  25. color: $grey-dark;
  26. &:not([data-unread="0"])::after {
  27. position: absolute;
  28. top: 1.75rem;
  29. right: 0;
  30. line-height: 1.5rem;
  31. background: $grey-light;
  32. border-radius: 12px;
  33. padding: 0 0.75rem;
  34. margin: -0.5rem 1rem 0 0;
  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: 2px 10px;
  46. font-size: 1rem;
  47. padding: 0.5rem 1.5rem;
  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. }