You are here

list.css in Open Social 8.6

.card__block > .list-item:first-child {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.card__block > .list-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.list-item--visibility {
  border-top: 1px solid #ddd;
}

.list-item.disabled, .list-item.disabled:hover, .list-item.disabled:focus {
  background-color: #e6e6e6;
  color: #777;
}

.list-item--active,
.list-item--active:hover {
  color: white;
  background-color: #1f80aa;
  border-color: #1f80aa;
}

.list-item--active .icon-small,
.list-item--active:hover .icon-small {
  fill: white;
}

.list-item--active .help-block,
.list-item--active:hover .help-block {
  color: white;
  font-weight: 300;
}

.list-item__avatar img {
  border-radius: 50%;
}

File

themes/socialblue/assets/css/list.css
View source
  1. .card__block > .list-item:first-child {
  2. border-top-right-radius: 10px;
  3. border-top-left-radius: 10px;
  4. }
  5. .card__block > .list-item:last-child {
  6. margin-bottom: 0;
  7. border-bottom-right-radius: 10px;
  8. border-bottom-left-radius: 10px;
  9. }
  10. .list-item--visibility {
  11. border-top: 1px solid #ddd;
  12. }
  13. .list-item.disabled, .list-item.disabled:hover, .list-item.disabled:focus {
  14. background-color: #e6e6e6;
  15. color: #777;
  16. }
  17. .list-item--active,
  18. .list-item--active:hover {
  19. color: white;
  20. background-color: #1f80aa;
  21. border-color: #1f80aa;
  22. }
  23. .list-item--active .icon-small,
  24. .list-item--active:hover .icon-small {
  25. fill: white;
  26. }
  27. .list-item--active .help-block,
  28. .list-item--active:hover .help-block {
  29. color: white;
  30. font-weight: 300;
  31. }
  32. .list-item__avatar img {
  33. border-radius: 50%;
  34. }