-
Notifications
You must be signed in to change notification settings - Fork 0
/
vote-button-style.css
62 lines (59 loc) · 1.01 KB
/
vote-button-style.css
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
/*=== Original state ===*/
.vote-wrapper {
float: right;
margin-right: 10px;
}
.vote-button {
display: inline-block;
height:0;
width:0;
border: rgba(0,0,0,0) 10px dotted;
cursor: pointer;
position: relative;
float: right;
margin-right: 5px;
}
.vote-button-up {
border-bottom: #ccc 10px solid;
top: -7px;
}
.vote-button-down {
border-top: #ccc 10px solid;
top: 3px;
margin-right: 5px;
}
.vote-count {
float: right;
margin-right: 5px;
color: #ccc;
}
.vote-count:before {
content: " (";
}
.vote-count:after {
content: ")";
}
/*=== Voted ===*/
.voted .vote-button {
cursor: default;
}
.voted-down .vote-button-up:hover {
border-bottom-color: #ccc;
}
.voted-up .vote-button-down:hover {
border-top-color: #ccc;
}
/*=== Up voted ===*/
.voted-up .vote-button-up, .vote-button-up:hover {
border-bottom-color: #369;
}
.voted-up .vote-count-up {
color: #369;
}
/*=== Down voted ===*/
.voted-down .vote-button-down, .vote-button-down:hover {
border-top-color: #c96;
}
.voted-down .vote-count-down {
color: #c96;
}