[ plurk css ] 十二段落的配搭變化_09 @ 金羽銀華

主控台資訊區塊的細部設定，包括自介、統計、朋友、粉絲等。

_09_資訊區塊

/*======================== 資訊區塊 ========================*/

#dash-profile, #dash-stats, #dash-friends , #dash-fans    /*置中對齊*/
{
   text-align:center;
}

#dash-stats h2, #dash-friends h2, #dash-fans h2   /*標題*/
{
   background:none !important;
   border:0 !important;
   color:# !important;
}

/*列出所有朋友粉絲連結*/
.show_all_friends a
{
   font-size:11px !important;
   color:# !important;
   text-decoration:none !important;
   letter-spacing:px;
}
.show_all_friends a:hover
{
   color:# !important;
   background:# !important;
   text-decoration:none !important;
}

/*======================== 自介 ========================*/

/*個人圖像*/
#profile_pic
{
   width:px;
   border:px solid # !important;
   padding:px !important;
   -moz-border-radius:5px;
   -khtml-border-radius:5px;
   -webkit-border-top-left-radius:5px;
   -webkit-border-top-right-radius:5px;
   -webkit-border-bottom-right-radius:5px;
   -webkit-border-bottom-left-radius:5px;
}
#profile_pic:hover {width:auto;}

/*文字*/
p#about_me,
p#relationship_container,
#dash-profile,
#full_name,
#span_years,
#m_or_f,
#location
{
   color:# !important;
   font-size:11px !important;
   line-height:;
   text-shadow:0px 2px 4px #;
}
#full_name /*姓名*/
{
   font:700 13px Arial !important;
}
p#about_me, /*關於我自己*/
p#relationship_container /*感情狀態*/
{
   background:#!important;
   -moz-border-radius:5px;
   -khtml-border-radius:5px;
   -webkit-border-top-left-radius:5px;
   -webkit-border-top-right-radius:5px;
   -webkit-border-bottom-right-radius:5px;
   -webkit-border-bottom-left-radius:5px;
   padding:px;
}
p#about_me img /*影音圖片*/
{
   padding-left:px !important;
}
p#about_me img:hover
{
   border:0 !important;
}
#dash-additional-info a /*連結*/
{
   color:# !important;
   text-decoration:none !important;
}
#dash-additional-info a:hover
{
   color:# !important;
   text-decoration:none !important;
   top:0px;
   left:0px;
}

/*======================== 卡馬 ========================*/

#dash-stats h3 /*背景*/
{
   margin-top:px !important;
   text-align:center !important;
}
#karma_holder {}
.karma_hover
{
   color:#;
   font-size:px;
}
#karma
{
   font-size:px !important;
   text-shadow:0px 0px 4px #ffde00;
   color:#fd9d0b !important;
}

/*隱藏卡馬箭頭*/
.link_arrow, .cmp_points-arrow
{
   height:0 !important;
   font-size:0 !important;
   position:absolute;
   filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;
}
.cmp_karma_up,
.cmp_karma_down
{filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
a.link_arrow,
a.link_arrow link_badges
{filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}

/*======================== 統計 ========================*/

#dash-stats {}

#dash-stats table th, /*項目*/
#dash-stats table td /*數值*/
{
   color:# !important;
   font-size:px !important;
   line-height:;
   text-align:left !important;
}

/*======================== 小徽章 ========================*/

.award_bar
{
   width:200px !important;
   padding:0 !important;
   margin-top:10px !important;
}
.award_bar div
{
   padding:0 !important;
   margin:0 !important;
}
.award_bar img /*透明度變化*/
{
   filter:alpha(opacity=20) !important; opacity:0.2 !important; zoom:1;
}
.award_bar img:hover
{
   filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
   -moz-box-shadow:0px 0px 5px #ddd;
   -webkit-box-shadow:0px 0px 5px #ddd;
   box-shadow:0px 0px 5px #ddd;
}

/*將大徽章換成小徽章*/
.cmp_1
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1194px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_10
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -848px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_100000_views
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -117px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_10000_invites
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -172px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_10000_plurks
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -227px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_10000_views
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -282px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_1000_days
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -337px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_1000_invites
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -392px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_1000_plurks
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -447px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_1000_views
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -502px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_100_days
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -557px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_100_invites
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -612px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_100_plurks
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -667px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_100_views
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -722px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_10_days
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -777px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_10_invites
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -832px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_10_plurks
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -903px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_11
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -958px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_12
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1013px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_13
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1068px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_14
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1123px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_15
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1178px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_2
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1249px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_4
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1304px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_5
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1634px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_50000_comments
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1398px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_5000_comments
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1453px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_500_comments
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1508px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_500_days
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1563px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_50_comments
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1618px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_6
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1689px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_7
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1744px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_8
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1799px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_9
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1854px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_upload_profile_image
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1909px no-repeat;
   width:16px; height:16px; font-size:1px;
}
.cmp_webcam_image
{
   background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1964px no-repeat;
   width:16px; height:16px; font-size:1px;
}

/*======================== 朋友粉絲 ========================*/

/*-----------------------------隱藏朋友搜尋,入門說明,邀請朋友,分享連結,社交小圖示*/

#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:0 !important;
   width:0 !important;
   overflow:hidden;
   zoom:1;
}

/*--------------------------------------------------------------朋友粉絲按鈕*/

a.friend_man
{
   background:# !important;
   border:1px solid # !important;
   color:#fff !important;
   -moz-border-radius:5px;
   -khtml-border-radius:5px;
   -webkit-border-top-left-radius:5px;
   -webkit-border-top-right-radius:5px;
   -webkit-border-bottom-right-radius:5px;
   -webkit-border-bottom-left-radius:5px;
   font-size:11px !important;
}
a.friend_man:hover
{
   background:# !important;
   color:#fff !important;
   text-decoration:none !important;
   -moz-box-shadow:0px 0px 5px #eee;
   -webkit-box-shadow:0px 0px 5px #eee;
   box-shadow:0px 0px 5px #eee;
   top:0px;
   left:0px;
}

/*--------------------------------------------------------朋友粉絲圖像*/

.user_link img /*透明度變化*/
{
   filter:alpha(opacity=60) !important; opacity:0.6 !important; zoom:1;
}
.user_link img:hover
{
   filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
}
.friend_holder {margin-top:0px;}
.friend_holder table {margin-top:0px; margin-left:auto; margin-right:auto;}
.friend_holder img {width:px;height:px;}
.friend_holder td,
.user_link
{
   padding:0px !important;
   margin:0px !important;
}
.friend_holder .user_link
{
   background:none !important;
   padding:px !important;
   height:px !important;
   width:px !important;
   border:1px solid # !important;
   -moz-border-radius:5px;
   -khtml-border-radius:5px;
   -webkit-border-top-left-radius:5px;
   -webkit-border-top-right-radius:5px;
   -webkit-border-bottom-right-radius:5px;
   -webkit-border-bottom-left-radius:5px;
}
.friend_holder .user_link:hover
{
   background:# !important;
   padding:px !important;
   border:1px solid # !important;
   height:px !important;
   width:px !important;
   top:0px;
   left:0px;
}

/*斜角效果*/
.user_link img
{
   transform: rotate(315deg);
   -webkit-transform: rotate(315deg);
   -moz-transform: rotate(315deg);
}
.user_link img:hover
{
   transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
}

/*----------------------------------------------------粉絲區文字與連結*/

div#fan_holder
{
   font-size:11px !important;
   color:#fff !important;
   text-align:left !important;
}
div#fan_holder a
{
   font-size:11px !important;
   color:#fff !important;
   text-decoration:underline !important;
}
div#fan_holder a:hover
{
   color:#fff !important;
   text-decoration:none !important;
}