[噗浪CSS] 回應區每則訊息的時間標示 @ 金羽銀華

在打開每則噗後的回應訊息旁邊，會出現該訊息的時間標示圖片，

如果你是訊息的發送人，還可以按 "X" 刪除它，

原本的時間標示像這樣：

我們可以自訂這個區塊。這裡的語法開頭是 .response_time .holder{}

可修改的語法如下：

/*回應時間標示*/
.response_time .holder+div img { opacity: .0; filter: alpha(opacity=0);}
.response_time .holder{
color:#FF0084; /*文字顏色*/
font-size:11px; /*字體大小*/
background: url(http://); /*你的背景圖網址*/
background-color: #FFFFD3; /*背景顏色*/
border:1px solid #FFFFD3; /*框線*/
padding-top:1px;height:21px;padding-left:3px ; /*間距與高度*/
-moz-border-radius:10px; /*圓角設定*/
}

可以視需要調整取用。

加上自訂的設定後：（背景圖、字顏色、大小等）

可以像這樣：

更符合整個頁面佈景的調性。

或是，我們也可以把它移入回應區：

/* 回應時間標示圖 */
.response_time .holder+div img {
left:-1200px;
position:fixed;
}

/* 回應時間標示往左移 */
.response_time .holder {
background: #FFFFD3 ;
color: #FF0084;
left:-120px;
position:relative;
}

比如說可以像這樣：