Plurk paste

/********參考了小鳥版樣式https://www.plurk.com/p/oszjl7**********/

/********************在暱稱前增加圖示*********************/
/***********下方更改圖片***********/
/*改全部噗非噗主小圖示，要改圖片在url那邊改就可以了｜吃餅伊得*/
.list .response:not(.highlight_owner) .name::before {
background-image: url('https://emos.plurk.com/6a2e44ce2202febcade59ddfcf4c66ad_w48_h48.png');
}
/*改全部噗噗主小圖示，要改圖片在url那邊改就可以了｜吃餅艾德*/
.list .response.highlight_owner .name::after {
background-image: url('https://emos.plurk.com/ed42f32675fcb85243614aec1cba7fcf_w48_h48.png');
}

/********************偷偷說圖示*********************/
/*改偷偷說非噗主小圖示｜伊德*/
.list .response:not(.highlight_owner) .tr_cnt .name[data-uid='99999']::before {
background-image: url('https://emos.plurk.com/50c123e4f6a9844908b780b051f2aa81_w48_h48.png');
}
/*改偷偷說自己回應的小圖示｜艾德*/
.list .response:not(.highlight_owner) .tr_cnt .name[data-uid='99999'][style="color:#0a9c17"]::before {
background-image: url('https://emos.plurk.com/d5b22c0bd8b3faec14244770631feb1b_w48_h48.png');
}
/*改偷偷說噗主的小圖示｜艾德*/
.list .response.highlight_owner .tr_cnt .name[data-uid='99999']::after {
background-image: url('https://emos.plurk.com/cac28a534a60b6b57c033993f7e88b97_w48_h48.png');
}


/********************非噗主圖示（默認伊得）*********************/
/*隨機非噗主小圖示，uid尾數為1為同一張圖｜手指指伊得*/
.list .response:not(.highlight_owner) .name[data-uid$='1']::before {
background-image: url('https://emos.plurk.com/9e18697158dbda93f697101ff996c54c_w48_h48.png');
}
/*隨機非噗主小圖示，uid尾數為2為同一張圖｜手指指伊得*/
.list .response:not(.highlight_owner) .name[data-uid$='2']::before {
background-image: url('https://emos.plurk.com/9e18697158dbda93f697101ff996c54c_w48_h48.png');
}
/*隨機非噗主小圖示，uid尾數為3為同一張圖｜拿蛋糕伊得*/
.list .response:not(.highlight_owner) .name[data-uid$='3']::before {
background-image: url('https://emos.plurk.com/966a0911692b1aa85982e1fe8c783851_w48_h48.png');
}
/*隨機非噗主小圖示，uid尾數為4為同一張圖｜拿蛋糕伊得*/
.list .response:not(.highlight_owner) .name[data-uid$='4']::before {
background-image: url('https://emos.plurk.com/966a0911692b1aa85982e1fe8c783851_w48_h48.png');
}
/*隨機非噗主小圖示，uid尾數為5為同一張圖｜笑臉伊得*/
.list .response:not(.highlight_owner) .name[data-uid$='5']::before {
background-image: url('https://emos.plurk.com/c921a70a04a64e8a9fbd01c6a987d7e2_w48_h48.png');
}
/*隨機非噗主小圖示，uid尾數為6為同一張圖｜笑臉伊得*/
.list .response:not(.highlight_owner) .name[data-uid$='6']::before {
background-image: url('https://emos.plurk.com/c921a70a04a64e8a9fbd01c6a987d7e2_w48_h48.png');
}
/*隨機非噗主小圖示，uid尾數為7為同一張圖｜V字手勢伊得*/
.list .response:not(.highlight_owner) .name[data-uid$='7']::before {
background-image: url('https://emos.plurk.com/cc6b2c9545db46ffd77b5340b7562bb0_w48_h48.png');
}
/*隨機非噗主小圖示，uid尾數為8為同一張圖｜V字手勢伊得*/
.list .response:not(.highlight_owner) .name[data-uid$='8']::before {
background-image: url('https://emos.plurk.com/cc6b2c9545db46ffd77b5340b7562bb0_w48_h48.png');
}


/********************噗主圖示（默認艾德）*********************/
/*隨機噗主小圖示，uid尾數為1為同一張圖｜常註SSR艾德*/
.list .response.highlight_owner .name[data-uid$='1']::after {
background-image: url('https://emos.plurk.com/9aa0938800c15442dbb220e1efd562e3_w48_h48.png');
}
/*隨機噗主小圖示，uid尾數為2為同一張圖｜常註SSR艾德*/
.list .response.highlight_owner .name[data-uid$='2']::after {
background-image: url('https://emos.plurk.com/9aa0938800c15442dbb220e1efd562e3_w48_h48.png');
}
/*隨機噗主小圖示，uid尾數為3為同一張圖｜白情艾德*/
.list .response.highlight_owner .name[data-uid$='3']::after {
background-image: url('https://emos.plurk.com/f7a593e3792e9b3204fb36947383fefb_w48_h48.png');
}
/*隨機噗主小圖示，uid尾數為4為同一張圖｜白情艾德*/
.list .response.highlight_owner .name[data-uid$='4']::after {
background-image: url('https://emos.plurk.com/f7a593e3792e9b3204fb36947383fefb_w48_h48.png');
}
/*隨機噗主小圖示，uid尾數為5為同一張圖｜N卡艾德*/
.list .response.highlight_owner .name[data-uid$='5']::after {
background-image: url('https://emos.plurk.com/251fbf4e3a82dbcbcd7791a55f60bc1d_w48_h48.png');
}
/*隨機噗主小圖示，uid尾數為6為同一張圖｜N卡艾德*/
.list .response.highlight_owner .name[data-uid$='6']::after {
background-image: url('https://emos.plurk.com/251fbf4e3a82dbcbcd7791a55f60bc1d_w48_h48.png');
}
/*隨機噗主小圖示，uid尾數為7為同一張圖｜笑臉SR艾德*/
.list .response.highlight_owner .name[data-uid$='7']::after {
background-image: url('https://emos.plurk.com/af7a35f1a7c2e5482bb94514b1a827ec_w48_h48.png');
}
/*隨機噗主小圖示，uid尾數為8為同一張圖｜笑臉SR艾德*/
.list .response.highlight_owner .name[data-uid$='8']::after {
background-image: url('https://emos.plurk.com/af7a35f1a7c2e5482bb94514b1a827ec_w48_h48.png');
}

/***********上方更改圖片***********/
/*圖示樣式設定*/
.list .response:not(.highlight_owner) .name::before, .list .response.highlight_owner .name::after {
background-size: 100%;
display: inline-block;
width: 48px;
height: 48px;
content:"";
border-radius: 0%; /*頭貼圓角*/
background-repeat: no-repeat;
background-position: center;
}
/*頭貼位置設定*/
.list .response:not(.highlight_owner) .name::before {
margin: 0px 0px 0px 10px;
}
.list .response.highlight_owner .name::after {
margin: 0px 7px 0px 5px;
}

/********************更改時間樣式*********************/
/*每則留言間的空隙調小*/
.response-manager > * {
padding: 2px 6px 0px;
}
.response {
margin: 0;
}
.response .plurk_cnt {
padding: 0;
}

/*顯示時間樣式更改*/
.response-manager {
position: relative;
top: auto;
right: auto;
display: flex;
justify-content: start;
margin: 0 1.5em 0 2em; /*位置往外調，留出頭貼位置*/
border: 0;
background: transparent;
transform-origin: left;
}
/*顯示投幣樣式更改*/
.response-manager .coin {
position: relative;
top: auto;
right: auto;
}
/*噗主時間靠右*/
.highlight_owner .response-manager {
justify-content: end;
transform-origin: right;
}

/*時間、回覆跟箭頭的顏色&背景*/
.response-manager .edit, .response-manager .time a, .response-manager .mention, .response-manager .option {
background: transparent;
color: #FFF;
}
/*整個回應邊距調整(含名字及留言)*/
.response .plurk_cnt {
padding: 0 5px 20px;
}
/*顯示時間時留位置給它*/
.response.show-response-manager .plurk_cnt {
padding-bottom: 0px;
}

/*對話框參考：https://www.plurk.com/p/ogg8nj*/
/********************下方不要更動*********************/
/*名字換行*/
.list .tr_cnt {
display: flex;
flex-direction: column;
}
/*噗主留言靠右*/
.list .highlight_owner .td_cnt {
display: flex;
justify-content: flex-end;
}
/*噗主名字靠右*/
.list .highlight_owner .plurk_cnt .td_qual {
display:flex;
justify-content: flex-end;
width: auto;
}

/*對話框邊距調整*/
.list .plurk_cnt .td_cnt {
padding: 0.5em 15px 0; /*位置往外調，留出頭貼位置*/
}
/*對話框樣式*/
.list .plurk_cnt .text_holder {
display: inline-block;
padding:0.5em 1em;
width:auto !important;
border-radius:16px;
min-width: 0;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.response .plurk_cnt {background-color: transparent;}

/*對話框尾巴樣式和位置*/
.list .plurk_cnt .text_holder::after {
content:"";
position:absolute;
border-style: solid;
border-width: 7px 5px;
height: 0px;
width: 0px;
left:3px;
top:-2px;
border-color: transparent;
}

/*噗主對話框尾巴位置*/
.list .highlight_owner .plurk_cnt .text_holder::after {
left: auto;
right:3px;
}

/********************上方不要更動*********************/

/*點開噗文寬度*/
.timeline-cnt .plurk_box {
width: 445px;
}
/*隱藏發語詞*/
.qualifier.q_says {
display: none;
}
/*更改回應最大寬度*/
.list .plurk_cnt .text_holder {
max-width: 66%;
}
/*回應背景色*/
/*.response_box {background-image: url( 'https://可放網址' ) ;}*/
.response_box {background-color: #c1cde8;}

/*最上方回應數顏色*/
.response-count.pif-message {color: #FFF;}


/*暱稱顏色*/
.list .name {
color: #875B5D !important;
font-size:12px;
font-family: "Microsoft YaHei", "Microsoft JhengHei", SimHei;
text-decoration: none;
}
.list .highlight_owner .name {
color: #5757A4 !important;
font-size:12px;
font-family: "Microsoft YaHei", "Microsoft JhengHei", SimHei;
text-decoration: none;
}
.list .response:not(.highlight_owner) .name[data-uid="99999"][style="color:#0a9c17"] {
color: #5757A4 !important;
font-size:12px;
font-family: "Microsoft YaHei", "Microsoft JhengHei", SimHei;
text-decoration: none;
}


/*非噗主對話框顏色*/
.list .td_cnt .text_holder {
background:#Ede3d1;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
/*非噗主對話框尾巴顏色*/
.list .plurk_cnt .text_holder::after {
border-left-color: #Ede3d1;
}

/*噗主對話框顏色*/
.list .highlight_owner .td_cnt .text_holder {
background: #FFF;
}
/*噗主對話框尾巴顏色*/
.list .highlight_owner .plurk_cnt .text_holder::after {
border-left-color: transparent; /*這一行不要動*/
border-right-color: #FFF; /*改這邊*/
}