2010/08/21

我的 Plurk 設定

body, html
{
font-family:LiHeiPro !important; 微軟正黑體;
font-size:13px !important;
}

.text_holder
{
font-family:LiHeiPro !important; 微軟正黑體;
font-size:13px !important;
line-height:16px;
}

#author
{
/* http://www.plurk.com/medicalwei */
}

#timeline_holder div.plurk
{
-webkit-transition: top 0.5s ease,-webkit-transform 0.5s ease;
-webkit-transform: rotate(5deg);
-webkit-transform-origin: 0 0;
}

#timeline_holder div.plurk .dots
{
position: absolute;
left: -1000em;
}

#timeline_holder div.plurk .td_img
{
opacity: 0;
-webkit-transition: opacity 0.5s ease;
}

#timeline_holder div.link_extend,
#timeline_holder div.plurk_box
{
-webkit-transition: -webkit-transform 0.5s ease;
-webkit-transform-origin: 0 0;
-webkit-transform: rotate(0deg);
}

#timeline_holder div.link_extend .td_img,
#timeline_holder div.plurk_box .td_img
{
opacity: 1;
-webkit-transition: opacity 0.5s ease;
}

::-webkit-scrollbar
{
background: #ccc;
width: 10px;
}

::-webkit-scrollbar-thumb
{
background: #999;
border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover
{
background: #666;
border-radius: 10px;
}

.response_time
{
-webkit-transform:rotate(5deg);
-webkit-transform-origin: 0 0;
margin-left:-10px;
-webkit-box-shadow: 0.1px 2px 5px rgba(0,0,0,0.5);
border-radius: 5px;
border: none;
opacity: 0.5;
-webkit-transition: opacity 0.2s ease;
}

.response_time:hover
{
opacity: 1;
-webkit-transition: opacity 0.2s ease;
}

#timeline_holder .plurk_cnt
{
-webkit-box-shadow: 0.2px 4px 8px rgba(0,0,0,0.4);
border-radius: 5px;
-webkit-transition: -webkit-box-shadow 0.5s ease, background 0.5s ease;
border: none;
background: rgba(255,255,255,0.5) !important;
}

#timeline_holder div.link_extend .plurk_cnt,
#timeline_holder div.plurk_box .plurk_cnt
{
-webkit-box-shadow: 0 4px 24px rgba(0,0,0,0.2);
-webkit-transition: -webkit-box-shadow 0.2s ease, background 0.5s ease;
background: rgba(255,255,255,0.8) !important;
}

#timeline_holder div.plurk_box .plurk_cnt
{
border-radius: 5px 5px 0 0;
-webkit-transition: background 0.5s ease;
background: rgba(255,255,255,1) !important;
}

#form_holder div.list
{
-webkit-transition: height 0.5s ease;
}