/*======================================================== ===================UPPER BODY OF PLURK======================= ========================================================*/ /*-------MAIN STUFF-----*/ /* Background of Plurk Body */ body, html { background: #ffffff url(); background-repeat: no-repeat; background-position: top center; } /* Timeline Background */ #timeline_holder { background: transparent; border: 0px solid #000; border-bottom: 0px solid #000; background-position: top left; background-repeat: no-repeat; } /* Page Title (Your Name on top)*/ #page_title { color: #222222; } /*Sign In/Validate Email area*/ #top_login a#sign_up { background: #161616; border: 0px solid #161616; color: #fff; } #dynamic_logo img{ width:0px; height:0px; } /*Plurk Logo on Plurk Page*/ #logo img{ width: 0px; height: 0px; } /* Top Login */ #top_login a { border:0; font-weight: bold; text-decoration: normal; color: #fff; } #top_login a:hover { border:0; text-decoration: underline; color:#fff; } #top_login a:hover{color: #fff; text-transform: normal;} /*Alerts*/ #top_bar .count { color: #fff; } #top_login{ background:; border: 0px solid #000; height: 20px; } /* Top Bar */ #top_bar a { color: #bcbcbc; font-weight: regular; text-transform: normal; border:0; } #top_bar a:hover { color: #000; background: transparent; font-wright: regular; text-transform: normal; border:0; } #top_bar #edit_link:hover, #reply h2 { color: #bcbcbc; font-weight:bold; } #reply #reply_box { background: #222222; } #reply h2 { background: #920000; } #top_bar .content a:hover{color:#fff; text-transform: normal;text-decoration: underline} #top_bar .content a#edit_link{background:transparent; padding-bottom:1px; color:#bcbcbc; text-transform: normal;} #top_bar .content a:hover#edit_link{color:#fff; text-transform: normal;} #reply #reply_box_holder { background: #222222; } /* Day Separator (The Horizontal Bar that seperates the Days) */ .day_bg .div_inner { background: url(http://statics.plurk.com/9a0d3f41579deec72d78e94e6a96e0f8.gif); width: 0px; height: 0px; border-left: 0px solid #000; border-right: 0px solid #000; } .day_start, .day { font-weight: normal; color: #bc1616 !important; } .day_start .bottom_start, .day_start .div_start { margin-top: -1px; margin-left: 1px; color: #bc1616 !important; text-align: left; } #time_show{ color: #bc1616 !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: #bc1616 !important;} .evening,.night,.day,.morning{ color:#bc1616 !important background:transparent !important; } .evening,.night{ color:#bc1616 !important background-position:-65px 0;} /*Bar Between Dashboard and Timeline where time is shown*/ #bottom_line { font-size: 11px; background:transparent; border: 0px solid #000; height: 21px; } .bottom_start , .bottom_end {color:#000000;font-weight:bold;font-size:12px ;} .day_start .div_bottom, .day_start .bottom_start {color: #fff !important;} /*All Plurks/ My Plurks/ Private/Responded tabs*/ #filter_tab { -moz-border-radius:8px 8px 8px 8px; -webkit-border-radius: 8px; border: 0 !important; margin-top: -1px; background: url(http://img27.imageshack.us/img27/764/black20.png); } #filter_tab a.off_tab { background:transparent !important; color: #222222; border:0px !important; } #filter_tab a.off_tab:hover { color: #222222; border:0px !important; } #filter_tab a.filter_selected { border:0px !important; background:transparent !important; color: #777777; letter-spacing: 1px; font-weight: bold; } #filter_tab a.filter_selected:hover {} /*-------------TIMELINE PLURKS----------------*/ /*View of Plurks*/ .plurk_cnt { background: #fff repeat scroll top left !important; color: #222222 !important; font-size: 11px; border-right: 2px solid #f1f1f1; border-bottom: 2px solid #f1f1f1; line-height: 13px; } /*Plurking Text Area*/ #input_small { height: 40px; color: #222222 !important; border: 1px solid #ffffff; background: #ffffff; !important; } /*Links in Plurks*/ .plurk a.ex_link { color:#89B1C9; font-weight: normal; text-decoration:normal; } .plurk a.ex_link:hover { color: #89B1C9; font-weight: normal; border-bottom: 0px solid #429700; text-decoration:normal; } .plurk a.ex_link:visited { color:#89B1C9; font-weight: normal; text-decoration:normal; } /*Border around Avatar next to Plurks*/ .p_img { border: 1px solid #fff; } /*"..." Between Plurks and no. or responses*/ .dots .inner { background: #fff; margin-left: 2px; color: #F090A5!important; } /*No. of Responses (Next to Plurk)*/ .response_count { background: #ffffff; color: #222222!important; padding-left: 4px; padding-right: 6px; padding-top: 1px; padding-bottom: 4px; } /*New Responses (Next to Plurk*/ .new .response_count { background: #ffffff; border-right: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; color: #222222!important; padding-left: 4px; padding-right: 6px; padding-top: 1px; padding-bottom: 3px; } /*Youtube Videos etc.*/ .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); } /*Background of Responses in Plurks*/ .plurk_box .list { background: #ffffff repeat scroll top left; border-color: #e0e0e0; border-radius: 8px; border-width: 0px; color: #000000 !important; } /*"Recent Plurk Responses"/"Plurk Your Response"*/ .plurk_box .caption { border:0; font-size: 11px; color: #222222 !important; background: transparent; } .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 Too Much Characters*/ .mini_form .char_updater { color: #222222 !important; background: #fff; } /*Respond Area*/ .plurk_box .mini_form { background: #fff; color: #ffffff !important; border-right: 0; border-left:0; border-bottom:0; border-top:0; } /*Responses*/ .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; } /*"URL:plurkpage" Text*/ .info_box { color: #89B1C9 !important; background: #FFF; border:0; font-size: 11px; } /* Delete, Save, Edit, Cancel, Delete in Plurks */ .manager .action { color:#222222; margin-left:5px; } .manager a:hover { text-decoration: none !important; } .manager .cancel { color:#222222; margin-right:5px; } .manager .delete { color: #222222; margin-right:5px; } .unmute { color:#747273 !important; } /*Box where you type your response to a Plurk*/ textarea#input_small { background: #ffffff !important; border: 1px solid #888; color: #222222 !important; } /*Responses Area*/ .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; } /*"No Responses, be the first"*/ .list .empty { color: #222222; } /*-------------TIMELINE EXTRAS------------*/ /*Updater for New Responses/Plurks*/ #updater { padding: 2px; text-transform: none; border:0; background: transparent !important; border: 0px solid #3d3d3d; color: #222222; -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; } #updater .text { border:0; color: #444444; font-size: 11px; } #updater a { color: #444444; text-transform: none; } #updater a:hover { color:#444444; text-transform: none; text-decoration: normal; } /*Search Form in Timeline*/ #mini_search .i_text { background: transparent !important; border:0; color: #C36; width:160px; padding: 2px; } #mini_search .i_button { background: transparent !important; border:0; color: #920000; padding:2px; } /*======================================================== ===================LOWER BODY OF PLURK======================= ========================================================*/ /*-------PLURKING AREA----------*/ /*Plurking Area Background*/ #plurk_form { margin-top: 40px; padding: 10px; background: transparent !important; border:0px solid #222222; color: #c4c1b8; } #pane_plurk { background: transparent !important; border: 0px solid #000; -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; color: #FFAD29 !important; } /*Your Name by the Plurk Box*/ .qual_holder{ color: #D4D4D4 !important; } .mini_form .qual_holder { color: #D4D4D4 !important; background: transparent; } /* Plurking Text Area*/ textarea#input_big, textarea#input_permalink { background: transparent; border: 1px solid #888888; color: #D4D4D4 !important; } /*Plurk/Daily Photos/Search8*/ #toggle_tab li { background:transparent; color: #89B1C9 !important; } .plurkaction{clear:both;padding:8px;}.plurkaction,#toggle_tab li.tt_selected,#plurk-dashboard,#more_options_link{ background: url(http://img27.imageshack.us/img27/764/black20.png); border: 0px solid #000; moz-border-radius: 6px 6px 0px 0px; -khtml-border-radius:6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; } /* "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://img30.imageshack.us/img30/3091/blackplurkpng.png) no-repeat scroll top left; height: 38px; padding-left: 82px; width: 0px; overflow: hidden; margin-top: -20px; } /*Private Plurks, Language and Options*/ #more_options .on, #more_options #more_options_holder { border:0; background: transparent; color: #D4D4D4; } #more_options_link{ background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 3px; border:0; color: #D4D4D4!important; outline:none;position:relative; } #more_options .on{ border:0; background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 3px; color: #D4D4D4; } /*Daily Photo*/ #snap_photo .computer{background:url(http://img716.imageshack.us/img716/5549/dailyphotocomblack.png) no-repeat 0 0;} #snap_photo .webcam{background:url(http://img40.imageshack.us/img40/3015/dailyphotocamblack.png) no-repeat 0 0;} /*Search Feature*/ #pane_search .main_poster{width:775px; color: #3c3c3c !important;} #pane_search .orange-but{margin-bottom:10px;} .saved_searches{font-size:12px;overflow:auto;padding:15px 0 0;} .saved_searches a{color:#aaaaaa!important;text-decoration:underline!important;} .saved_searches b{font-size:16px; color: #aaaaaa !important;} /.del_search{cursor:pointer;background-color:#FFF;border:1px solid #f0f0f0;margin-left:9px;padding:1px 4px;} .hot_searches a{ color: #b7b7b7 !important;} .hot_searches a:hover {color: #fff !important; border-bottom: 1px solid #fff;} .hot_searches a:visited { color:#b7b7b7 !important;} #user_search a{color: #ff8283 !important;} /*Search Button*/ input.orange-but { background:#000 none repeat scroll 0 0 !important; border: 0px solid #000 !important; color:#fff; cursor:pointer; font-size:13px; padding:2px 4px; vertical-align:middle; width:auto;} /*Search Feature---Text Area*/ input#current_query{ background: transparent !important; border: 1px solid #3D3D3D !important; color: #fff !important; } /*No. Of Characters Left*/ .char_updater { color: #555555; } .char_updater.highlight_light { color: #555555; font-style: italic; background: transparent !important; } /*Too Much Characters*/ .char_highlight { background: transparent !important; border-radius: 2px; padding-left: 2px; color: #555555 !important; } /*DASHBOARD*/ #plurk-dashboard { background: transparent; border:0 !important; } .segment-content { background: transparent !important; color: #222222 !important; padding: 2px; margin: 1px; } #dashboard_holder a { background: transparent !important; } #dashboard_holder a:hover { background: transparent !important; } /*Dashboard Header*/ #dash-stats h2, #dash-friends h2, #dash-fans h2 { opacity:0; height:0; width:0, color: transparent; font-size:12px; line-height:0%; text-align:left; border:0; font-weight: none; } #plurk-dashboard h2{ width:0; height:0; color:#000; font-family:Arial; font-size: 26px; border-bottom: 0px solid #fff; } /*dashboard--links*/ #plurk-dashboard a { color: #555555; font-weight: normal; text-decoration:normal; border:0; } #plurk-dashboard a:hover { color:#000; text-decoration: none; border:0; } /*Dashboard---Fans section*/ #dash-fans{ position:absolute!important; left: 10000px!important; } #dash-fans { width: 0px; height: 0px; opacity:0; padding-top: 5px; padding-bottom: 11px; text-align: center; color: #777777; background: transparent !important; border: 0px solid #000; -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; } /* Block User Button */ .friend_man.block { -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; background: transparent !important; border-right: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; color: #fff; } /* Share Plurk Page */ #sharePlurk { background: transparent !important;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: 6px 8px; } #sharePlurk span { background: transparent none no-repeat scroll left bottom; padding: 1px 1px 1px 9px; } #sharePlurk #invite_url { margin-left: 0px !important; } #sharePlurk p { margin: 4px 13px 0; } .cmp_wj { height: 21px; } /* End Share Plurk Button */ /*Widget/Twitter/Mobile*/ a#widget-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -320px no-repeat; width: 25px; height:22px; } a#mobile-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -251px no-repeat; width: 21px; height:30px; } a#twitter-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -296px no-repeat; width: 23px; height:24px; } /*Invite Your Friends*/ a#dashboard-invite { background: transparent !important; height: 63px; overflow: hidden; color: transparent !important; margin-left: auto; margin-right: auto; border: 0px none #000000; } a#dashboard-invite:hover { background: transparent !important; 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; } /*END DASHBOARD---FANS SECTION*/ /*DASHBOARD---FRIENDS SECTION*/ #show_all_friends { opacity:0; width:0px; height:0px; background: transparent !important; border: 0px solid #000; -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; padding-top: 5px; padding-bottom: 11px; text-align:center; color: #777777; -moz-border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; } #dash-friends{ position:absolute!important; left: 10000px!important; } #dash-friends { width:0px; height:0px; padding-top: 5px; padding-bottom: 11px; padding-left: 5px; padding-right: 5px; text-align: center; color: #777777; background: transparent !important; border: 0px solid #000; -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; } /*Follow Friend*/ .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: transparent !important; border-right: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; color: #fff; } /*"Invite or Find your Friends on Plurk" Button*/ a#dashboard-invite { background: transparent !important; height: 63px; overflow: hidden; color: transparent !important; margin-left: auto; margin-right: auto; border: 0px none #000000; } a#dashboard-invite:hover { background: transparent !important; 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; } /*Images of Friends*/ .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; } /*END DASHBOARD--FRIENDS*/ /*DASHBOARD---STATS*/ #dash-stats{ position:absolute!important; left: 10000px!important; } #dash-stats{ color: #777777; background: #ffffff !important; -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; padding-top: 5px; padding-bottom: 38px; text-align: center; } #dash-stats table td { color: #b8b8b8; } /*Karma*/ #karma { color: #b8b8b8; font-size: 24px; } .karma_hover { color:#7c7c7c; } .karma_arrow { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; } .cmp_karma_up { background:transparent 0 -28px no-repeat; width:8px; height:10px; margin-top: 10px; } /*Award ( Reached Plurk Nirvana award etc.)*/ .award_bar { height: 50px; } /*END DASHBOARD---STATS*/ /*DASHBOARD---PROFILE*/ #dash-profile { position: absolute; color: #777777; background: #ffffff !important; border: 0px solid #000; -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; margin:2px; padding: 10px; text-align:left; } p#about_me { color: #777777; background: transparent !important; border: 0px solid #000; -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; margin:2px; padding: 10px; text-align:left; } #full_name { font-size:17px; color:#444444; } #span_years { color: #777777; font-weight: bold; } #location { color:#777777; font-style: italic; } .friend_man.private_plurk { -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; background: transparent !important; border-right: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; color: #fff; } p#relationship_container { color: #777777; background: transparent !important; border: 0px solid #000; -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; padding: 10px; } /*-------------LINKS-----------------*/ a:link { color: #555555; text-transform: normal; } /* Link(Visited, Active)*/ a:visited, a:active { color: #555555; text-transform: normal;} /*Link(Hover)*/ a:hover { color: #555555; text-transform: normal; } /*Links at Footer*/ #footer { color: #555555; } #footer a { color: #555555; border-bottom:1px solid #fff; font-weight: normal; } #footer a:hover { color: #555555; border:0; text-decoration: underline; font-weight: normal; } /* -------------ETC. DETAILS----------------*/ /*Drop Arrow on Emoticons box (Same in Both Plurking Area and Timeline Responses plurking area*/ .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; } /*Bold*/ strong { color: #fff; cursor: default;} strong:hover { color: #fff; cursor: default;} /*Italic*/ i { color: #333333; cursor: default; } i:hover { color: #333333; cursor: default; } /*Underline*/ u { color:#333333; cursor: default; border-bottom: 0px solid #FFFFFF; } u:hover { color: #333333; cursor: default; border-bottom: 0px solid #FFFFFF; } /* Tool Tip */ .tooltip_cnt{ background: #3d3d3d; border:0px solid #3d3d3d; color: #d8d8d8; padding:5px; margin-top:1px; font-size:11px; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; } .AmiTT_main b { color: #fff; font-weight:bold; } .AmiTT_main { color: #fff; line-height:1.2; border-top: 0px solid #3d3d3d; position:absolute; text-align:left; width:209px; z-index:2000; } /*User Menu---Arrows*/ .cmp_tooltips-down {background:transparent url(http://img689.imageshack.us/img689/1811/blackdownpng.png) no-repeat; width: 20px; height:17px; } .cmp_tooltips-loading { background:transparent url(/static/icons/icons_png.png) 0 -164px no-repeat; width: 22px; height:17px; } .cmp_tooltips-up {background:transparent url(http://img413.imageshack.us/img413/410/blackuppng.png) no-repeat; width: 20px; height:17px; } /* Selection on Firefox*/ ::-moz-selection{ background: #3d3d3d; color:#fff; } /*Selection on browsers*/ ::selection { background: #3d3d3d; color:#fff; } /* Color--User Menu*/ .AmiMenu.info_menu { background: #181818; border:1px solid #000; color: #dcaec6; } .AmiMenu.info_menu .block { background:#920000; } .AmiMenu.info_menu td.on, .AmiMenu.info_menu .user_info.on { background: #000; } .AmiMenu.info_menu .separator { background: #181818; } .AmiMenu.info_menu .user_info.on b { color: #fff; font-weight: bold; } /*FREESTYLE/LOVES/LIKES/SHARES ETC. */ .q_freestyle { background: #ffffff !important; border:0; color: #ffda9c; } .q_loves { border:0; color: #ffda9c; background: #f3f3f3 !important; } .q_likes { border:0; color: #ffda9c; background: #e6e6e6 !important; } .q_shares { border:0; color: #ffda9c; background: #d9d9d9 !important; } .share_menu{ border:0; color: #ffda9c !important; font-size:16px;} .mini_menu .share_menu{ border:0; color: #ffda9c!important; font-size:12px;} .share_menu .on{ border:0;; background-color:#cccccc !important; color: #ffda9c !important;} .q_video,.q_link{ border-left:1px solid #ffffff !important;} .q_gives { border:0; color: #ffda9c; background: #bfbfbf !important; } .q_hates { border:0;; color: #ffda9c; background: #b2b2b2 !important; } .q_wants { border:0; color: #ffda9c; background: #a6a6a6 !important; } .q_wishes{ border:0; color: #ffda9c; background: #989898 !important; } .q_needs { border:0; color: #ffda9c; background: #8b8b8b !important; } .q_will { border:0; color: #ffda9c; background: #7d7d7d !important; } .q_hopes { border:0;; color: #ffda9c; background: #6f6f6f !important; } .q_asks { border:0; color: #ffda9c; background: #606060 !important; } .q_has { border:0; color: #ffda9c; background: #535353 !important; } .q_was { border:0; color: #ffda9c; background: #464646 !important; } .q_wonders { border:0; color: #ffda9c; background: #393939 !important; } .q_feels { border:0; color: #ffda9c; background: #2c2c2c !important; } .q_thinks { border:0; color: #ffda9c; background: #1f1f1f !important; } .q_says { background: #000 !important; border:0; color: #141414; } .q_is { border:0; color: #ffda9c; background: #000000 !important; } .qual_menu .q_shares{ color: #ffda9c !important; border:0;}