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
/* 用來觸發預先載入圖片的區域 */
#dynamic_logo::before {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
z-index: -1;

/* 將下面有用到的圖片網址寫在這裡以預先載入，避免圖片載入時產生閃爍 */
content:
url('https://images.plurk.com/7AsIYFNpenfkhf73dq9bnk.gif')
url('https://images.plurk.com/7dNmoeSo1QIBPIiBj6L7Z1.gif')
url('https://images.plurk.com/13seSdA9fC4ax4fRDZ5lYA.png')
url('https://images.plurk.com/3t0GqPfT1zxt6lp0P0oM43.gif')
url('https://images.plurk.com/6FKB1EI6lCqvurmpJFxA9j.gif')
; /* <- 請不要刪掉這個分號 */
}

#dynamic_logo {
/* 將噗寶位置固定在距離視窗右下角10px處的最上層，並隱藏被推出去的預設噗寶 */
position: fixed;
bottom: 10px;
right: 10px;
z-index: 1000;
overflow: hidden;

/* 為整個噗寶加上陰影 */
filter: drop-shadow(3px 3px 7px rgba(0, 0, 0, 0.3));

/* 待機時噗寶圖片寬高 */
width: 327px;
height: 500px;
/* 待機時噗寶圖片網址 */
background: url('https://images.plurk.com/7AsIYFNpenfkhf73dq9bnk.gif') no-repeat left/contain;
}

/* 用來顯示游標懸浮時噗寶圖片的區域 */
#dynamic_logo::after {
/* 讓此偽元素能夠顯示在畫面上並設定大小 */
content: '';
display: block;

/* 設定游標懸浮時噗寶圖片寬高與點擊前相同 */
width: 100%;
height: 100%;
/* 游標懸浮時噗寶圖片網址 */
background: url('https://images.plurk.com/3t0GqPfT1zxt6lp0P0oM43.gif') no-repeat left/contain;

/* 游標懸浮時游標圖片網址 (尺寸必須在 128x128 以內，超過的話會無法顯示) */
cursor: url('https://images.plurk.com/13seSdA9fC4ax4fRDZ5lYA.png'), auto;
}

/* 用來顯示點擊後噗寶圖片的區域 */
#creature {
/* 點擊前先隱藏點擊後噗寶圖片 */
display: none;

/* 將預設噗寶圖片推出畫面外 */
padding-left: 100%;

/* 設定點擊後噗寶圖片寬高與點擊前相同 */
width: 100%;
height: 100%;
/* 點擊後噗寶圖片網址 */
background: url('https://images.plurk.com/7dNmoeSo1QIBPIiBj6L7Z1.gif') no-repeat left/contain;

/* 點擊後游標圖片網址 (尺寸必須在 128x128 以內，超過的話會無法顯示) */
cursor: url('https://images.plurk.com/6FKB1EI6lCqvurmpJFxA9j.gif'), auto;
}

/* 游標懸浮時隱藏待機時噗寶圖片 */
#dynamic_logo:hover {
background: none;
}
/* 游標未懸浮時隱藏懸浮時噗寶圖片 */
#dynamic_logo:not(:hover)::after {
background: none;
}
/* 點擊後顯示點擊後噗寶圖片，同時將懸浮時噗寶圖片推出畫面 */
#dynamic_logo:active #creature, #creature:hover {
display: block;



/*固定噗高*/
#timeline_holder
{height:500px !important;}
/*隱藏朋友粉絲圖和標題***/
div#dash-friends-pics, div#dash-fans-pics, /*圖*/
#dash-fans h2, #dash-friends h2 /*標題*/
{
filter:alpha(opacity=0) !important;opacity: 0 !important;zoom:1;
height:0px;
overflow:hidden;
}

/*一行隱藏*/ #plurk_ads {max-height:0px !important;max-width:0px !important;}
div#resp_banner_ads.show { display : none !important; }

/*隱藏與展開浪上的噗*/
#timeline_cnt {
filter:alpha(opacity=10); (將浪上的噗隱藏起來，透明度設"10"，讓它若隱若現)
-moz-opacity:0.1;
opacity:0.1;
zoom:1;
}
#timeline_cnt:hover{
filter:alpha(opacity=100); (滑鼠移過去，浪上的噗就會清楚顯現，設"100,1,1")
-moz-opacity:1;
opacity:1;
zoom:1;
}
/*滑鼠移至效果*/
div.cmp_arrow_right:hover,
div.cmp_back_to_today:hover
{
filter: alpha(opacity=100); opacity:1; zoom:1;
}



/*發噗區透明度變化*/
div#plurk_form
{filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
div#plurk_form:hover
{filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;}

.plurk_cnt {border-radius: 6px;}
.response_box{margin-top:-6px; padding-top:6px}

/*主控台透明度調整*/
div.dash-segment
{filter:alpha(opacity=10) !important;opacity:0.1 !important;zoom:1;}
div.dash-segment:hover
{filter:alpha(opacity=100) !important;opacity:1 !important;zoom:1;}

/*隱藏主頁面loading圖*/
#div_loading .cnt
{opacity:.0;}



/*隱藏每噗loading圖*/
.loading
{opacity:.0;}

/*頁尾區透明度變化*/
#footer
{filter:alpha(opacity=0) !important;opacity:0 !important;zoom:1;}
#footer:hover
{filter:alpha(opacity=100) !important;opacity:1 !important;zoom:1;}