WordPress-Post-Like-System/like-styles.css at master · bywire/WordPress-Post-Like-System · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
/* Post Like System */
.post-like { /* default for all */
	width: auto;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.post-like a { /* default for links */
	font-weight: normal;
	display: inline-block;
	width: auto;
	-moz-transition: all 0.3s ease-out 0.2s;
	-webkit-transition: all 0.3s ease-out 0.2s;
	-o-transition: all 0.3s ease-out 0.2s;
	color: #666;
}
.post-like a > .like { /* space for X */
	padding-left: 2px;
}
.post-like .count { /* default for count */
	width: auto;
	display: inline-block;
}
.post-like a > .unliker  { /* hides the remove link */
	opacity: 0;
	filter:alpha(opacity=0);
	width: 0;
	display: inline-block;
}
.post-like a:hover > .unliker  { /* shows the remove link */
	opacity: 1;
	filter:alpha(opacity=100);
	width: auto;
}
.post-like .liked,
.post-like .alreadyliked,
.post-like .prevliked,
.post-like .pastliked { /* red on like */
	color: #da1b1b;
}
.post-like a:hover > .prevliked,
.post-like a:active > .prevliked,
.post-like a:focus > .prevliked,
.post-like a:hover > .pastliked,
.post-like a:active > .pastliked,
.post-like a:focus > .pastliked {
	display: none;
	width: 0;
}
.post-like .disliked { /* default on unlike */
	color: #666;
}
.post-like a:hover > .disliked,
.post-like a:active > .disliked,
.post-like a:focus > .disliked {
	display: inline-block;
	width: auto;
}
.post-like a:hover,
.post-like a:hover > .disliked,
.post-like a:active > .disliked,
.post-like a:focus > .disliked,
.post-like a:hover > .alreadyliked,
.post-like a:active > .alreadyliked,
.post-like a:focus > .alreadyliked,
.post-like a:hover > .liked,
.post-like a:active > .liked,
.post-like a:focus > .liked { /* default on hover */
	color: #000;
}