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
/* -----------------控制列＞過濾頻道：更改圖示------------------- */

/* 所有訊息 */
#filter_tab .pif-messages::before { content: url("https://emos.plurk.com/89ca4fefa3fcd17cd3983d9d40f20241_w30_h20.gif") }
/* 喜歡的訊息 */
#filter_tab .pif-like::before { content: url("https://emos.plurk.com/1ac3b32db2c60d355f27218db29663fa_w30_h20.gif") }
/* 轉噗的訊息 */
#filter_tab .pif-replurk::before { content: url("https://emos.plurk.com/0b30e6f639481b1f551322710c366964_w30_h20.gif") }
/* 回應過的訊息 */
#filter_tab .pif-message::before { content: url("https://emos.plurk.com/d6f3afe04717be25e08089726dcb29a2_w30_h20.gif") }
/* 提到我的訊息 */
#filter_tab .pif-tag::before { content: url("https://emos.plurk.com/765a8abbb1493be87c2b7787bd0eca0d_w30_h20.gif") }
/* 私人訊息 */
#filter_tab .pif-message-private::before { content: url("https://emos.plurk.com/f3fe7fd7f86adc3a41c4c96390bf074b_w30_h20.gif") }
/* 我發表的訊息 */
#filter_tab .pif-message-my::before { content: url("https://emos.plurk.com/fa807000a9ba9a0283e71e803f06030d_w30_h20.gif") }

#filter_tab li [class^="pif-"]::before {
	filter: grayscale(70%) contrast(100%) drop-shadow(-1px -1px 0px rgba(255, 255, 255, 0)) drop-shadow(-1px 1px 0px rgba(255, 255, 255, 0)) drop-shadow(1px -1px 0px rgba(255, 255, 255, 0)) drop-shadow(1px 1px 0px rgba(255, 255, 255, 0));
	transition: 0.2s filter ease-in-out;
}
#filter_tab li .filter_selected [class^="pif-"]::before {
	filter: grayscale(0%) contrast(100%) drop-shadow(-1px -1px 0px rgba(255, 255, 255, 255)) drop-shadow(-1px 1px 0px rgba(255, 255, 255, 255)) drop-shadow(1px -1px 0px rgba(255, 255, 255, 255)) drop-shadow(1px 1px 0px rgba(255, 255, 255, 255));
}
#filter_tab li:hover [class^="pif-"]::before {
	filter: grayscale(0%) contrast(125%) drop-shadow(-1px -1px 0px rgba(255, 255, 255, 255)) drop-shadow(-1px 1px 0px rgba(255, 255, 255, 255)) drop-shadow(1px -1px 0px rgba(255, 255, 255, 255)) drop-shadow(1px 1px 0px rgba(255, 255, 255, 255));
	transition: 0.6s filter ease-in-out;
}