【分享】感覺巧克力Sensation Chocolat噗浪樣式 @ 感覺巧克力 Sensation Chocolat 官方部落格

感覺巧克力的噗浪PLURK樣式template正式出爐啦！有玩噗浪的朋友們只要點圖就可以直接套用喔！無法套用的朋友下面附上完整的CSS，歡迎取用，套勇也請留言表示支持喔！也歡迎將本文引用到你的部落格。

另外，別忘了要加入KOSBIZ辦公室美容筆記的好友喔！這是由我們兩位大美女主管Catherine & Irene親自打理的美容園地，想認識他們嗎？快加入吧！

有人認識他們嗎？他們就是Catherine & Irene，我們的名模姐妹經理人！（左邊Irene　右邊Catherine ）

body,html {
   background: url(http://pic.pimg.tw/standinghere/4b61bf5bc7d62.jpg) right -4px repeat-x #b76734;
   font-size:12px;
   font-family: arial, verdana;}

#timeline_holder {
   background: transparent;
   background-repeat:no-repeat;
   border:0px transparent;}

#timeline_holder table td {
   -moz-border-radius:8px 8px 8px 8px;
   -webkit-border-radius: 8px;
   color: #000000;}

#page_title {
   color: #783E28 !important;
   font: bold 12px arial;}

#dynamic_logo{
   position:absolute;
   margin:3px 0 0 5px;
   width:168px;
   height:162px;
   background: transparent;}

#dynamic_logo img{
    height:0px;
    width:0px;}

#time_show{padding:0; margin:0;}
#time_show span {
   color: #fff;
   font-weight:bold;
   margin: -5px;
border:0 !important;
background:#fff;
padding:2px 5px !important;
font:9px Tahoma !important;
color:#aaa;
   -khtml-border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;}

/* Evening, Night, Day, Morning */
.evening, .night, .day, .morning {
border:0;}

/* Today and Time of Plurks */
#bottom_line {
   font-size: 11px;
   margin-top: -2px;
   border:0 !important;
   background: url(http://i45.tinypic.com/349e0i0.jpg); }

.bottom_start , .bottom_end {color:#fff !important;font-weight:bold;font-size:11px ;}

/* Day Separator */
.day_bg .div_inner {
   background: transparent no-repeat scroll center;
   border-left: 0px none;
   border-right: 0px solid #efefef;
   color: #efefef !important;}

.day_start, .day {
   font-weight: normal;
   color: #000000 !important; }

.day_start .bottom_start, .day_start .div_start {
   margin-top: -1px;
   margin-left: 1px;
   color: #ffffff !important;
   text-align: left;}


/* Today, yesterday, 2 days ago etc text on actual time line area */
.day_start .div_bottom, .day_start .bottom_start {color: #e35f20 !important;}

/* All Plurks My Plurks*/
#filter_tab {
font-size:11px !important;
   border: 0 !important;}

#filter_tab a.off_tab {
   background: #864620;
   color: #D49C7B;
   border:0 !important;}

#filter_tab a.off_tab:hover {
   color: #fff;
   border:0 !important;}

#filter_tab a.filter_selected {
   border:0 !important;
   background: none ;
   color: #E9BBA3;
   font-weight:bold; }

/* Plurk Textarea */

textarea#input_big,
textarea#input_permalink {
   background: transparent;
   border:0;
   border-bottom:1px solid #8D664F;
   color: #fff !important;
   font: normal 15px arial;
   margin: 0 0 0 0;}

/* Block User Button */

.friend_man.block {
   -moz-border-radius: 4px 4px 4px 4px;
   -khtml-border-radius: 4px;
   -webkit-border-radius: 4px;
   background: #C8A086;
   border: 0px solid #4b2609;
   color: #fff !important;}

/* Replace Big Plurk Button
img[src="http://static.plurk.com/button/plurk.png"] {
filter:alpha(opacity=0);
-moz-opacity:.0;
opacity:.0;
}*/

.submit_img {
   background: transparent url(http://i49.tinypic.com/3480ck8.jpg) no-repeat scroll top left;
   height: 38px;
   padding-left: 82px;
   width: 0px;
   overflow: hidden;
   margin-top: -10px; *margin:0;}

.cmp_wj {
position: absolute !important; left:-10000px;
    height: 0px;}



a#widget-gfx {
   background: transparent url(http://s.plurklayouts.com/images/layouts/widget.png) no-repeat scroll 0 0 !important;
   height: 33px;
   margin-left: auto;
   margin-right: auto;
   padding: 9px 1px 0px 40px;
   overflow: hidden;
   color: transparent !important;}
a#mobile-gfx {
   background: transparent url(http://s.plurklayouts.com/images/layouts/mobile.png) no-repeat scroll 0 0 !important;
   height: 33px;
   margin-left: auto;
   margin-right: auto;
   overflow: hidden;
   color: transparent !important;}

a#twitter-gfx {
   background: transparent url(http://s.plurklayouts.com/images/layouts/twitter.png) no-repeat scroll 0 0 !important;
   height: 45px;
   margin-left: auto;
   margin-right: auto;
   overflow: hidden;
   color: transparent !important;}

a#dashboard-invite {
   width: 182px !important;
   height: 42px;
   padding:0 !important;
   background: transparent url(http://pic.pimg.tw/standinghere/4b61bf5822587.png) no-repeat scroll 0 0;
   overflow: hidden;
   color: transparent !important;
   font-size:0;text-indent: -50000px;
   margin:0 auto !important;
   border: 0px none #000000;}

.cmp_invite, .cmp_widget-gfx, .cmp_twitter-gfx, .cmp_mobile-gfx {
   background: transparent none no-repeat scroll 0 0;
   height: 0px;
   width: 0px;}

/*Dashboard Background and Info*/

.segment-content{
   margin:0 !important;
   padding:0 !important;}

#dashboard_holder a {color:#BA6C43;}
#dashboard_holder a:hover {}

/* Dashboard */

#plurk-dashboard {
   background: transparent !important;
   border:0 !important;
   padding:0 !important;
   margin:0 !important;}

#plurk-dashboard a {
   color: #4b2609;
   text-decoration: underline;
   border:0;}
#plurk-dashboard a:hover {
   color: #e35f20;
   text-decoration: none;
   border:0;}

.dash-segment{*padding-left:0;}
/*Dashboard Stats area*/

#dash-stats{
   border:0;
   color: #372109;
   width: 200px;
   padding:10px;
   padding-top: 50px; *padding-top:70px;
   text-align: center;
   background:url(http://pic.pimg.tw/standinghere/4b61bf617bdf2.jpg) center 10px no-repeat #6C3315;
   -khtml-border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   margin:0 !important;}

#dash-stats h2{
   position: absolute !important;
   left:-40000px;}
#dash-stats table th{color:#aaa;
font-size:12px !important;}
#dash-stats table td{
   color:#460300 !important;
   text-align: left !important;
   width: 60px !important;
   font:11px arial;}
a.link_arrow{color:#AA5D31 !important;}

/*Dashboard Friends area*/

#dash-friends {
   width: 200px;
   padding:10px;
   padding-top: 60px; *padding-top:80px;
   text-align: center;
   background:url(http://pic.pimg.tw/standinghere/4b61bf63e8063.jpg) center 10px no-repeat #6C3315;
   border:0px solid #fff;
   color: #f1cec4;
   -khtml-border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   margin:0 !important;}

#dash-friends h2{
   position: absolute !important;
   left:-40000px;}

.show_all_friends a{
   background: transparent;
   padding-top: 5px;
   padding-bottom: 11px;
   text-align:center;
   color: #f1cec4 !important;
   font-size:11px !important;
   text-decoration:none !important;;
   -moz-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;}


/*Dashboard Fans*/

.friendsList{
   width: 200px !important; overflow:hidden;
   padding:10px;
   padding-top: 70px;
*padding-top:75px;
   text-align: center;
   background:url(http://pic.pimg.tw/standinghere/4b61bf645b8de.jpg) center 10px no-repeat #6C3315 !important;
   border:0px solid #fff;
   color: #f1cec4;
   -khtml-border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   position: relative;
   margin:0 !important;}
.friendsList .segment-content{padding:0 !important;}

#dash-fans h2{
   position: absolute !important;
   left:-40000px;}

/* Share Plurk Button */
#sharePlurk{
   background: transparent url(http://pic.pimg.tw/standinghere/4b61bf5f8188c.png) no-repeat scroll top left;
   border:0;
   height: 37px;
   padding-top:20px; margin:5px auto;
   width: 182px;}

#sharePlurk div {border:0;   }
#sharePlurk p,
#sharePlurk span {position: absolute !important;left:-220000px;}
#sharePlurk #invite_url{
   font:11px arial !important;
   color:#666;
   width:160px !important;
   border: 0 !important;
   overflow:hidden;
   background:none;}

.dash-icon{margin-left:10px;}
#block_user{position:absolute !important;right:5px;top:7px;}

/*Background colour for time and Plurking Textarea*/

#plurk_form {
   margin: 0px 0 0 0 !important;
   padding:10px 140px 30px 10px !important;
   background: transparent;
   border:0;
   color: #fef8eb;
   background:url(http://pic.pimg.tw/standinghere/4b61bf5a87b0b.png) right bottom no-repeat;
   }

#pane_plurk {
   border: 0px solid #918e79;
   background: url(http://i45.tinypic.com/349e0i0.jpg);
   color: #fef8eb !important;
   background:#C19C82 !important;
}

#toggle_tab{
   width: 80%; padding-left:30px;
_height:1%;
margin-bottom: 0 !important;
   background:url(http://pic.pimg.tw/standinghere/4b62cf8570f54.gif) 300px 3px no-repeat;}

#toggle_tab li {
   background: url(http://i45.tinypic.com/349e0i0.jpg);
   color: #fef8eb !important;
font:bold 15px arial !important;}

.plurkaction{
   clear:both;
   font: bold 13px arial !important;
   background:#C8A086;
   border:0 !important;
   padding-bottom:20px !important;
   -khtml-border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
padding-top:20px;
*padding-top:10px;}
.dd_img span{padding:3px !important;}

#toggle_tab li.tt_selected{
   border: 0;
   background:#C19C82 !important;
   -khtml-border-radius: 5px 5px 0 0 ;
   -moz-border-radius: 5px 5px 0 0 ;
   -webkit-border-radius: 5px 5px 0 0 ;
   border-radius: 5px 5px 0 0 ;}

#pane_search .main_poster{width:700px; color: #eee !important;}
#pane_search .orange-but{margin-bottom:10px;}

.saved_searches{font-size:12px;overflow:auto;padding:15px 0 0;}
.saved_searches a{color:#b6b6b6!important;text-decoration:underline!important;}
.saved_searches b{font-size:16px; color: #b6b6b6 !important;}

.normal_list li a{
   font-weight: normal !important;
   color:#000 !important;}

#top_video_holder{width: 160px !important;}

input.orange-but {
   background:#e35f20 none repeat scroll 0 0 !important;
   border: 1px solid #e35f20 !important;
   color:#fff;
   cursor:pointer;
   font-size:13px;
   padding:2px 4px;
   vertical-align:middle;
   width:auto;}

/* Text area for Search Feature */
input#current_query{
   font: bold 13px arial !important;
   background: transparent !important; border:0;
   border-bottom: 1px solid #e35f20 !important;
   color: #fff !important;
   width: 400px !important;
   height: 30px;
   line-height: 30px;}

.share_search{position: absolute !important; left:-1000000px;}
#snap_photo a {color: #fff;}
#snap_photo a:hover {color: #e35f20;}
#snap_photo b {color: #fff;}

#dash-profile {
   background: url(http://pic.pimg.tw/standinghere/4b62cf869e1fa.gif) left top no-repeat;
   border:0;
   width: 200px;
   padding: 80px 10px 10px 10px;
   color:#eee;
   font-size:12px;}
#dash-additional-info{
   width: 200px;
   padding:10px;}
#span_years {
   color: #fcc;
   font-weight: bold; }

#location {
   color: #fef8eb;
   font-style: italic;}

p#relationship_container {
   background: url(http://i45.tinypic.com/349e0i0.jpg);
   color: #e35f20;
   border:0;
   padding: 10px;
   border:1px solid red;}

#full_name {
   font-size:15px;
   color:#fef8eb;}

p#about_me {
   background: url(http://i45.tinypic.com/349e0i0.jpg);
   border:0px solid #fff;
   color: #fef8eb;
   margin:2px auto;
width: 180px;
   padding: 10px;
   text-align:left;
   -khtml-border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;}

#dash-stats h3 {
   color: #FFE5AC;
   font-size: 24px;text-align: center !important;
   width:200px !important;
   margin:20px 0 !important;}

.karma_hover { color: #fef8eb;}
.karma_arrow {
   filter:alpha(opacity=0);
   -moz-opacity:.0;
   opacity:.0;}

.cmp_karma_up {
   background:transparent url(/static/icons/icons_png.png) 0 -28px no-repeat;
   width:8px;
   height:10px;
   margin-top: 10px;}

.friend_man.add_follow,
.friend_man.remove,
.friend_man.add_friend,
.friend_man.pending {
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
   background: #4b2609;
   border: 1px solid #4b2609;
   color: #fff !important;}

.friend_man.private_plurk {
   -moz-border-radius: 6px 6px 6px 6px;
   -khtml-border-radius: 6px;
   -webkit-border-radius: 6px;
   background: #4b2609;
   color: #FFF !important; }

.award_bar {
   _height:1%;
   padding:0;}
.award_bar div{
   padding:0 !important;
   height: 25px;
   width: 25px !important;
   margin:0 !important}
.award_bar img{
   width: 20px;
   height: 20px;}


.friend_holder {
   margin-bottom: 0px;}
.friend_holder table {
   margin: 0 auto;}
.friend_holder table td{
   width:35px!important;
   padding:3px !important;}
.friend_holder .user_link{
   height:30px!important;
   width:30px!important;
   margin:0 !important;}
.friend_holder img{
    width:30px;
    height:30px;}

.qual_holder{   color : #fff;}
.mini_form .qual_holder {
   color: #4b2609 !important;
   background: #ffffff;}

.char_updater {color:#e35f20;}
.char_updater.highlight_light {
   color: #e35f20;
   font-style: italic;
   background: transparent !important;}
.char_highlight {
   background: transparent !important;
   border-radius: 2px;
   padding-left: 2px;
   color: #fef8eb !important;}

#more_options .on,
#more_options #more_options_holder {
   border:0;
   background: transparent;
   color: #333;
font-weight: normal !important;}
#more_options_holder div{
padding:0 0 0 8px !important;
line-height:20px !important;}
#more_options_link{

   background: transparent url(http://www.plurk.com/static/timeline/private-lock.png) no-repeat 4px 3px;
   border:0;
   color: #c30 !important;
   outline:none;position:relative;
   font-weight: normal;}
#more_options .on{
   border:0;
   background: transparent url(http://www.plurk.com/static/timeline/private-lock.png) no-repeat 4px 3px !important;
   color: #4b2609;}

.plurk a.ex_link {
   color:#4b2609;
   font-weight: bold;
   text-decoration:normal;}

.plurk a.ex_link:hover {
   color: #000;
   font-weight: bold;
   border-bottom: 0px solid #acacac;
   text-decoration:normal;}

#top_bar #edit_link:hover,
#reply h2 {
   color: #FFF;
   font-weight:bold;}

#reply #reply_box {
   background: #fff;}

#reply h2 {
   background: #4b2609;}

#reply #reply_box_holder {
   background: #fff;}

#top_login{
   background:#DBB2A0;
   width:100%;
   padding:0;
   margin:0;
   filter:alpha(opacity=60);opacity: 0.6;}
#top_login a{
   color:#fff !important;
   font-size:11px !important;
   font-weight:normal !important;}
#top_login a:hover{
   color: #783E28 !important;
   text-transform: normal;}
a#login_link{margin-right:10px;}
#top_bar .content a{color:#9C6C56;}
#top_bar .content a:hover{color:#fef8eb;   text-transform: normal;}
#top_bar .content a#edit_link{background:transparent; padding-bottom:1px; color:#fff; text-transform: normal;}
#top_bar .content a:hover#edit_link{color:#fff; text-transform: normal;}

/* Footer Links */
#footer {
   color:#333;
   font-weight:normal !important;}
#footer a {
   padding:0 3px!important;
   margin:0;
   color: #333;
   border:0 ;}
#footer a:hover {
   color:#fee;}

/* Updater Responses and new Plurks */

#updater {
   padding: 2px 5px; margin-top:-10px;
   text-transform: none;
   border:0;
   color: #e35f20;
   background: #fff;
   -khtml-border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;}

#updater .text {
   border:0;
   color: #e35f20;
   font-size: 11px;}
#updater a {
   color: #4b2609;
   text-transform: none;}
#updater a:hover {
   color:#aaa;
   text-transform: none;}

/* Plurk: View before opening any Plurk */
.plurk_cnt {
   background: #fff repeat scroll top left !important;
   color: #000000 !important;
   font-size: 13px;
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   line-height: 17px;
   -khtml-border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;}

.text_holder{
   -khtml-border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;}
.text_holder a{color:#ea3e00 !important; font-weight: normal !important;}
.text_holder a:hover{color:#963 !important;}

/* Search Form in Plurk Timeline */
#mini_search .i_text {
   background: #FFF;
   border:0;
   color: #4b2609;
   width:160px;
   padding: 2px;}

#mini_search .i_button {
   background: #FFF;
   border:0;
   color: #4b2609;
   padding:2px;}

/* CSS code ... in between Plurk and number of Plurk responses - all in timeline */
.dots .inner {
   background: #fff;
   margin-left: 2px;
   color: #4b2609 !important;
   -khtml-border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;}

.youtube img,.pictureservices img { border: none; opacity:.9; filter: alpha(opacity=90); }
.youtube:hover img,.pictureservices:hover img { border:none; opacity:1; filter: alpha(opacity=100); }

.plurk_box .list {
   background: #ffffff repeat scroll top left;
   border:0;
   color: #000000 !important;}

.manager .action { color:#000000; margin-left:5px; }
.manager a:hover { text-decoration: none!important; }
.manager .cancel { color:#ff0000; margin-right:5px; }
.manager .delete { color:#4b2609; margin-right:5px; }
.unmute { color:#e35f20!important; }
.mute { color:#e35f20!important; }

.p_img {
   border: 1px solid #fff;}

/* Plurking Textarea*/

#input_small {
   height: 40px;
   color: #4b2609 !important;
   border: 1px solid #ffffff;
   background: #ffffff; !important; }

textarea#input_small {
   background: #ffffff !important;
   border: 1px solid #888;
   color: #000000 !important;}

/* Plurk: Response List Rounded Corners */

.list {
   -moz-border-radius: 0px 0px 6px 6px;
   -khtml-border-radius: 0px 0px 6px 6px;
   -webkit-border-bottom-left-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;}

.plurk_box .caption {
   border:0;
   font-size: 11px;
   color: #fff;
   background: #694026;}

.info_box {
   color: #e35f20 !important;
   background: #FFF;
   border:0;
   font-size: 11px;}

.list .empty {color: #000000;}

.plurk_box {
   -moz-border-radius: 6px;
   -khtml-border-radius:6px;
   -webkit-border-bottom-left-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;
}

.plurk_box .highlight_light {
   color: #ff0000 !important;}

/* Plurk: Drop Arrow on Message Box Qualifiers */

.dd_img img[src="http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif"] {
   background-position: left top;
   background-repeat: no-repeat;
   overflow: hidden;
   height: 0px;
   width: 0px;}

.dd_img img[src="http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif"] {
   height: 12px;
   padding-left: 14px;
   background: url(http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif) no-repeat scroll left top;
   margin-left: 1px;}

/* Drop Arrow on Message Box Qualifiers */

/* Plurk: Plurk Text when Plurk opened */

#timeline_cnt{
   filter:alpha(opacity=70);
   -moz-opacity:.7;
   opacity:.7;
background:url(http://pic.pimg.tw/standinghere/4b61bf5879cc7.png) 10px 10px no-repeat;}
#timeline_cnt:hover{
   filter:alpha(opacity=100);
   -moz-opacity:1;
   opacity:1;}
.plurk_box .plurk_cnt {
   background: #ffffff !important;
   border-bottom: 1px solid #f7f7f7;
   color: #000000 !important;
   border-top: 0px solid #e0e0e0;
   padding-top: 3px;
   padding-bottom: 3px;}

/* Plurk: Responding area */

.plurk_box .mini_form {
   background: #fff;
   color: #000000 !important;
   border-right: 1px solid #fff;
   border-left:0;
   border-bottom:0;
   border-top:0;}

.mini_form .char_updater {
   color: #000000 !important;
   background: #fff;}

.response_count {
   background: transparent !important;
   color: #ffffff !important; font:bold 9px Tahoma !important;
   padding: 3px 5px;
   -khtml-border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px}

/*New responses on Plurks*/
.new .response_count {
   background: #D39787 !important;
   border:0;
   color: #fff !important;
   padding:3px 5px;
   -khtml-border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;}

.bigplurk{margin-bottom:50px;}
.bigplurk .user{margin:10px 0 20px !important;}
#plurk_responses{
   background:#B88B76;
   -khtml-border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;}

#plurk_responses a{color:#963;}
.message {
   -khtml-border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;}
.message a{color:#963 !important;}
#prev_plurk,
#next_plurk{
   -khtml-border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   filter:alpha(opacity=70);
   -moz-opacity:.7;
   opacity:.7;}

#reply_box .qual_holder{color:#963;}
#reply_box #input_big{color:#333 !important;}

#fan_managment,
#friend_managment{}