Plurk paste

/*原噗版來自 http://prattflora.com/mfastudy*/

/*噗浪版型- FASe*/
/*Re-edit by Be Myself Inc. M6--------------------------------------*/

/*畫面佈景--------------------------------------*/
body, html {
background:#eff5eb url(http://imgur.com/4YtuIdC.jpg) top left no-repeat;
}

/*語言字型*/
body.language-large-font {
font-size: 11px;
font-family: Lucida Sans;
}

/*去除連結虛線框*/
a {outline: 0 !important;}

/*頁首頁尾一次搞定*/
#top_bar a, #top_login a {
color:#99c9c9 !important;
border:0;
font-size:12px;
}
#footer a, #languge_selector, #footer {
color:#99c9c9;
border:0 !important;
font-size:12px;
text-decoration:none !important;
font-weight:normal !important;
}
#top_bar a:hover , #top_login a:hover {
color:#99c9c9 !important;
border:0;
}
#footer a:hover {color:#444; border:0;}
#top_bar .content a#edit_link {color:#99c9c9;border:0;font-size:11px;}
#top_bar .content a:hover#edit_link {color:#555;border:0;background: none;}
#alert_beacon {color:#fff;margin:0 2px;}
#page_title {font-size:16px;color:#3399aa !important;}

/*時間軸--------------------------------------*/
#timeline_holder {
background: none;
border: 0!important;
filter: alpha(opacity=80) !important;
-moz-opacity: 0.8 !important;
opacity: 0.8 !important;
}

/*時間軸上往右捲動的圖*/
.cmp_arrow_right {
background:#ffffff url(http://blog.grannys-drawer.com/template/cmsp/16/c_0/pagenavi_r.gif) center no-repeat;
filter: alpha(opacity=40);opacity: 0.5;-moz-opacity: 0.5;
width: 60px;height: 40px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/*時間軸上往左捲動的圖*/
.cmp_arrow_left {
background: #ffffff url(http://blog.grannys-drawer.com/template/cmsp/16/c_0/pagenavi_l.gif) center no-repeat;
filter: alpha(opacity=40);opacity: 0.5;-moz-opacity: 0.5;
width: 60px;height: 40px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/*時間軸上跳回首頁的圖*/
.cmp_back_to_today {
background: url(http://bemyselfinc.com/_icon/ic02-21.gif) center no-repeat;
filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6;
width:16px;height:16px;margin-left:22px;
}

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

/*日期文字*/
.day_start .bottom_start, .day_start .div_start {
color: #3399aa !important;
font-size: 9px;
font-weight:normal!important;
}

/*換日線*/
.div_inner {
background: none !important;
border: 0 !important;
}

/*時間分隔線*/
#bottom_line {
border: none;
background:none;
}

/*每則噗對應時間顯示*/
#time_show {
background: url(http://stat100.ameba.jp/amember/img/pc/user/ameba/common/icons/amember_icon.gif) top center no-repeat;
border: none;
padding-top: 13px;
margin-top: -30px;
}

#time_show span {
font-size:9px;
}

/*河道上的噗*/
.plurk_cnt {
font-size:12px;
line-height:18px;
letter-spacing:0.08em;
padding:3px !important;
border: none;
background: #fff;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/*浪上的噗友圖*/
.p_img {
background: #fff;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding:4px;
}

/*回應列表標題*/
.plurk_box .caption {
border: 0!important;
padding-top: 8px;
background: #fff url(http://blog.grannys-drawer.com/template/cmsp/16/c_0/lace_sc_top.gif) top left repeat-x;
}

/*回應列表群的高度*/
.plurk_box .list {
border: none;
height: 300px;
color:#888;
background:#fff;
}

/*回應列表：寬度*/
.list table {
width:98% !important;
}

/*每則回應*/
.list .plurk_cnt {
line-height:180%;width:auto;
}
.list .plurk_cnt tr {
line-height:180%;width:auto;
}

/*發噗區下方的連結列*/
.info_box {
background: #fff;
border: none;
font-size:0.9em!important;
}

/*發噗區外框*/
.mini_form {
border: 0!important;
}


/****個別噗的回應區****/
td.td_cnt textarea, textarea#input_small {
border: 1px #3399aa dotted;
height: 60px;
color:#333 !important;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/*浪上的噗字顏色*/
.td_cnt .text_holder, #timeline_holder table td, #timeline_holder .plurk_cnt {
color:#444444 !important;
}

/*噗上的連結*/
.plurk a.ex_link {
color: #3399aa;
text-decoration: none;
}
.plurk a.ex_link:hover {
color: #999;
text-decoration: underline;
}

/*刪除編輯消音取消*/
.manager,
.manager a,
.manager .action,
.manager .cancel,
.manager .delete,
.unmute,
.mute {
font-size:10px !important;
}

/*影音圖片*/
.youtube img,.pictureservices img {border: none;}
.youtube:hover img,.pictureservices:hover img {border:1px solid #888;}
.video:hover img,.pictureservices:hover img {border:1px solid #888;}

/*讓噗列表換行--------------------------------------*/
.list .plurk_cnt .td_qual {
position: absolute;
width: auto;
overflow: visible;
}
.list .plurk_cnt .td_cnt .text_holder {
margin-top: 1.5em;
margin-left: 0.5em;
padding-bottom:0.3em;
width: auto !important;
background: #f4f4f4;
}

/*原噗者的回應*/
.list .highlight_owner .td_qual a {color:#666 !important; }
.list .highlight_owner .td_cnt a {color:#444 !important;}
.list .highlight_owner .td_cnt a:link {color: #3366AA !important;}
.list .highlight_owner .td_cnt a.ex_link {color:#3366AA !important;}
.list .highlight_owner .td_cnt a:hover {color:#777 !important;}
.list .highlight_owner .td_cnt .text_holder {
color: #444 !important;background:#D0ECF1 !important;}

/*各別噗回應時間標示*/
.response_time .holder {
border: none;
font-size: 9px;
color: #aaa;
}

/*浪上噗友小視窗*/
.AmiMenu.info_menu, .AmiMenu.info_menu td.on, .AmiMenu.info_menu .user_info.on, .AmiMenu.info_menu .separator {
background: #3399aa !important;
border: 0 !important;
}
.AmiMenu.info_menu .block {
border: 0!important;
}

/*回應數*/
.td_response_count {
padding:2px;
}
.response_count {
background: #fff!important;
color: #999 !important;
-khtml-border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
padding:4px;
}
.new .response_count {
background: #3399aa !important;
color: #fff !important;
border: none;
padding:4px;
}
.dots .inner {
width:1px;
height:1px;
}

/*沒有回應的噗打開後*/
.list .empty {
color: #555 !important;
background:url(http://pupe.ameba.jp/image/emoji/003.gif) no-repeat 50% 0px transparent;
margin: 10px 0 0 0;
padding: 20px 0 0 0;
}

/*更換loading圖--------------------------------------*/
.cmp_loading {background: transparent;width: 0px;height: 0px;}
#div_loading .cnt {background: transparent;}
.loading img {height: 0;width: 0;}
.loading {
background: transparent url(http://stat.ameba.jp/blog/ucs/img/char/char2/038.gif) no-repeat scroll center center !important;
margin-top: 50px;
}

/*更新通知與音樂播放器*/
#updater, #music_player {
border: none;
background: #3399aa;
color:#fff !important;
filter:alpha(opacity=80) !important;
-moz-opacity:0.5 !important;
opacity: 0.7 !important;
}
#updater .text {color: #ffffff;}
#updater a, #music_player a {color: #ffffff;}

/*右方四個常用看噗標籤,所有,我的,私噗,回應,喜歡的*/
#filter_tab {padding-top: 8px;}
#filter_tab a.off_tab {
background: transparent;
border: none!important;
color:#777;
}
#filter_tab a.filter_selected {
background: #fff url(http://emoji.ameba.jp/img/user/na/natsea/606239.gif)bottom center no-repeat;
border: none!important;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height:36px;
}
#filter_tab a.off_tab:hover {
background: #3399aa;
color:#ddd;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: none!important;
}

/*噗輸入區*/
textarea#input_big.content, textarea#input_big, textarea#input_permalink {
background: #fff url(http://pupe.ameba.jp/image/emoji/002.gif)bottom right no-repeat;
color: #333!important;
height: 80px;
font-size: 19px;
border: 1px #3399aa solid!important;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
filter: alpha(opacity=80) !important;
-moz-opacity: 0.8 !important;
opacity: 0.8 !important;
}

/*發噗按鈕*/
.cmp_plurk {
background: #3399aa url('http://farm5.static.flickr.com/4013/4305200163_02c2497854_o.png');
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

/*使用者名稱*/
#main_poster .qual_holder {
color: #333;
font-size: 14px;
}

/*語助詞*/
.qualifier, .m_qualifier, .r_qualifier {
-khtml-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

/*主控台--------------------------------------*/
#pane_daily_photo,
#pane_search,
#pane_plurk {
margin:0 auto;
border:none;
background:none;
}

/*每日照片文字*/
#pane_daily_photo a {font-size: 15px!important;color:#444 !important;}
#pane_daily_photo a:hover {color:#666 !important;}

/*搜尋區文字*/
#pane_search {color:#555 !important;}
#pane_search a{color:#555 !important;}
#pane_search a:hover {color:#888 !important;}

/*搜尋面板按鈕*/
input.orange-but {
background:#3399aa !important;
border:0px solid #3399aa !important;
color:#FFF !important;
text-shadow:0px 0px 0px #ccc!important;
-moz-box-shadow:0 0px 0 #000;
-webkit-box-shadow:0 0px 0 #000;
box-shadow:0 0px 0 #000;
cursor:pointer;
font-size:13px;
padding:2px 4px;
vertical-align:middle;
width:auto;
}

/*搜尋面板文字輸入區*/
input#current_query {
background:#fff !important;
border:1px solid #3399aa;
width:100%;
font-size:19px;
color: #333!important;
height: 30px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
filter: alpha(opacity=80) !important;
-moz-opacity: 0.8 !important;
opacity: 0.8 !important;
}

#plurk-dashboard {
background: none;
border:none;
font-size:12px !important;
line-height:18px;
color:#3399aa !important;
}

#plurk-dashboard a {color:#555 !important; text-decoration:none !important;}
#plurk-dashboard a:hover {color:#222 !important; }

/*搜尋面板上方的三個按鈕*/
#toggle_tab li {
border:none;
background: none;
font-size: 12px;
color:#666 !important;
}
.plurkaction {
clear:both;
}
.plurkaction,#toggle_tab li.tt_selected,#more_options_link{
font-size: 12px;
background:transparent;
border:none;
}
#toggle_tab li.tt_selected {
}

/*私密語系的面板拉下之後的格式*/
#more_options,
#more_options a#more_options_link {
border:none;
background: none;
color: #3399aa!important;
font-size: 11px;
}
#more_options #plurk_to {
color:#3399aa!important;
}
#more_options #more_options_holder {
border:none;
background: none;
color:#3399aa!important;
font-size: 11px;
}

/*控制面板: 個人圖像*/
#profile_pic {
width:121px;
background:#fff;
margin-top:3px;padding:2px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/*個人簡介,統計,朋友,粉絲四個區塊一次搞定*/
#dash-profile, p#about_me,
#dash-stats,
#dash-friends, #dash-friends a,
#dash-fans, #dash-fans a
{
padding:0px !important;
margin:0 auto !important;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
color:#3399aa !important;
text-decoration:none !important;
line-height:180% !important;
}
#dash-stats h2, #dash-friends h2, #dash-fans h2
{
line-height:120% !important;
color:#3399aa !important;
font-size: 18px;
background:none;
}

/*統計項目*/
#dash-stats {color:#666666; }
#dash-stats #karma {color: #3366AA; }
#dash-stats a{color: #3366AA;text-decoration:none; }
#dash-stats table tbody tr th{color: #666666; }
#dash-stats table tbody tr td{color: #666666; }

/*朋友搜尋,入門說明,邀請朋友,分享連結,社交小圖示隱藏一次搞定*/
#dash-friends p, #dash-friends form,
div #tw_help,
div a#dashboard-invite,
div #sharePlurk,
.dash-icon
{
filter:alpha(opacity=0) !important;
-moz-opacity:0 !important;
opacity: 0 !important;
height:0px!important;
}

/*小徽章*/
.award_bar {
width:200px !important;
}

/*朋友粉絲圖*/
.friend_holder {margin-bottom: 4px;}
.friend_holder table { margin-left: auto;margin-right: auto;}
.friend_holder .user_link{
height:25px!important;width:25px!important; border:4px solid #3399aa !important;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/*朋友的照片*/
.friend_holder img{
width:25px;height:25px; border:4px solid #3399aa !important;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/*單一Plurk頁面--------------------------------------*/
.user-nick, .user {color: #111 !important; }
div.bigplurk h1.content {color:444;}
h1.content a.ex_link {color: #3399aa; }
h1.content a.ex_link:hover {color:#666; }
.plurk_content a.ex_link {color: #3399aa !important;}
.plurk_content a.ex_link:hover {color:#666 !important;}

/*上一則_下一則訊息*/
#prev_plurk, #next_plurk {
-khtml-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color:#444;
}
div #plurk_responses h2 a {
color:#3399aa !important;
font-size:14px;
}

/*回應區*/
#plurk_responses a {color:#3399aa;}
.message {
border: none!important;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.message a {color:#3399aa !important;}

/*回應區個人圖像*/
img.avatar {
border: none !important;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

/*輸入訊息區*/
#reply #reply_box {
background:none;
border: none;
filter: alpha(opacity=90); opacity: 0.90; -moz-opacity: 0.90;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/*登入或註冊以回應*/
div #not_logged_in h2 {
color: #ccc !important;
background:none !important;
font-size:15px !important;
}
div #not_logged_in h2 a {
background:none !important;
color: #999 !important;
font-size:14px !important;
}
div #not_logged_in h2 a:hover {color: #444 !important;}

/*朋友粉絲與發送私密噗按鈕一次搞定*/
.friend_man.add_follow,
.friend_man.remove,
.friend_man.add_friend,
.friend_man.pending,
.friend_man.block,
.friend_man.private_plurk {
background:none !important;
border:0;
border-bottom:1px dotted #3399aa !important;
}

/*註冊使用BAR*/
#validate_email,#sign_up_small,#registerToday,.plurk_box .login_to_see a,.red_link,.plurk_box .login_to_see {background:#fff !important;color:#777 !important;border:0!important;}
#top_login a#sign_up{background:none !important;color:#ddd !important;border:0;}

/*表情符號圖示*/
#emoticon_selecter {width:408px;}
#emoticon_selecter img {border:0 !important;}
#emoticons_tabs ul li a,
#emoticons_tabs ul li {
margin-left:0px;
border:0!important;
background:#eee !important;
color: #555 !important;
font-weight: regular;
text-transform:normal;
padding:2px 5px;
font-size:12px;
}
a.promote.action { position: absolute; left: -1000px; width: 0px; }

div.manager a.replurk.action { position:absolute !important; left:-15000px !important }

.list{height:353px !important;}


#dynamic_logo {
opacity:0;filter:alpha(opacity=0);zoom:1
}

.loading{
background:transparent url() no-repeat scroll center top !important;
margin-top:30px;
height:0px;
opacity:0 !important; zoom:1;
}

#dash-profile {
position : relative;
}

#plurk-dashboard .dash-segment-profile #dash-profile img.profile-pic {
width: 195px!important;
height: 195px!important;
position : relative;
margin-left: 5px;
margin-top: 5px;
}

#plurk-dashboard .dash-segment-profile #dash-profile {
height: initial!important;
}

#plurk-dashboard .dash-segment-profile #dash-profile #full_name {
margin: auto;
padding-left: 5px;
}

#plurk-dashboard .dash-segment-profile #dash-profile .profile-info {
position : relative;
margin-left: auto;
margin-top: 2px;
padding-left: 5px;
padding-bottom: 5px
}

#plurk-dashboard .dash-group-left {
width: 225px;
float : none;
}

#plurk-dashboard .dash-group-form, #plurk-dashboard .dash-group-right {
width: -moz-calc(100% - 225px);
}

.td_response_count { padding-top:1px }

/* ROUNDED CORNERS */
/* ROUNDED CORNERS */

/* rounded corners on floating unopened plurks */
._lc_ .plurk_cnt { border-radius: 9px 9px 9px 9px; -khtml-border-radius: 9px; -webkit-border-radius: 9px; }

/* rounded corners on open plurk dropdowns */
._lc_ .info_box, ._lc_ .response_box {
border:0px;
border-radius:50%;
border-radius:9px 9px;
}

#form_holder {
border:0px;
border-radius:50%;
border-radius:9px 9px;
}

/* rounded corners on profile images beside plurks */
.p_img {
border:0px!important;
}
.p_img img {
border:0px;
border-radius:50%;
border-radius:5px 5px;
}

/* rounded corners on response counts beside plurks */
.new .response_count, .response_count {border-radius:6px;}

/* END ROUNDED CORNERS */
/* END ROUNDED CORNERS */

ul#filter_tab li {
float : left;
opacity: 1;
}
#filter_tab a {
display : initial;
overflow: initial;
margin-right: 5px;
}

td.td_cnt textarea, textarea#input_small {font-family: arial;}

td.td_cnt textarea, textarea#input_big {font-family: arial;}

.loading img {width:0px;height:0px;}
.loading
{
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loading/loading1.gif) no-repeat scroll center top !important;
margin-top:30px;height:px;
opacity:1 !important; zoom:1;
}

#div_loading {filter:alpha(opacity=0); opacity:0.0;}

.browse_button {
display : none;
}

div#dashboard_holder {filter:alpha(opacity=70) !important; opacity:0.7 !important; zoom:1;}

/*-- Plurk transparency --*/
.plurk_cnt {filter:alpha(opacity=80) !important; opacity:0.9 !important; zoom:1;
-moz-transition:opacity 0.5s ease-out, height 1.5s ease-out;
-webkit-transition:opacity 0.5s ease-out, height 1.5s ease-out;
-o-transition:opacity 0.5s ease-out, height 1.5s ease-out;}

.plurk_cnt:hover {filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
-moz-transition:opacity 1s ease-in, height 1s ease-in;
-webkit-transition:opacity 1s ease-in, height 1s ease-in;
-o-transition:opacity 1s ease-in, height 1s ease-in;
}

.bottom_start, .bottom_end, .day_start .bottom_start {
display : none!important;
}

.input_holder #input_big {
background-color: white;
font-size: 200%;
color: #333 ;
font-family: "arial";
overflow-y: auto;
width: 200%;
}