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
/*左側欄懸浮收左邊*/
#plurk-dashboard .dash-segment-profile {
	/*這些不動*/ position:fixed; z-index:6000; transition:left .6s;
	/*上下位置*/ top:60px;
	/*收起時左右位置*/ left:-270px;
	/*寬度*/ width:300px;
}
/*展開時左右位置*/
#plurk-dashboard .dash-segment-profile:hover { left:20px; }

/*假頭貼框*/
#plurk-dashboard .dash-group-left {
	/*這些不動*/ content:""; display:block; height:96px; width:calc(33% - 10px);
	/*這些不動*/ margin-top:10px; border-radius:10px;
	/*顏色*/ background:#FAA;
}
.dash-group-left:before {
	/*這些不動*/ content:""; display:block; border-radius:8px;
	/*這些不動*/ position:absolute; background:no-repeat 0 0/100% 100%;
	/*上下位置*/ top:5px;
	/*左右位置*/ left:5px;
	/*寬度*/ width:86px;
	/*高度*/ height:86px;
	/*圖片*/ background-image:url(圖片網址);
}
.dash-group-left:after {
	/*這些不動*/ content:""; display:block; border-radius:8px;
	/*這些不動*/ position:absolute; background:no-repeat 0 0/100% 100%;
	/*上下位置*/ top:5px;
	/*左右位置*/ left:96px;
	/*寬度*/ width:86px;
	/*高度*/ height:86px;
	/*圖片*/ background-image:url(圖片網址);
}