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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
/*▼▼▼▼▼▼投票票數統計▼▼▼▼▼▼*/
/*▽位置*/
/*勾勾*/ ._lch_ ~ .pop-window .voted-mark, .voted-mark { order:1; }

/*▽字體*/ 
/*投票票數數字*/ ._lch_ ~ .pop-window .poll-candidate .candidate-count, ._lch_ ~ .pop-window .poll-candidate.active .candidate-count, ._lch_ ~ .pop-window .poll-candidate.voted .candidate-count, .poll-candidate .candidate-count, .poll-candidate.active .candidate-count, .poll-candidate.voted .candidate-count, 
/*百分比數字*/ ._lch_ ~ .pop-window .poll-candidate + .candidate-percentage, ._lch_ ~ .pop-window .poll-candidate.active + .candidate-percentage, .poll-candidate.voted + .candidate-percentage, .poll-candidate + .candidate-percentage, .poll-candidate.active + .candidate-percentage, .poll-candidate.voted + .candidate-percentage {
	/*字體*/ font-family:monospace; 
	/*字間*/ letter-spacing: .5px; }

/*▽票數統計條顏色*/
/*票數統計條：一般*/
._lch_ ~ .pop-window .poll-candidate, .poll-candidate {
	/*框線*/ border:1px solid rgba(0, 0, 0, 0.08);
	/*字色*/ color:#171717;
	/*字色包含：左側勾勾、選項文字、票數*/}
._lch_ ~ .pop-window .poll-candidate .candidate-background, .poll-candidate .candidate-background {
	/*佔比背景色*/ background:#f2f2f2;
	/*文字底下百分比越高越長那個背景色*/}

/*票數統計條：最高票*/
._lch_ ~ .pop-window .poll-candidate.active, .poll-candidate.active {
	/*框線*/ border-color:#5b93c7;
	/*字色*/ color:#000;
	/*字色包含：左側勾勾、選項文字、票數*/}
._lch_ ~ .pop-window .poll-candidate.active .candidate-background, .poll-candidate.active .candidate-background {
	/*佔比背景色*/ background:#e8f4ff;
	/*文字底下百分比越高越長那個背景色*/}

/*票數統計條：已投的項目*/
._lch_ ~ .pop-window .poll-candidate.voted, .poll-candidate.voted {
	/*框線*/ border: 1px solid  #ffc917;
	/*字色*/ color:#5c4500;
	/*字色包含：左側勾勾、選項文字、票數*/}
._lch_ ~ .pop-window .poll-candidate.voted .candidate-background, .poll-candidate.voted .candidate-background {
	/*佔比背景色*/ background:#fff8e0;
	/*文字底下百分比越高越長那個背景色*/}

/*修改投票: 選取*/ ._lch_ ~ .pop-window .checkbox.checked ~ .checkbox--label, .checkbox.checked ~ .checkbox--label {border: 2px solid #817979; }
/*修改投票: 未選取*/ ._lch_ ~ .pop-window .plurk-poll--form .checkbox--label, .plurk-poll--form .checkbox--label {border: 2px solid #fff; letter-spacing: .3px; }

/*▽投票票數數字顏色*/
._lch_ ~ .pop-window .poll-candidate .candidate-count, .poll-candidate .candidate-count { /*一般票數顏色*/ color:#333; }
._lch_ ~ .pop-window .poll-candidate.active .candidate-count, .poll-candidate.active .candidate-count { 
	/*最高票數字顏色*/ color:#fff !important; 
	/*背景色*/ background:#1A73E8;
	/*位置*/ margin-right:1px; 
	/*內距*/ padding: 1px 3px 0 3px; 
	/*圓角*/ border-radius: 4px; }
._lch_ ~ .pop-window .poll-candidate.voted .candidate-count, .poll-candidate.voted .candidate-count { /*已投票數字顏色*/ color:#5c4500; }

/*▽百分比數字*/
._lch_ ~ .pop-window .poll-candidate + .candidate-percentage, .poll-candidate + .candidate-percentage { /*一般百分比數字顏色*/ color:#333; }
._lch_ ~ .pop-window .poll-candidate.active + .candidate-percentage, .poll-candidate.active + .candidate-percentage { /*最高票百分比數字顏色*/ color:#046ac4; }
._lch_ ~ .pop-window .poll-candidate.voted + .candidate-percentage, .poll-candidate.voted + .candidate-percentage { /*已投票百分比數字顏色*/ color:#f7be00; }

/*▽勾勾顏色*/
._lch_ ~ .pop-window .voted-mark, .voted-mark { color:#444; }

/*▽投票按鈕*/
/*一般狀態*/ ._lch_ ~ .pop-window .plurk-poll--buttons button, .plurk-poll--buttons button {
	/*邊線顏色*/ box-shadow:inset 0 0 0 1px #aaa;
	/*字色*/ color:#aaa;
	/*底色*/ background:#fefefe;}

/*指上狀態*/ ._lch_ ~ .pop-window .plurk-poll--buttons button:hover, .plurk-poll--buttons button:hover {
	/*邊線顏色*/ box-shadow:inset 0 0 0 1px #d1aa1d;
	/*字色*/ color:#d1aa1d;
	/*底色*/ background:#fafafa;}

/*按下狀態*/ ._lch_ ~ .pop-window .plurk-poll--buttons button:active, .plurk-poll--buttons button:active {
	/*邊線顏色*/ box-shadow:inset 0 0 0 1px #ccc;
	/*字色*/ color:#ccc;
	/*底色*/ background:#91750f;}

/*不可按狀態*/ ._lch_ ~ .pop-window .plurk-poll--buttons button:disabled, .plurk-poll--buttons button:disabled {
	/*邊線顏色*/ box-shadow:inset 0 0 0 1px #eee;
	/*字色*/ color:#ccc;
	/*底色*/ background:#817979;}

/*顯示狀態的按鈕 (投票成功、投票已收回、修改成功)*/ ._lch_ ~ .pop-window  .plurk-poll--buttons button.show, .plurk-poll--buttons button.show {
	/*邊線顏色*/ box-shadow:inset 0 0 0 1px #817979;
	/*字色*/ color:#fafafa;
	/*底色*/ background:#fa5555;}