Plurk paste

/*Develop By 琉見音⚓舫い、放て！⚓ */
/*發布日期：2016/02/05*/
/*背景圖作者：＿太子*/
/*Pixiv：http://www.pixiv.net/member.php?id=119199 */
/*圖片原址：http://www.pixiv.net/member_illust.php?mode=medium&illust_id=42918029 */
/*空噗背景圖作者:rom*/
/*Pixiv：http://www.pixiv.net/member.php?id=4309816 */
/*圖片原址：http://www.pixiv.net/member_illust.php?mode=medium&illust_id=43123372 */

/*全體背景*/
body, html {
    background-image:url(
http://i.imgur.com/KXso82a.jpg
);
    background-repeat:no-repeat;
    background-attachment: fixed ;
    background-position: center center;
    background-size:  cover;
}

/*河道背景*/
#timeline_holder {
    background: NONE;
    border:none;
}

/*河道讀取時的loading圖示*/
#div_loading img,.loading_div img {
    opacity: 0;
}
#div_loading,.loading_div {
    background-image: url(
http://i.imgur.com/fDjUn.png
) !important;
    background-repeat: no-repeat;
    background-position: center center;
}

/*噗內的loading圖示.*/
.loading img {
    opacity: 0;
}
.loading {
    background-image: url(
http://i.imgur.com/fDjUn.png
);
    height: 150px;
    background-repeat: no-repeat;
    background-position: center center;
}

/*時間軸*/
#bottom_line{
    height:0px !important
}
.bottom_start, .bottom_end, .day_start .bottom_start{
    color:#FFFFFF;
    background-color:transparent;
}

/*每則噗的對應時間*/
#time_show{
    background-color:#9D9487;
    border:none !important;
    border-radius:8px; 
}

/*噗寶*/
#dynamic_logo img {
    opacity:0
}
#dynamic_logo{
    height:145px;
    width:145px;
    background:url(
http://i.imgur.com/shAoRkQ.png
)no-repeat;
    background-size:cover;
    background-position:center center;
}

/*噗內發言隔行*/
.list .plurk_cnt .td_cnt .text_holder{
    margin-left:0.5em;
    margin-top:1.5em;
    width:auto ;
}
.list .plurk_cnt .td_qual{
    overflow:visible;
    position:absolute;
    width:auto;
}

/*噗主回應底色*/
.list .highlight_owner .plurk_cnt tr {
    background:rgba(230,230,230,0.5);
}

/*噗的回應數*/
.response_count {
    opacity:0.3;
    border-radius:50px;
    background:#dfdfdf !important;
    color:#60767A !important;font-size:12px;
}
.new .response_count {
    opacity:0.9;
    border-radius:50px;
    background:#CA3328 !important;
    color:#fff !important;
}

/*河道左下方的更新通知及河道分頁按鈕*/
#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 {
    height: 25px;
    margin-top: 6px;
}
#filter_tab a {
    overflow: hidden;
    background: #FFF;
    color: #999;
    margin-top: 0;
    height: 0;
    transition: height 200ms ease-in,margin-top 200ms ease-in;
}
.timeline_control a {
    border-radius: 5px;
    padding: 0 8px;
    text-decoration: none;
    text-align: center;
    line-height: 25px;
    white-space: nowrap;
}
#updater .item a:hover, #filter_tab a.filter_selected {
    background: #b6b6b3;
    color: #282828;
}
#filter_tab a.filter_selected:hover,#filter_tab a:hover{
    background : #CECECE;
}
#filter_tab a.filter_selected:active,#filter_tab a:active{
    background : #DBDBDB;
}
#updater .item a:active {
    background : #CECECE;
}
#updater .item a {
    color: #444;
    background: #FFF;
    margin-left: 3px;
}
#updater, #updater .item, #updater .item a {
    white-space: nowrap;
    height: 25px;
    line-height: 25px;
}
.unread #alert_beacon, .unread_generic {
    padding: 0 4px;
    margin: 0 2px;
    background-color:#F44E4E;
    color: #fff !important;
    border-radius: 50px;
}

/*噗內的回應列表*/
.plurk_box .plurk_cnt {
    opacity:0.8 !important;
    border-bottom: 1px solid #AAA;
}
.response_box {
    background-color:rgba(255,255,255,0.8)  !important;
    border-radius: 4px 4px 0px 0px;
    border:0px;
    transition:background 0.3s ease;
}
.response_box:hover {
    background-color:rgba(255,255,255,0.9)  !important;
    transition:background 0.3s ease;
}
#form_holder{
    background:transparent !important
}
.plurk_box table, .plurk td,.list .plurk_cnt,.plurk_box table,.list .td_cnt {
    background: transparent;
}

/*新噗、新回應的提醒色*/
.plurk_box td .shade_6, td .shade_6 {
    background:#D8D8D8 !important;
}
.plurk_box td .shade_5, td .shade_5 {
    background:#DEDEDE !important;
}
.plurk_box td .shade_4, td .shade_4 {
    background:#E4E4E4 !important;
}
.plurk_box td .shade_3, td .shade_3 {
    background:#EAEAEA !important;
}
.plurk_box td .shade_2, td .shade_2 {
    background:#F0F0F0 !important;
}
.plurk_box td .shade_1, td .shade_1 {
    background:#F6F6F6 !important;
}

/*河道左右箭頭*/
.browse_button .cmp_arrow_right, .browse_button .cmp_arrow_left {
    color: transparent;
    font-size: 30px;
}
.cmp_arrow_right{
    background:url(
http://i.imgur.com/0CZRDpl.png
);
    width:30px;
    height:30px;
    opacity: 0;
    transition:opacity 0.2s ease;
}
.cmp_arrow_right:active{
    background:url(
http://i.imgur.com/0CZRDpl.png
);
    background-position: 0 -30px;
}
.cmp_arrow_left{
    opacity: 0;
    background:url(
http://i.imgur.com/dCRGLie.png
);
    width:30px;
    height:30px;
    transition:opacity 0.2s ease;
}
.cmp_arrow_left:active{
    background:url(
http://i.imgur.com/dCRGLie.png
);
    background-position: 0 -30px;
}
.browse_button .cmp_back_to_today {
    font-size: 0;
    line-height: 30px;
    background: url(
http://i.imgur.com/6Z3HXEA.png
);
    color: transparent;
    border-radius: 80px;
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    width: 30px;
    padding: 0px;
}
.cmp_back_to_today:active{
    background:url(
http://i.imgur.com/6Z3HXEA.png
);
    background-position: 0 -30px;
}
.cmp_back_to_today{
    opacity: 0;
    transition:opacity 0.2s ease;
}
.cmp_arrow_right:hover,.cmp_arrow_left:hover,.cmp_back_to_today:hover {
    opacity: 0.3;
    transition:opacity 0.2s ease;
}

/*下方主頁面半透明*/
div#plurk-dashboard{
    opacity:0!important;
    transition:opacity 0.5s ease;
} 
div#plurk-dashboard:hover {
    opacity:1 !important;
    transition:opacity 0.5s ease;
}

/*主控面板樣式*/
.dash-segment .segment-content {
    background: rgba(255,255,255,0.5);
}

/*發噗區*/
.input_holder{
    border-radius:0px;
    box-shadow:none !important;
    opacity: 0.8 !important;
    border:1px inset #999 !important;
}

/*頁尾*/
#footer{
    color: #5F3B37;
    border-bottom: transparent 4px solid;
    opacity:0 !important;
    transition:opacity 0.5s ease;
}
#footer:hover{
    opacity:1 !important;
    transition:opacity 0.5s ease;
}

/*消除圖片外框*/
.plurk a.pictureservices, .permaplurk #permanent_body a.pictureservices, body.t #dashboard_holder a.pictureservices {
    border: none;
    border-radius: 0px;
    padding:2px;
    transition:box-shadow 0.1s ease;
}
.plurk a.pictureservices:hover, .permaplurk #permanent_body a.pictureservices:hover, body.t #dashboard_holder a.pictureservices:hover {
    box-shadow:0px 0px 2px #000;
    transition:box-shadow 0.1s ease;
}
.plurk a.pictureservices:active, .permaplurk #permanent_body a.pictureservices:active, body.t #dashboard_holder a.pictureservices:active {   
    box-shadow:none;
    transition:box-shadow 0.1s ease;
}

/*隱藏已經消音的噗*/
.muted {
    opacity:0.2;
    transition:opacity 0.1s ease;
}
.muted:active {
    opacity:0.8;
    transition:opacity 0.1s ease;
}

/*回噗區*/
.plurk_box .mini_form{
    opacity:0.9;
}

/* 噗打開最下方那條 */
.info_box {
    border:none;
    border-radius:0px 0px 4px 4px;
    color: #fff;
    background: #646464;
    opacity:0.9;
}
.info_box a {
    color:#fff
}

/*發送私噗、追蹤、加為好友、封鎖使用者按鈕*/
.friend_man.add_follow, .friend_man.remove, .friend_man.add_friend,.friend_man.pending,.friend_man.block,.friend_man.private_plurk {
    background: #8D767C;
    border:1px outset #8D767C;
    border-radius: 4px;
}
friend_man.add_follow a,.friend_man.remove a,.friend_man.add_friend a,.friend_man.pending a {
    color:#60767A;font-size:12px;
}
.friend_man.add_follow:active, .friend_man.remove:active, .friend_man.add_friend:active, .friend_man.pending:active,.friend_man.block:active,.friend_man.private_plurk:active{
    border:2px inset #8D767C;
}

/*噗內Youtube連結*/
a.youtube.meta.videoservices,.plurk a.ex_link,a.ogvideo.meta{
    border:none !important;
} 

/*語助詞*/
.qualifier,.mini_form .m_qualifier{
    border-radius:3px ;
}
.m_qualifier{
    border-radius:10px
}

/*發噗鈕*/
.submit_img {
    border:1px outset #e88d43;
}
.submit_img:active {
    border:2px inset #e88d43;
}

/*好友粉絲名單使用者圖示*/
.friend_holder .user_link {
    padding-top: 19px;
    position: relative;
    top: -3px;
    margin-left: -2px;
    border:1px outset #8f8f8f !important;
    transition:border 0.1s ease;
}
.friend_holder .user_link:active{
    border:1px inset #8f8f8f !important;
    transition:border 0.1s ease;
}
.friend_holder img {
    position: relative;
    top: 3px;
}

/*音樂播放器(影音視窗縮小只放音樂時的bar)*/
#music_player  {
    border:none;
    border-radius: 5px;
    color: #444;
    background: #FFF;
}
#music_player:hover {
    background: #b6b6b3;
    color: #282828;
}
#music_player:active{

}
#music_player a   /*停止跟動畫表示的超連結文字*/{
    color:#999
}
#music_player a:hover{
    color:#DDD
}
#music_player a:active{
    color:#FFF
}

/*回應列表動態延伸*/
.list{
    transition:height 0.5s ease;
}

/*噗主頭圖*/
.p_img {
    border:none !important
}
#timeline_holder div.plurk .td_img img {
    border-right:1px solid #858585 !important;
    border-bottom:1px solid #858585 !important;
    border-top:1px solid #D4D4D4 !important;
    border-left:1px solid #D4D4D4 !important;
    position:relative;
    right:2px;
    border-radius:3px;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.3);
}
#timeline_holder div.plurk .td_img{
    opacity:0.8;
    transition:opacity 0.3s ease;
}
#timeline_holder div.link_extend .td_img,#timeline_holder div.plurk_box .td_img{
    opacity:0.9;
    transition:opacity 0.3s ease;
}

/*河道噗半透明*/
.plurk_cnt {
    opacity: 0.8;
    transition:opacity 0.3s ease;
}
.plurk_cnt:hover {
    opacity: 0.9;
    transition:opacity 0.3s ease;
}

/*河道上的噗*/
#timeline_holder .plurk_cnt {
    background:rgba(255,255,255,0.5) !important;
    border:4px solid rgba(255,255,255,0) !important;
    box-shadow:0.2px 4px 8px rgba(0,0,0,0.4);
    border-radius:8px;
    transition:box-shadow 0.5s ease, background 0.5s ease; 
}
#timeline_holder div.link_extend .plurk_cnt{
    background:rgba(255,255,255,0.9) !important;
    border:4px solid rgba(255,255,255,0) !important;
    box-shadow:0 2px 5px rgba(0,0,0,0.2);
    transition:box-shadow 0.1s ease, background 0.5s ease;
}
#timeline_holder div.link_extend .plurk_cnt:active{
    box-shadow:none;
    transition:box-shadow 0.1s ease;
}
#timeline_holder div.plurk_box .plurk_cnt{
    background:rgba(255,255,255,0.9) !important;
    border:4px solid rgba(255,255,255,0) !important;
    box-shadow:none;
}

/*沒有回應的噗打開後*/
.list .empty {
    opacity:0.4;
    min-height:18px !important; 
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    top:-5px;
    color:#fff;
    background: url(
http://i.imgur.com/VuSRc3h.png
) no-repeat top center;  /*背景圖*/
    background-size:auto 380px;
    padding:45% 0px 0px 0px;
}

/*超連結文字字體顏色*/
#plurk-dashboard a {
    color: #555;
}
#dashboard_holder a:hover {
    text-decoration: underline;
    color: #222 !important;
}
#dashboard_holder a:active{
    color: #666 !important;
}