Plurk paste

/*新版噗浪CSS By嵐糖*/
/*—————很多都是用舊版版型的CSS加上各方大神放出來的CSS下去微調出來的，不清楚其他新版的語法放進來會不會衝突（目前就卡馬值改色的會被蓋掉），不過放後面會被蓋掉的話放到最上方應該就正常了—————*/


/*卡馬值改色←不知道和哪個衝到了只好丟到第一個來*/
#karma {color: #ffffff; text-shadow: #D87093 0 0 8px;}
/*color為字色，text-shadow為外光暈顏色*/

/*—————整體—————*/

/*背景（下面發噗時間的那條白線會直接被吃掉）*/
html {
background: #001111 url(http://i.imgur.com/U1irta3.jpg) center top no-repeat;
background-size: cover; /*完整填滿螢幕*/
overflow-x: hidden !important;}
#timeline_holder, #bottom_line, .day_bg .div_inner, #time_show, .plurkaction, #toggle_tab li.tt_selected, #filter_tab a.filter_selected, #filter_tab a.off_tab, #plurk-dashboard, #plurk-dashboard h2
{background: none !important; border: 0 !important;}
/*「background: none !important;」這裡刪掉白線就會出來了*/

/*字型＆文字大小*/
body{ font-family: "細明體", sans-serif; font-size:13px; }
._lc_ .plurk td{ font-size:13px;} /*噗首大小*/
._lc_ .list .text_holder{ font-size:13px;} /*噗內文*/

/*—————河道上的噗—————*/

/*河道上的噗圓角*/
.plurk_cnt {border-radius: 10px;}
.response_box{margin-top:-10px; padding-top:10px}
/*px的數值可以修改，要統一，數字越大越圓*/

/*河道上的噗半透明*/
.plurk_cnt, {filter: alpha(opacity=90); opacity:0.9; -moz-opacity:0.9; zoom:1;}
/*數值可自行修改，透明為0，不透明為1*/

/*每噗的大頭貼圓角和透明度調整*/
.p_img{border-bottom:none;}
.p_img img{border-radius:50%;} /*50%=圓形，或是改成10px這樣，px數值越大越圓*/
.p_img img{!important;opacity:1 !important;zoom:1;} /*opacity後面數字是調透明度，0是透明，1是不透明*/

/*新回應數量的圓角及顏色*/
._lc_ .response_count{border-radius: 5px;} /*px數值越大越圓*/
._lc_ .new .response_count{
background: #D87093 !important; /*背景色*/
font-size:12px; /*字體大小，12最小*/
}

/*河道上新訊息進來的背景色黃色修改*/
/*一次性改成一種顏色*/
.plurk_cnt.new6,
.plurk_cnt.new5,
.plurk_cnt.new4,
.plurk_cnt.new3,
.plurk_cnt.new2,
.plurk_cnt.new1{background:#FFF0F5;}

/*消音文章變半透明（數值可自行修改，透明為0，不透明為1）*/
.muted{filter: alpha(opacity=0.5); opacity: 0.5;}

/*—————隱藏東西—————*/

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

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

/*隱藏往前往後箭頭*/
.browse_button {filter: alpha(opacity=0); opacity: 0; zoom:1;}

/*隱藏噗浪生物*/
#dynamic_logo ,#logo img {filter:alpha(opacity=0) ; -moz-opacity:0; opacity: 0; }
img#creature{ filter:alpha(opacity=0) ; -moz-opacity:0; opacity: 0; }

/*—————頻道切換按鈕（所有訊息、我發表的訊息……）*/

/*解放頻道切換列，右方橫排版本（同舊版）*/
/*其他排列方法：https://www.evernote.com/shard/s5/sh/5f496239-c858-4568-86fe-92117194d4f2/32a8a207f0a576408a65fcaea4e05214　*/
/*我自己直接套網址裡的上去跑位了所以有修過↓*/
#timeline_control_holder {
position:relative;
}
#filter_tab {
position:absolute;
right:0;
transition: initial;
}
#updater {
position:absolute;
left: 0;
bottom: -2.4em;
}
#filter_tab a {
overflow: inherit;
}
#filter_tab li{
height:2em;
}
#filter_tab:hover a, #filter_tab a.filter_selected, #filter_tab a.has_unread, #filter_tab:hover a.filter_selected, #filter_tab:hover a.has_unread {
margin-top:0;
transition: initial;
}
#filter_tab:hover a {
border: inherit;
}
#filter_tab #all_plurks{
margin-top:-12em;
width:8em;
}
#filter_tab #own_plurks_tab_btn{
margin-top:-10em;
margin-left:8em;
width:10em;
}
#filter_tab #private_plurks_tab_btn{
margin-top:-8em;
margin-left:18em;
width:8em;
}
#filter_tab #responded_plurks_tab_btn{
margin-top:-6em;
margin-left:26em;
width:10em;
}
#filter_tab #favorite_plurks_tab_btn{
margin-top:-4em;
margin-left:36em;
width:12em;
}

/*按鈕的未讀數量背景色*/
.unread #alert_beacon, .unread_generic{background:#D87093;}

/*按鈕圓角*/
.timeline_control a{border-radius:5px;}

/*按鈕背景色*/
/*背景色及透明度，數值可自行修改，透明為0，不透明為1*/
#filter_tab a , #updater.item a{
background: #D87093 !important;
filter: alpha(opacity=0.5); opacity: 0.5; zoom:1;
}

/*下面那條發噗時間*/
.bottom_start, .bottom_end {
color:#aaaaaa; /*文字顏色*/
background:#ffffff; /*背景色*/
font-size:10px; /*文字大小*/
filter: alpha(opacity=0); opacity:0; zoom:1;
/*透明度，（0.5,0.5,1）為半透明，（0,0,1）為隱藏*/
}

/*按鈕顏色*/
#filter_tab {
background:transparent;
border: 0 !important;
margin-top: 1px;
font-size:11px;
}
#filter_tab a.off_tab {
background:transparent;
color:#FFC0CB; /*看到的顏色*/
border:0 !important;
font-size:11px;
}
#filter_tab a.off_tab:hover {
color: #D87093; /*滑鼠移上去*/
border:0 !important;
font-size:11px;
}
#filter_tab a.filter_selected {
background:transparent;
border:0 !important;
color:#ffffff; /*點下去*/
letter-spacing: 1px;
font-size:11px;
}

/*此時間軸無未讀噗*/
#empty_timeline_bg {color:#ccc;text-transform: normal;} /*「沒有任何未讀訊息了」陰影顏色*/
#empty_timeline_fg {color:#666;} /*「沒有任何未讀訊息了」顏色*/
#empty_timeline_fg a {color:#777;} /*「顯示所有訊息」顏色*/
#empty_timeline_fg a:hover {color:#999;text-transform: normal;} /*「顯示所有訊息」滑鼠移上去後顏色*/

/*—————主控台—————*/

/*下方主控台半透明變化*/
/*平常不透明度0%*/
div#plurk-dashboard
{filter:alpha(opacity=0) !important;
-moz-opacity:0!important;opacity:0!important;
zoom:1;}
/*滑過去後80%*/
div#plurk-dashboard:hover
{filter:alpha(opacity=80) !important;
-moz-opacity:0.8!important;opacity: 0.8!important;zoom:1;}
/*數值可自行修改，透明為0，不透明為1。*/

/*主控台背景刪除*/
/*這個我沒有用所以把語法包起來了，要把白色背景刪掉的話記得把下面那行的「/*」和「*/」拿掉*/
/*.dash-segment .segment-content{background:none;}*/

/*發噗按鈕背景色*/
.submit_img_color {background: #D87093;}

/*尚餘字數*/
.char_updater {color:#A20055 !important;} /*「尚餘 個字元.」的顏色*/
.char_highlight {color:#A20055 !important;} /*「字太多囉，你可以點選這裡自動貼到噗浪剪貼簿，或移除掉 個字。」的顏色*/

/*主控台文字*/
#plurk-dashboard {
color: #8C0044; /*個人資訊和自介的顏色*/
font-size:12px;
letter-spacing: 1px;
line-height:18px;
background:none;
padding:0;
}
#plurk-dashboard a {
color: #FF88C2; /*連結色*/
font-size: 12px;
letter-spacing: 1px;
line-height:18px;
text-decoration:none !important;
}
#plurk-dashboard a:hover {
color: #C71585; /*連結滑過去變色*/
text-decoration:none !important;
}
#dash-stats, #dash-fans, #dash-friends {
text-align: center;
color:#8C0044 !important; /*卡馬、人氣指數那些字的顏色*/
padding: 0px 0px 0px;
margin: 0px 4px 0px;
}
#dash-stats h2, #dash-fans h2, #dash-friends h2 {
color:#8C0044; /*統計、朋友、粉絲*/
font-size:15px !important;
}

/*那個統計那邊的數字和最下方關於噗浪那些，這部分的顏色都是跟著選擇的內建版型跑～*/
/*不會寫CSS的表示就算知道了原始碼我也無法改orz*/

/*下方自己的頭像大小(從80x80px改為100x100px)*/
/*頭像大小*/
#plurk-dashboard .dash-segment-profile #dash-profile img.profile-pic
{width: 100px; height: 100px;}

/*外框大小*/
#plurk-dashboard .dash-segment-profile #dash-profile {height: 100px;}

/*頭像右側姓名，數值為100+16px，可自行測試調整*/
#plurk-dashboard .dash-segment-profile #dash-profile #full_name {
margin-left: 116px;padding-top: 5px;
/*要上下移改padding-top的部分，數字越小越上*/

/*頭像右側姓名字型大小及行高*/
line-height: 1.2;
font-size: 15px;
}

/*頭像右側性別及位置，數值為100+16px，可自行測試調整*/
#plurk-dashboard .dash-segment-profile #dash-profile .profile-info {margin-left: 116px; bottom: 0px;
}
/*要上下移改bottom的部分，正往上負往下*/

/*—————單則噗—————*/

/*沒有回應的噗打開後「還沒有人回應哦，趕快來搶頭香囉！:)」那句的顏色*/
.list .empty { color: #D87093;}

/*噗上的連結*/
.plurk a.ex_link {color:#333344;text-decoration:underline;} /*連結色*/
.plurk a.ex_link:hover {color:#999999;text-decoration:underline;} /*滑鼠移上去*/

/*噗內暱稱和回應分行*/
.list .plurk_cnt .td_qual /*暱稱區*/
{
overflow:visible;
position:absolute;
width:auto;
}
.list .plurk_cnt .td_cnt .text_holder /*內容區*/
{
margin-left:1em;
margin-top:2em;
margin-bottom:1em;
padding:0.5em;
width:auto !important;
}

/*噗主回應*/
.list .highlight_owner .td_qual a {color:#8C0044 !important; } /*噗主暱稱*/
.list .highlight_owner .td_cnt {background-color:#FFF0F5; } /*噗主回應的背景顏色*/

/*回應區加高*/
.plurk_box .list {min-height:318px !important; /*最小高度*/}

/*加長噗浪訊息長度*/
div.list{height:400px !important;}

/*—————其他—————*/

/*讓表情圖示轉圈圈*/
.emoticon, .emoticon_my
{
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-khtml-transition-duration:0.5s;
}
.emoticon:hover, .emoticon_my:hover
{
-moz-transform: rotate(360deg) scale(1.2);
-webkit-transform: rotate(360deg) scale(1.2);
-khtml-transform: rotate(360deg) scale(1.2);
}

/*解決噗重疊問題←然而不知道還有沒有用處*/
div.plurk .link_extend {z-index:2200;}
.block_cnt
{
padding:15px !important;
width:300px !important;
height:60px !important;
}
.block_cnt .div_inner,
.div_bottom
{
max-height:0px !important;
}