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
/***主控台收至上方，只露出頭貼***/
._lch_ {
  --主控台背景色: #ffffffaa;
  --主控台展開高度: 400px;
  --主控台左側區塊寬度: 300px;
  --主控台右側區塊寬度: 900px;
  --主控台左側距離: 20px;
}
#dashboard_holder {
  position: static;
}
#plurk-dashboard .dash-group-left {
  position: absolute !important;
  top: 30px;
  left: var(--主控台左側距離);
  width: 95px;
  height: 115px;
  padding-right: 0px;
  transition: all .1s;  /*頭貼收起速度*/
  overflow: hidden;
  z-index: 1300;
}
.dash-group-left .segment-content,
.dash-group-right .segment-content {
  background-color: white; /*每個區塊的背景色*/
}
.dash-segment-profile .segment-content:first-child {
  border-radius: 0 0 50px 50px; /*半圓*/
}
#plurk-dashboard .dash-group-left:hover,
#plurk-dashboard:has(.dash-group-right:hover) .dash-group-left,
._lch_:has(~ .karma_tooltip:hover) #plurk-dashboard .dash-group-left {
  top: 40px;
  width: var(--主控台左側區塊寬度);
  min-height: var(--主控台展開高度);
  background-color: var(--主控台背景色);
  padding: 5px 20px;
  transition: all .5s; /*頭貼展開速度*/
}
#plurk-dashboard .dash-group-left:hover .segment-content:first-child,
#plurk-dashboard:has(.dash-group-right:hover) .dash-group-left .segment-content:first-child,
._lch_:has(~ .karma_tooltip:hover) #plurk-dashboard .dash-group-left .segment-content:first-child {
  border-radius: 10px;
}
#profile_pic {
  border-radius: 50% !important; /*頭貼圓形*/
}
#plurk-dashboard .dash-group-right {
  position: absolute !important;
  top: calc(var(--主控台展開高度) * -1 - 50px);
  left: calc(var(--主控台左側距離) + var(--主控台左側區塊寬度));
  max-width: var(--主控台右側區塊寬度);
  height: var(--主控台展開高度);
  background-color: var(--主控台背景色);
  padding: 5px 20px;
  z-index: 1300;
  transition: all 1s;
  overflow: hidden;
}
#plurk-dashboard:has(.dash-group-left:hover) .dash-group-right,
#plurk-dashboard .dash-group-right:hover,
._lch_:has(~ .karma_tooltip:hover) #plurk-dashboard .dash-group-right {
  top: 40px;
}