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
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
/*主控台樣式*/
._lc_#layout_content {
  --河道高度: 776px;
  --自介高度: 100px;
  --徽章離左邊距離: 30px; /*[距離]x[徽章行數-1]要小於90px，不然會跑版 */
  --主控台背景色:  rgb(208, 220, 222);
  --主控台文字顏色: #000;
  --標籤顏色: rgb(41, 98, 147);
  --友粉按鈕顏色: rgb(90, 111, 123);
  --私噗按鈕顏色: rgb(48, 47, 47);
  --私噗按鈕文字顏色: #fff;
  --虛線顏色: rgb(213, 252, 254);
  --徽章背景色: rgb(213, 252, 254);
}

/*標籤*/
#dash-profile::after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  width: 45px;
  height: 80px;
  background-color: var(--標籤顏色);
}

/*主控台整體樣式*/
#timeline_holder { height: var(--河道高度) !important; }
#dashboard_holder {
  position: absolute;
  top: 15px;
  left: -330px;
  width: 330px;
  min-width: auto;
  background-color: var(--主控台背景色);
  padding: 35px 15px 20px;
  z-index: 99999;
  transition: left 1s;
}
#plurk-dashboard { color: var(--主控台文字顏色); }
#plurk-dashboard .dash-group-left, #plurk-dashboard .dash-group-right {
  width: 100%;
}
.dash-group-right .segment-content { background: none; }
.adsense { display: none; }

/*發文區固定於下方*/
#plurk-dashboard .dash-group-form { 
  position: fixed; 
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
}

/*滑鼠移上顯示主控台*/
#dashboard_holder:hover { left: 0px; }
/*滑鼠移上發文區不顯示主控台*/
#dashboard_holder:has(.dash-group-form:hover) { left: -330px; }
/*滑鼠移上卡瑪統計表顯示主控台*/
._lch_#layout_content_html:has(~.pop-view.karma_tooltip) #dashboard_holder { left: 0px; }

/*個人資料*/
.dash-group-left .dash-segment-profile .segment-content:first-child {
  width: 240px;
  height: 225px;
  border-radius: 0;
  padding: 0;
  margin: 70px 0 0 55px;
}
#plurk-dashboard .dash-segment-profile #dash-profile {
  height: auto;
}
#plurk-dashboard .dash-segment-profile #dash-profile img.profile-pic {
  width: 180px;
  height: auto;
  border-radius: 0;
}
#full_name { /*名字位置*/
  position: absolute;
  top: 178px;
  right: 0;
  text-align: end; 
  margin: 7px 10px;
}
#dash-profile .profile-icons { /*噗幣位置*/
  top: -40px;
  left: -40px;
}
.profile-info, #location_container { display: none; }

/*自介區*/
.dash-segment-profile .segment-content:last-child {
  margin-top: 110px;
  background: none;
  border: 0 dashed var(--虛線顏色);
  border-width: 3px 0;
  border-radius: 0;
}

/*統計資料*/
.dash-segment-stats {
  position: absolute;
  width: auto;
  padding: 0;
  margin: 0;
}
#dash-stats > h2  { display: none; }
#dash-stats-table { display: none; }

/*卡瑪*/
#plurk-dashboard #dash-stats .dash-stats-karma {
  position: absolute;
  top: calc(-145px - var(--自介高度));
  text-align: left;
}
.karma_hover { margin-left: 5px; }

/*友粉*/
.show_all_friends, .show_mutual_friends,
#dash-friends > h2, #dash-fans > h2,
#friend_holder, #fan_holder { display: none; }
.dash-group-right .friend_man {
  font-size: 0;
  border-radius: 0;
  background-color: var(--友粉按鈕顏色);
}
#plurk-dashboard .dash-segment-friends, 
#plurk-dashboard .dash-segment-fans { /*友粉按鈕位置*/
  position: absolute;
  top: calc(-440px - var(--自介高度));
  width: 70px;
}
#plurk-dashboard .dash-segment-friends { right: 3px; }
#plurk-dashboard .dash-segment-fans { right: 78px; }
.dash-group-right .friend_man::before {
  font-size: 25px; /*友粉圖示大小*/
  width: 40px;
  height: 30px;
  line-height: normal;
  margin: 0;
}

/*私噗&送噗幣按鈕樣式*/
#private_plurk .friend_man {
  width: 125px;
  font-size: 14px;
  padding: 8px;
  color: var(--私噗按鈕文字顏色) !important;
  background-color: var(--私噗按鈕顏色);
  border-radius: 0;
}
#private_plurk { /*按鈕位置調整*/
  position: absolute;
  top: 355px; 
  left: 10px;
  text-align: center;
}

/*徽章區*/
#plurk-dashboard .link_arrow { display: none; }
#plurk-dashboard .dash-segment-award .segment-content .award_bar div {
  background-color: var(--徽章背景色);
  background-position-x: center;
  padding: 0 25px;
  margin: 0 0 10px;
}
#plurk-dashboard .dash-segment-award .segment-content .award_bar div:nth-child(4n+1) { /*每行最前的圓角*/
  border-top-left-radius: 40%;
  border-bottom-left-radius: 40%;
}
#plurk-dashboard .dash-segment-award .segment-content .award_bar div:nth-child(4n),
#plurk-dashboard .dash-segment-award .segment-content .award_bar div:last-child { /*每行最後的圓角*/
  border-top-right-radius: 40%;
  border-bottom-right-radius: 40%;
}

#plurk-dashboard .dash-segment-award .segment-content .award_bar div:nth-child(5) { margin-left: var(--徽章離左邊距離); }
#plurk-dashboard .dash-segment-award .segment-content .award_bar div:nth-child(9) { margin-left: calc(var(--徽章離左邊距離) * 2); }
#plurk-dashboard .dash-segment-award .segment-content .award_bar div:nth-child(13) { margin-left: calc(var(--徽章離左邊距離) * 3); }
#plurk-dashboard .dash-segment-award .segment-content .award_bar div:nth-child(4) { margin-right: 90px; }
#plurk-dashboard .dash-segment-award .segment-content .award_bar div:nth-child(8) { margin-right: calc(90px - var(--徽章離左邊距離)); }
#plurk-dashboard .dash-segment-award .segment-content .award_bar div:nth-child(12) { margin-right: calc(90px - var(--徽章離左邊距離) * 2); }