like.css in Open Social 8.2
.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
- .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;
- }
- }