You are here

like.css in Open Social 8.4

.vote-widget a.voted-like .icon-vote {
  fill: #d9534f;
  stroke: #d9534f;
}

.vote-widget a:active.voted-like .icon-vote {
  fill: #4d4d4d;
  stroke: #4d4d4d;
}

.vote-widget a:active:not(.voted-like) .icon-vote {
  stroke: #d9534f;
  fill: transparent;
}

.view--who-liked .views-field-rendered-entity-1 img {
  border-radius: 50%;
}

.view--who-liked .views-field-view-user a {
  color: #29abe2;
  background-color: transparent;
  border-color: transparent;
  fill: #29abe2;
  fill: #29abe2;
}

.view--who-liked .views-field-view-user a:focus, .view--who-liked .views-field-view-user a.focus, .view--who-liked .views-field-view-user a:hover, .view--who-liked .views-field-view-user a:active, .view--who-liked .views-field-view-user a.active,
.open > .view--who-liked .views-field-view-user a.dropdown-toggle {
  background-color: transparent;
  border-color: transparent;
  color: #29abe2;
}

.view--who-liked .views-field-view-user a.disabled:hover, .view--who-liked .views-field-view-user a.disabled:focus, .view--who-liked .views-field-view-user a.disabled.focus, .view--who-liked .views-field-view-user a[disabled]:hover, .view--who-liked .views-field-view-user a[disabled]:focus, .view--who-liked .views-field-view-user a[disabled].focus,
fieldset[disabled] .view--who-liked .views-field-view-user a:hover,
fieldset[disabled] .view--who-liked .views-field-view-user a:focus,
fieldset[disabled] .view--who-liked .views-field-view-user a.focus {
  background-color: transparent;
  border-color: transparent;
}

@media (min-width: 600px) {
  .vote-widget a:hover:not(.disable-status) .icon-vote,
  .vote-widget a:hover:not(.voted-like) .icon-vote {
    stroke: #d9534f;
    fill: transparent;
  }
  .vote-widget a:hover.disable-status .icon-vote,
  .vote-widget a:hover .voted-like .icon-vote {
    stroke: #4d4d4d;
  }
}

File

themes/socialblue/assets/css/like.css
View source
  1. .vote-widget a.voted-like .icon-vote {
  2. fill: #d9534f;
  3. stroke: #d9534f;
  4. }
  5. .vote-widget a:active.voted-like .icon-vote {
  6. fill: #4d4d4d;
  7. stroke: #4d4d4d;
  8. }
  9. .vote-widget a:active:not(.voted-like) .icon-vote {
  10. stroke: #d9534f;
  11. fill: transparent;
  12. }
  13. .view--who-liked .views-field-rendered-entity-1 img {
  14. border-radius: 50%;
  15. }
  16. .view--who-liked .views-field-view-user a {
  17. color: #29abe2;
  18. background-color: transparent;
  19. border-color: transparent;
  20. fill: #29abe2;
  21. fill: #29abe2;
  22. }
  23. .view--who-liked .views-field-view-user a:focus, .view--who-liked .views-field-view-user a.focus, .view--who-liked .views-field-view-user a:hover, .view--who-liked .views-field-view-user a:active, .view--who-liked .views-field-view-user a.active,
  24. .open > .view--who-liked .views-field-view-user a.dropdown-toggle {
  25. background-color: transparent;
  26. border-color: transparent;
  27. color: #29abe2;
  28. }
  29. .view--who-liked .views-field-view-user a.disabled:hover, .view--who-liked .views-field-view-user a.disabled:focus, .view--who-liked .views-field-view-user a.disabled.focus, .view--who-liked .views-field-view-user a[disabled]:hover, .view--who-liked .views-field-view-user a[disabled]:focus, .view--who-liked .views-field-view-user a[disabled].focus,
  30. fieldset[disabled] .view--who-liked .views-field-view-user a:hover,
  31. fieldset[disabled] .view--who-liked .views-field-view-user a:focus,
  32. fieldset[disabled] .view--who-liked .views-field-view-user a.focus {
  33. background-color: transparent;
  34. border-color: transparent;
  35. }
  36. @media (min-width: 600px) {
  37. .vote-widget a:hover:not(.disable-status) .icon-vote,
  38. .vote-widget a:hover:not(.voted-like) .icon-vote {
  39. stroke: #d9534f;
  40. fill: transparent;
  41. }
  42. .vote-widget a:hover.disable-status .icon-vote,
  43. .vote-widget a:hover .voted-like .icon-vote {
  44. stroke: #4d4d4d;
  45. }
  46. }