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
85
86
87
88
89
90
91
92
93
94
/*喜歡、轉噗、書籤以標籤圖示顯示*/
/***************************************************************************
示意圖：https://images.plurk.com/23IqcHUzWOQ5wxymNFrhem.png
展開：https://images.plurk.com/7eb029o1iC7VnLiO6o0hdQ.png

此語法使用到愛心數、轉噗數的before/after和書籤圖示、下拉選單圖示的after，
如有用到相關語法會有衝突可能。
****************************************************************************/

/***可調整的地方***/
.manager {
  /*喜歡標籤*/
  --like-right: 3px; /*標籤離右邊的距離*/
  --like-length: 25px; /*標籤長度*/
  --like-width: 15px; /*標籤寬度*/
  --like-color: #FFB5B5; /*標籤顏色*/
  --like-layer: 1; /*圖層位置，數字越大越上層*/

  /*轉噗標籤*/
  --replurk-right: 20px;
  --replurk-length: 25px;
  --replurk-width: 15px;
  --replurk-color: #C0F7A4;
  --replurk-layer: 1;

  /*書籤標籤*/
  --mark-right: 3px;
  --mark-length: 35px;
  --mark-width: 15px;
  --mark-color: #A6D3FF;
  --mark-layer: 0;
}

.plurk_cnt .text_holder { padding-right: 30px;} /*噗文右方留空讓標籤有位置放*/

/*頭貼下方小圖示是否顯示，要顯示可以直接刪掉*/
.plurk_icon.pif-like-circle {display: none;} /*愛心*/
.plurk_icon.pif-replurk-circle {display: none;} /*轉噗*/
.plurk_icon.pif-star-circle {display: none;} /*書籤*/
/***可調整的地方***/


.plurk:not(:hover):not(.display) .manager {display: block !important; height: 0;}
.plurk:not(:hover):not(.display) .manager > a:before, .plurk:not(:hover):not(.display) .manager > a > span {visibility: hidden;}
.plurk:not(:hover):not(.display) .manager > a {padding: 0;}
.manager .like.like-on > span:before, .manager .like.like-on > span:after, .manager .replurk.replurk-on > span:before, .manager .replurk.replurk-on > span:after, .manager .mark-on:after, .manager .mark-on ~.option:after {
  pointer-events: none;
  content: "";
  visibility: visible;
  position: absolute;
  top: 0;
}
.manager .mark-on:after {
  width: var(--mark-width);
  height: var(--mark-length);
  background: var(--mark-color);
  right: var(--mark-right);
  z-index: var(--mark-layer);
}
.manager .mark-on ~.option:after {
  border: var(--mark-color) calc(var(--mark-width) / 2) solid;
  border-bottom-color: transparent;
  right: var(--mark-right);
  top: var(--mark-length);
  z-index: var(--mark-layer);
}
.manager .like.like-on > span:after {
  width: var(--like-width);
  height: var(--like-length);
  background: var(--like-color);
  right: var(--like-right);
  z-index: var(--like-layer);
}
.manager .like.like-on > span:before {
  border: var(--like-color) calc(var(--like-width) / 2) solid;
  border-bottom-color: transparent;
  right: var(--like-right);
  top: var(--like-length);
  z-index: var(--like-layer);
}
.manager .replurk.replurk-on > span:after {
  width: var(--replurk-width);
  height: var(--replurk-length);
  background: var(--replurk-color);
  right: var(--replurk-right);
  z-index: var(--replurk-layer);
}
.manager .replurk.replurk-on > span:before {
  border: var(--replurk-color) calc(var(--replurk-width) / 2) solid;
  border-bottom-color: transparent;
  right: var(--replurk-right);
  top: var(--replurk-length);
  z-index: var(--replurk-layer);
}