欲加"祈"mark 可將下列程式碼,放在 CSS CODE 裡:
#dash-stats { background-attachment:scroll; background-color:transparent;
background-image:url(http://blog.citytalk.tw/wp-content/uploads/2009/08/plurk88.png);
background-position:30px 210px; background-repeat:no-repeat; padding-bottom:50px; }
CSS CODE 如下:
/* Plurk Layout by www.plurklayouts.com – if asked where you got your layout from, credit www.plurklayouts.com You may edit the CSS but must credit www.plurklayouts.com for the template. Enjoy your layout! - Plurk Layouts www.plurklayouts.com */ /* USE_DARK_ICONS */ /*———————– PART 1 OF EDITING PLURK LAYOUT ————————–*/ /*——————– BODY – TIMELINE – LOGO – TIMELINE EXTRAS ———————*/ /* Main Body and Background of Body */ body, html { color: #000000; background:#E2DBCE; background-repeat: repeat; margin-top: -1px; } /* Timeline Holder Background */ #timeline_holder { background: #E2DBCE url(http://s.plurklayouts.com/images/layouts/VintGargPan.png); background-repeat: repeat; } /* Timeline Holder Plurks */ #timeline_holder table td { color: #000000; } /* Page Title */ #page_title { color: #fff; } /* LOGO */ #dynamic_logo{ position:absolute; margin:3px 0 0 5px; width:168px; height:162px; background: transparent; } #dynamic_logo img{ height:0px; width:0px; } /* Day Separator */ .day_bg .div_inner { background: transparent no-repeat scroll center; border-left: 0px none; border-right: 1px solid #000000; height: 18px; color: #000000 !important; } .day_start, .day { font-weight: normal; color: #fff !important; } .day_start .bottom_start, .day_start .div_start { margin-top: -18px; margin-left: 22px; color: #fff !important; text-align: left; } /* End Day Separator */ #time_show{ color:#555 !important position:absolute; z-index:610; width:61px; white-space:nowrap; font-size:11px; height:23px; margin-top:-23px; text-align:center; padding-left:3px;} #time_show span{ font-weight:400; padding-top:9px; color:#555 !important;} .evening,.night,.day,.morning{ color:#555 !important background:url(http://statics.plurk.com/ada9286581b4d3b04769f31c32957edf.png) no-repeat 0 0;_background:url(http://statics.plurk.com/9a0d3f41579deec72d78e94e6a96e0f8.gif) no-repeat 0 0;} .evening,.night{ color:#555 !important background-position:-65px 0;} /*—————————– PART 2 OF EDITING PLURK LAYOUT ——————–*/ /*————————- DASHBOARD – HEADINGS – KARMA ETC ———————*/ /* All Plurks My Plurks*/ #filter_tab { border: 0 !important; margin-top: 1px; } #filter_tab a.off_tab { background: #fff; color: #7B3E1F; border:0 !important; } #filter_tab a.off_tab:hover { color: #BFB08F; border:0 !important; } #filter_tab a.filter_selected { border:0 !important; color:#fff; letter-spacing: 1px; background: #7D8A8F; } #filter_tab a.filter_selected:hover {} /* Plurk Textarea */ textarea#input_big, textarea#input_permalink { background: #FFF; border: 1px solid #E5C7A3; color: #7D8A8F!important; } /* Block User Button */ .friend_man.block { background: #7D8A8F repeat scroll top left; border-color: #7D8A8F #7D8A8F #7D8A8F #7D8A8F; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border-width: 1px 2px 2px 1px; } /* End Block User Button */ /* 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://s.plurklayouts.com/images/layouts/plurk_button/lightgrey_plurk.png) no-repeat scroll top left; height: 38px; padding-left: 82px; width: 0px; overflow: hidden; margin-top: -40px; } /* End Replace Big Plurk Button */ /* Share Plurk Button */ #sharePlurk { background: transparent url(http://s.plurklayouts.com/images/layouts/shareplurk.png) no-repeat scroll top left; border-style: none none none none; border-width: 0px 0px 0px 0px; height: 66px; } #sharePlurk div { border-style: none none none none; border-width: 0px 0px 0px 0px; padding: 0px 0px; } #sharePlurk span { background: transparent none no-repeat scroll left bottom; padding: 1px 0px 1px 9px; } #sharePlurk #invite_url { margin-left: -21px !important; } #sharePlurk p { margin: 4px 13px 0; } .cmp_wj { height: 21px; } /* End Share Plurk Button */ 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 { background: transparent url(http://s.plurklayouts.com/images/layouts/plurk_extras/invite-friends.png) no-repeat scroll 0 8px; height: 63px; overflow: hidden; color: transparent !important; margin-left: auto; margin-right: auto; border: 0px none #000000; } a#dashboard-invite:hover { background: transparent url(http://s.plurklayouts.com/images/layouts/plurk_extras/invite-friends.png) no-repeat scroll 0 -58px; height: 63px; overflow: hidden; color: transparent !important; } .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 { background:transparent; color: #fff; padding: 2px; margin: 1px; } #dashboard_holder a { background:; } #dashboard_holder a:hover { background:; } /* Dashboard */ #plurk-dashboard { background: transparent !important; border:0 !important; } /*Dashboard link*/ #plurk-dashboard a { color: #9C9276; text-decoration: underline; border:0; } /*Dashboard link hover*/ #plurk-dashboard a:hover { color: #7D8A8F; text-decoration: none; border:0; } /*Dashboard Friends Section*/ #show_all_friends { background: #FFF; padding-top: 5px; padding-bottom: 11px; text-align:center; color: #FFCFEE; -moz-border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; } /*Dashboard Stats area*/ #dash-stats { background: #fff; color: #575140; border:0; padding-top: 5px; padding-bottom: 38px; text-align: center; } /*Dashboard Friends area*/ #dash-friends { border:0; padding-top: 5px; padding-bottom: 11px; padding-left: 5px; padding-right: 5px; text-align: center; background: #fff; color: #FFCFEE; } /*Dashboard Fans*/ #dash-fans { border:0; padding-top: 5px; padding-bottom: 11px; text-align: center; background: #fff; color: #fff; } /*Background colour for time and Plurking Textarea*/ #plurk_form { margin-top: 40px; background: #fff; border:0; padding: 10px; color: #DFA66F !important; } #pane_plurk { border: 1px solid #FFF; background: #fff; color: #7D8A8F !important; } #toggle_tab li { color: #575140 !important; } .plurkaction{clear:both;padding:8px;}.plurkaction,#toggle_tab li.tt_selected,#plurk-dashboard,#more_options_link{ border: 0px solid #151515; background: #fff; } /*Search Feature */ #pane_search .main_poster{width:775px; color: #575140!important;} #pane_search .orange-but{margin-bottom:10px;} /* End */ /*Saved searches overall text size etc */ .saved_searches{font-size:12px;overflow:auto;padding:15px 0 0;} /* End */ /* Saved Searches LINKS */ .saved_searches a{color:#7D8A8F!important;text-decoration:underline!important;} /* End */ /* Saved Search bold text */ .saved_searches b{font-size:16px; color: #7D8A8F!important;} /* End */ /* Delete saved search css * /.del_search{cursor:pointer;background: #FFF;border:1px solid #fff;margin-left:9px;padding:1px 4px;} /* End */ /* CSS for Search feature search button */ input.orange-but { background:#fff none repeat scroll 0 0 !important; border: 1px solid #9C9276 !important; color:#575140; cursor:pointer; font-size:13px; padding:2px 4px;4F2605 vertical-align:middle; width:auto;} /* End */ /* Text area for Search Feature */ input#current_query{border:1px solid #8fdaf9;width:100%;font-size:25px;border-color:#7D8A8F; background: #FFF; color: #b2c85b; } /* END */ /* About Me */ #dash-profile { background: #fff; color: #BFB08F; border:0; padding: 10px; } #span_years { color: #BFb08F; font-weight: bold; } #location { color: #BFB08F; font-style: italic; } p#relationship_container { background: #fff; color: #7D8A8F; border:0; padding: 10px; } #full_name { font-size:17px; color:#7D8A8F; } p#about_me { background: #fff; color: #7D8A8F; border:0; margin:2px; padding: 10px; text-align:left; } #dash-stats h2, #dash-friends h2, #dash-fans h2 { color: #4FC0FF; font-size:29px; line-height:125%; text-align:left; border:0; font-weight: none; } /*Karma Count */ #karma { color: #7D8A8F; font-size: 24px; } .karma_hover { color: #7D8A8F; } .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; } /* Follow Friend/Fan Box */ .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; border-radius: 6px; background: #7D8A8F; border-right: 1px solid #7D8A8F; border-top: 1px solid #7D8A8F; border-bottom: 1px solid #7D8A8F; border-left: 1px solid #7D8A8F; color: #fff !important; } /* End Follow Friend/Fan Box */ /*Extra*/ .award_bar { height: 50px; } .friend_holder { margin-bottom: 4px; } .friend_holder table { margin-left: auto; margin-right: auto; } .friend_holder .user_link{ height:25px!important;width:25px!important; } .friend_holder img{ width:25px; height:25px; } /*Your name by Plurk box – not in timeline */ .qual_holder{ color : #9C9276; } .mini_form .qual_holder { color: #9C9276!important; background: #ffffff; } /*Dashboard Stats*/ #dash-stats table td { color: #575140; } /*Dashboard header*/ #plurk-dashboard h2{ color: #9C9276; font-family:century gothic; font-size: 25px; border-bottom: 1px solid #fff; } /*Number of Characters left to use*/ .char_updater { color:#575140; } /* Number of characters left 31-0 */ .char_updater.highlight_light { color: #ffadcb; font-style: italic; background: transparent !important; } /* End Number of characters left 31-0 */ /* Too many characters in input form */ .char_highlight { background: #575140!important; border-radius: 2px; padding-left: 2px; color: #FFF !important; } /* End Too many characters in input form */ /*Private Plurks Languages etc etc*/ #more_options .on, #more_options #more_options_holder { background: transparent; color: #BFB08F; } #more_options_link{ background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 3px; border:0; color: #575140!important; outline:none;position:relative; } #more_options .on{ border:0; background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 3px; color: #BFB08F; } /*———————— PART 3 OF EDITING PLURK LAYOUT ————————-*/ /*—————————- ALL LINKS AND FORMATTING OF LINKS ——————*/ /*URL in Plurks. Colour, Visited etc*/ .plurk a.ex_link { color:#7D8A8F; font-weight: bold; text-decoration:normal; } .plurk a.ex_link:hover { color: #575140; font-weight: bold; border-bottom: 0px solid #acacac; text-decoration:normal; } .plurk a.ex_link:visited { } a:link { color: #BFB08F; text-transform: normal; } a:visited, a:active { color: #575140; text-transform: normal;} a:hover { border:0; color: #DFBA8B; text-transform: normal; } #top_bar #edit_link:hover, #reply h2 { color: #fff; font-weight:bold; } #reply #reply_box { background: #fff; } #reply h2 { background: #4FC0FF; } #reply #reply_box_holder { background: #fff; } /*Edit Area*/ #top_login a:hover{color:#575140; text-transform: normal;} #top_bar .content a:hover{color:#575140; text-transform: normal;} #top_bar .content a#edit_link{background:transparent; padding-bottom:1px; color:#575140; text-transform: normal;} #top_bar .content a:hover#edit_link{color:#575140; text-transform: normal;} #top_login { margin-bottom: -1px; } /* Top Login */ #top_login a { border:0; font-weight: bold; text-decoration: normal; color: #575140; } #top_login a:hover { border-bottom:0px solid #fff; text-decoration: normal; color: #DFBA8B; } /* Footer Links */ #footer a { color: #575140; border-bottom:1px solid #fff; font-weight: bold; } #footer a:hover { color: #575140; border:0; text-decoration: underline; font-weight: bold; } /* Top Bar */ #top_bar a { color: #575140; font-weight: regular; text-transform: normal; border:0; } #top_bar a:hover { color: #575140; background: transparent; font-wright: regular; text-transform: normal; border-bottom:0px solid #fff; } /*————————- PART 4 OF EDITING PLURK LAYOUT ————————*/ /*—————– TIMELINE EXTRAS – PLURKS AND OPTIONS – PLURK TABS —————*/ /*Time of Plurk above Plurk Timeline Strip*/ .day_start, .day { } /* Updater Responses and new Plurks */ #updater { padding: 2px; background: #fff; text-transform: none; border: 0px solid #300c0d; color: #BFB08F; } #updater .text { border:0; color: #BFB08F; font-size: 11px; } #updater a { color: #BFB08F; text-transform: none; } #updater a:hover { color: #7D8A8F; text-transform: none; } /* Plurk: View before opening any Plurk */ .plurk_cnt { background: #fff repeat scroll top left !important; color: #000000 !important; font-size: 11px; border-right: 0px solid #eaeaea; border-bottom: 1px solid #eaeaea; line-height: 13px; padding: 3px 1px 3px 1px; } /* Time above Plurk Timeline */ /* Search Form in Plurk Timeline */ #mini_search .i_text { background: #fff; border:0px solid #06372c; width:160px; color: #c7e919; padding: 2px; } #mini_search .i_button { background: #fff; border:0px solid #06372c; color: #c7e919; padding:2px; } /* CSS code … in between Plurk and number of Plurk responses – all in timeline */ .dots .inner { background: #fff; margin-left: 2px; color: #000 !important; } /* Youtube, Images etc hover in Plurks */ .youtube img,.pictureservices img { border: none; opacity:.6; filter: alpha(opacity=60); } .youtube:hover img,.pictureservices:hover img { border:none; opacity:1; filter: alpha(opacity=100); } /* Plurk: Background where responses are */ .plurk_box .list { background: #ffffff repeat scroll top left; border-color: #000; border-radius: 8px; border-width: 1px; color: #000000 !important; } /* Delete Save Edit Mute Unmute Close */ .manager .action { color:#575140; margin-left:5px; } .manager a:hover { text-decoration: none!important; } .manager .cancel { color:#575140; margin-right:5px; } .manager .delete { color:#575140; margin-right:5px; } .unmute { color:#575140!important; } /* Border around Plurk Picture in Timeline */ .p_img { border: 2px solid #fff; } /* Plurking Textarea*/ #input_small { height: 60px; color: #888 !important; border: 1px solid #ffffff; background: #ffffff; !important; } /*Plurk: Textarea to responde to a Plurk */ textarea#input_small { background: #ffffff !important; border: 1px solid #575140; 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; } /* Today and Time of Plurks */ #bottom_line { font-size: 11px; border-top:1px solid #7D8A8F; border-bottom:1px solid #7D8A8F; background: #fff; } .bottom_start , .bottom_end {color:#7D8A8F;font-weight:bold;font-size:12px ;} /* All Plurks Tab */ .bottom_line_bg { background: transparent; font-size: 11px; color:#fff; border: 1px solid #FFFFFF; } .time {margin:0 ; padding:0 ;font-size:17px; color: #fd0100;} /*Border at beginning of Timeline*/ .day_bg .div_inner { background: #7D8A8F; border-left:0px solid #000000; border-right:0px solid #000000; border-top:medium none; position:relative; width:12px; color: #575140!important;} /* Plurk: "Recent Plurk Responses" area */ .plurk_box .caption { background: #DFBA8B; border:0; font-size: 11px; color: #FFF; } /* Plurk: "Plurk Page" area */ .info_box { background: #DFD9C3; color: #fff!important; border-bottom: 0px solid #DFDFDF; border-right: 0px solid #DFDFDF; border-top: 1px solid #DFDFDF; border-left:1px solid #DFDFDF; font-size: 11px; } /* Plurk: Color of Text on Empty Message List */ .list .empty { color: #000000; } /* Plurk: Response Caption Bars */ .plurk_box { -moz-border-radius: 6px; -khtml-border-radius:6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; } /* Plurk: Mini Form Text */ .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 */ .plurk_box .plurk_cnt { background: #ffffff !important; border-bottom: 1px solid #f7f7f7; color: #000000 !important; padding-top: 5px; padding-bottom: 5px; } /* 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;} /* Plurk: Mini Form Character Colour */ .mini_form .char_updater { color: #000000 !important; background: #fff; } /*Number of Responses on Plurks in Timeline*/ .response_count { background: white; color: #DFBA8B !important; padding-left: 4px; padding-right: 6px; padding-top: 1px; padding-bottom: 4px; } /*New responses on Plurks*/ .new .response_count { background: #575140; border-right: 1px solid #575140; border-top: 1px solid #575140; border-bottom: 1px solid #575140; border-left: 1px solid #575140; color: #fff !important; padding-left: 4px; padding-right: 6px; padding-top: 1px; padding-bottom: 3px; } /* Today, yesterday, 2 days ago etc text on actual time line area */ .day_start .div_bottom, .day_start .bottom_start {color: #575140 !important;} /*————————— PART 5 OF EDITING PLURK LAYOUT ———————-*/ /*———- MENU INFO – MEMBER INFO – QUALIFIERS AND BOLD ETC FORMATTING ———*/ /* Bold Italic and Underline */ strong { color: #7B3E1F; cursor: default;} strong:hover { color: #7B3E1F; cursor: default;} i { color: #7B3E1F; cursor: default; } i:hover { color: #7B3E1F; cursor: default; } u { color: #7B3E1F; cursor: default; border-bottom: 1px solid #febac5; } u:hover { color: #7B3E1F; cursor: default; border-bottom: 1px solid #fcfb00;} /* Firefox Selection */ ::-moz-selection{ background:#7D8A8F; color:#ffffff; } /*Selection on browsers*/ ::selection { background:#7D8A8F; color:#ffffff; } /* Tool Tip */ .tooltip_cnt{ background: #fff; color: #575140; padding:5px; margin-top:1px; border:1px solid #E5C7A3; font-size:11px; } .AmiTT_main b { color:#DFBA8B; font-weight:bold; } .AmiTT_main { color:#fcfb00; line-height:1.2; border-top: 1px solid #E5C7A3; position:absolute; text-align:left; width:209px; z-index:2000; } /* Drop Arrow on User Menu */ .cmp_tooltips-down { height: 17px; background: transparent url(http://s.plurklayouts.com/images/layouts/beige_down.png) no-repeat scroll left top; } /* End Drop Arrow on User Menu */ .cmp_tooltips-up { height: 17px; background: transparent url(http://s.plurklayouts.com/images/layouts/beige_up.png) no-repeat scroll left top; } /* Up Arrow on User Menu */ /* Color Box on User Menu */ .AmiMenu.info_menu { background: #CFCAB5; border: 1px solid #CFCAB5; } .AmiMenu.info_menu .block { background:#DFBA8B; } .AmiMenu.info_menu td.on, .AmiMenu.info_menu .user_info.on { background: #DFBA8B; } .AmiMenu.info_menu .separator { background: #CFCAB5; } .AmiMenu.info_menu .user_info.on b { color: #fff; font-weight: bold; } /* END Color Box on User Menu */ /* Loves Likes Shares Gives Hates Wants etc */ .q_freestyle { background: #7D8A8F; border-right: 1px solid #7D8A8F; border-top: 1px solid #7D8A8F; border-bottom: 1px solid #7D8A8F; border-left: 1px solid #7D8A8F; color: #ffffff !important; }.q_loves { border-top: 1px solid #BF1717; border-left: 1px solid #BF1717; border-right: 1px solid #8F0808; border-bottom: 1px solid #8F0808; color: #ffffff; background: #B20C0C; } .q_likes { border-top: 1px solid #BF2F32; border-left: 1px solid #BF2F32; border-right: 1px solid #AF0A0D; border-bottom: 1px solid #AF0A0D; color: #ffffff; background: #CB2728; } .q_shares { border-top: 1px solid #BF5F5F; border-left: 1px solid #BF5F5F; border-right: 1px solid #9F3B3B; border-bottom: 1px solid #9F3B3B; color: #ffffff; background: #A74949; } .q_gives { border-top: 1px solid #5F0C0C; border-left: 1px solid #5F0C0C; border-right: 1px solid #3F0000; border-bottom: 1px solid #3F0000; color: #ffffff; background: #620E0E; } .q_hates { border-top: 1px solid #3F3F3F; border-left: 1px solid #3F3F3F; border-right: 1px solid #000000; border-bottom: 1px solid #000000; color: #ffffff; background: #111111; } .q_wants { border-top: 1px solid #A1BF5F; border-left: 1px solid #A1BF5F; border-right: 1px solid #809F3B; border-bottom: 1px solid #809F3B; color: #ffffff; background: #8DB241; } .q_wishes{ border-top: 1px solid #67AF2B; border-left: 1px solid #67AF2B; border-right: 1px solid #4A8F11; border-bottom: 1px solid #4A8F11; color: #ffffff; background: #5BB017; } .q_needs { border-top: 1px solid #A1BF5F; border-left: 1px solid #A1BF5F; border-right: 1px solid #839F45; border-bottom: 1px solid #839F45; color: #ffffff; background: #7A9A37; } .q_will { border-top: 1px solid #BF839C; border-left: 1px solid #BF839C; border-right: 1px solid #9F5976; border-bottom: 1px solid #9F5976; color: #ffffff; background: #B46D89; } .q_hopes { border-top: 1px solid #F67FFF; border-left: 1px solid #F67FFF; border-right: 1px solid #C540CF; border-bottom: 1px solid #C540CF; color: #ffffff; background: #E05BE9; } .q_asks { border-top: 1px solid #AA8BDF; border-left: 1px solid #AA8BDF; border-right: 1px solid #825FBF; border-bottom: 1px solid #825FBF; color: #ffffff; background: #8361BC; } .q_has { border-top: 1px solid #8F8F8F; border-left: 1px solid #8F8F8F; border-right: 1px solid #4F4F4F; border-bottom: 1px solid #4F4F4F; color: #ffffff; background: #777777; } .q_was { border-top: 1px solid #7F7F7F; border-left: 1px solid #7F7F7F; border-right: 1px solid #3F3F3F; border-bottom: 1px solid #3F3F3F; color: #ffffff; background: #525252; } .q_wonders { border-top: 1px solid #5373BF; border-left: 1px solid #5373BF; border-right: 1px solid #31519F; border-bottom: 1px solid #31519F; color: #ffffff; background: #2E4E9E; } .q_feels { border-top: 1px solid #53A7DF; border-left: 1px solid #53A7DF; border-right: 1px solid #2380BF; border-bottom: 1px solid #2380BF; color: #ffffff; background: #2D83BE; } .q_thinks { border-top: 1px solid #99C3DF; border-left: 1px solid #99C3DF; border-right: 1px solid #5F98BF; border-bottom: 1px solid #5F98BF; color: #ffffff; background: #689CC1; } .q_says { background: #7D8A8F; border-right: 1px solid #7D8A8F; border-top: 1px solid #7D8A8F; border-bottom: 1px solid #7D8A8F; border-left: 1px solid #7D8A8F; color: #ffffff; } .q_is { border-top: 1px solid #DF8453; border-left: 1px solid #DF8453; border-right: 1px solid #CF6A33; border-bottom: 1px solid #CF6A33; color: #ffffff; background: #E57C43; } .qual_menu .q_shares{ color: #ffffff !important; border-top: 1px solid #3F2F2B !important; border-left: 1px solid #3F2F2B; border-right: 1px solid #0F0B09; border-bottom: 1px solid #0F0B09 !important;} .share_menu{ border-top: 1px solid #3F2F2B !important; border-left: 1px solid #3F2F2B !important; border-right: 1px solid #0F0B09 !important; border-bottom: 1px solid #0F0B09 !important; color: #ffffff !important; font-size:16px;} .mini_menu .share_menu{ border-top: 1px solid #3F2F2B; border-left: 1px solid #3F2F2B; border-right: 1px solid #0F0B09; border-bottom: 1px solid #0F0B09; color: #ffffff !important; font-size:12px;} .share_menu .on{ border-top: 1px solid #3F2F2B; border-left: 1px solid #3F2F2B; border-right: 1px solid #0F0B09; border-bottom: 1px solid #0F0B09; background-color:#8d0000; color:#FFF !important;} .q_video,.q_link{ border-left:1px solid #ffffff !important; }