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

另外,別忘了要加入KOSBIZ辦公室美容筆記的好友喔!這是由我們兩位大美女主管Catherine & Irene親自打理的美容園地,想認識他們嗎?快加入吧!
DSC05874.JPG
有人認識他們嗎?他們就是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{}
創作者介紹
創作者 SCparis 的頭像
SCparis

感覺巧克力 Sensation Chocolat 官方部落格

SCparis 發表在 痞客邦 留言(0) 人氣()