css
Code:
Code:
Code:
- Code:
/* View topic */
.pun .btnPost{border:0;margin:20px 0;padding:0}
.pun .main-content.topic{background:#FFF;border:0 none}
.pun .p-hidden + .post{display:none;border:1px dashed #FFF;background:#999!important}
.post
.quoteLink{display:inline-block;height:10px;width:12px;background:url(http://i83.servimg.com/u/f83/16/58/89/73/viewpo10.png)
no-repeat transparent;vertical-align:middle;margin-left:3px}
.quoteLink img{display:none!important}
.pun
.user.leftname,.pun .posthead, .pun
.post-head{height:30px;line-height:26px;border-bottom:1px dashed
#F2F2F2;padding:0!important}
.pun .user.leftname{text-align:center}
.pun .posthead h2{padding:0 1em}
.pun .postfoot .user-contact{left:0;position:absolute;text-align:center;width:150px;z-index:1}
.options-button.user-contact img{width:24px;height:24px;padding:2px}
.pun .post .user{overflow:visible;margin-top:0!important;width:150px;padding:0}
.pun .post .user,.pun .postfoot{margin-left:-150px!important;position:relative}
.postfoot{height:36px}
.pun .postmain{border-color:#f3f3f3;margin-left:150px!important}
.entry-content img{max-width:100%;border:1px solid #999;padding:2px}
.lb_lazy
img{display:block;max-width:600px;min-width:150px;cursor:url(//dl.dropboxusercontent.com/u/126946313/zoomin.cur),
-webkit-zoom-in;margin:0 auto}
.prevnext{position:absolute;right:0;font-size:16px;bottom:-5px}
.prevnext a{display:inline-block;height:16px;font-weight:600;line-height:16px;color:#999!important}
.prevnext
.next{background:url(http://i56.servimg.com/u/f56/18/59/49/93/next_i10.png)
no-repeat scroll right -16px transparent;padding-right:18px}
.prevnext
.prev{background:url(http://i56.servimg.com/u/f56/18/59/49/93/prev_i10.png)
no-repeat scroll 0 -16px transparent;padding-left:18px}
.prevnext .prev:hover{background-position:0 0;color:#CA01BA!important}
.prevnext .next:hover{background-position:100% 0;color:#CA01BA!important}
.user.leftname a{text-shadow:0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF}
.pun .post{border:1px solid #CCC;background:#CCC;margin:10px 0}
.main-content.topic > .post[data-rank^="ThĂ nh viĂªn bị cấm"]{opacity:0.1}
.main-content.topic > .post[data-rank^="SĂ¡ng láºp viĂªn"]{background:#FFF;border-color:#666}
.main-content.topic > .post[data-rank^="Quản trị viĂªn"]{background:#FC9696;border-color:#FC9696}
.main-content.topic > .post[data-rank^="NhĂ¢n viĂªn"]{background:#EE89B1;border-color:#EE89B1}
.main-content.topic > .post[data-rank^="Quản lĂ½ viĂªn"]{background:#54975C;border-color:#54975C}
.main-content.topic > .post[data-rank^="PhĂ¡t triển viĂªn"]{background:#87C7E6;border-color:#87C7E6}
.main-content.topic > .post[data-rank^="ThĂ nh viĂªn nĂ²ng cốt"]{background:#D996FF;border-color:#D996FF}
.main-content.topic > .post[data-rank^="ThĂ nh viĂªn kỳ cá»±u"]{background:#579B9B;border-color:#579B9B}
.main-content.topic > .post[data-rank^="ThĂ nh viĂªn tĂch cá»±c"]{background:#BD70A2;border-color:#BD70A2}
.main-content.topic > .post[data-rank^="ThĂ nh viĂªn gắn bĂ³"]{background:#FFC398;border-color:#FFC398}
.main-content.topic > .post[data-rank^="ThĂ nh viĂªn thĂ¢n thiết"]{background:#7C9DD1;border-color:#7C9DD1}
.main-content.topic > .post[data-rank^="ThĂ nh viĂªn quen thuá»™c"]{background:#95AD67;border-color:#95AD67}
.main-content.topic > .post[data-rank^="ThĂ nh viĂªn chĂnh thức"]{background:#A78D8D;border-color:#A78D8D}
.pun .post:hover {border-left-color:#359bed!important}
.pun .user-ident .user-basic-info > img{width:147px;padding:0 10px}
.pun .user .user-ident > .username{display:block;width:147px;margin-top:-24px;text-align:center}
.pun .user-ident .user-basic-info > span{display:none}
/* Drop menu avatar */
.dropRight{z-index:10;position:relative;background:transparent;border:1px
solid
transparent;width:1px;margin-left:-3px;white-space:nowrap;transition:width
.2s;-webkit-transition:width .2s;overflow:hidden;padding:10px 0 10px
148px !important}
.dropRight:hover{background:#fff;width:490px;border-color:#359bed #359bed #359bed #FFF}
.dropRight .poster-avatar{float:left;margin-left:-139px}
.dropRight
.poster-avatar
a{background:url(http://i56.servimg.com/u/f56/18/59/49/93/noavat10.jpg)
no-repeat center/99% #FFF;border:1px solid
#F3F3F3;min-height:122px;display:block;width:132px}
.dropRight .poster-avatar img{background:#FFF;min-height:122px;max-height:155px;width:130px;padding:5px}
.dropRight .poster-info{white-space:normal;padding-right:10px;display:none;width:340px}
.dropRight:hover .poster-info{display:block}
.poster-info .poster-field{border:1px dashed #EBE9E9;border-width:1px 0;margin:5px 0;padding:5px 0}
.poster-info .poster-field p{line-height:20px;color:#999;width:160px;display:inline-block}
.poster-info .poster-field p.status{font-style:italic;width:100%;color:#0085FF}
.poster-info .poster-field p.status .label{font-weight:bold}
.poster-connect{display:inline-block;width:27px;height:16px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/icon_u11.gif)
no-repeat transparent}
.poster-connect img{background:#fff}
.poster-rank{float:right;margin-top:-7px}
.poster-link a{padding-right:13px}
Code:
- Code:
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}',
multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/',
_ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = {
share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption:
"{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print:
"{L_PRINT}", more: "{L_MORE}" };
$(function(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<!-- BEGIN switch_plus_menu -->
<li>
<script type="text/javascript">//<![CDATA[
var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
</li>
<!-- END switch_plus_menu -->
<li><a class="addthis_button"
href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a></li>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<!-- BEGIN watchtopic -->
<li>{S_WATCH_TOPIC}</li>
<!-- END watchtopic -->
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<div class="pun-crumbs noprint">
<p class="crumbs">
<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
<strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
<!-- BEGIN switch_twitter_btn -->
<span id="twitter_btn" style="margin-left: 6px; ">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<span id="fb_likebtn" style="margin-left: 6px; ">
<iframe
src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21"
scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:auto; height:21px;" allowTransparency="true"></iframe>
</span>
<!-- END switch_fb_likebtn -->
</p>
</div>
<div class="main paged">
<div class="paged-head clearfix">
<!-- BEGIN topicpagination -->
<p class="paging">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="posting">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}"
rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}"
alt="{L_POST_NEW_TOPIC}" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img
src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}"
/></a>
<!-- END switch_user_authreply -->
</p>
</div>
{POLL_DISPLAY}
<div class="main-head clearfix">
<p class="h2">
<a
href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a
href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a
href="#bottom">{L_GOTO_DOWN}</a>
{L_MESSAGE} [{PAGE_NUMBER}]
</p>
</div>
<div class="main-content topic">
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<p class="p-hidden">{postrow.hidden.MESSAGE}</p>
<!-- END hidden -->
<!-- BEGIN displayed -->
<!-- BEGIN first_post_br -->
</div>
<hr id="first-post-br" />
<div class="main-content topic">
<!-- END first_post_br -->
<div class="post
post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR}
style="{postrow.displayed.DISPLAYABLE_STATE}">
<a name="{postrow.displayed.U_POST_ID}" style="position: relative;
top: -20px; width: 1px;"
id="{postrow.displayed.U_POST_ID}"></a>
<div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
<div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
<div class="user leftname">
{postrow.displayed.POSTER_NAME}</div> <h2>
<strong>{postrow.displayed.COUNT_POSTS}</strong>
{postrow.displayed.ICON} <a
href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a>
{postrow.displayed.POST_DATE_NEW}
</h2>
</div>
<div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
<div class="user">
<div class="user-ident dropRight">
<div class="poster-avatar">
{postrow.displayed.POSTER_AVATAR}
</div>
<div class="poster-info">
<div>
<span class="poster-name">
{postrow.displayed.POSTER_NAME}
</span>
<span class="poster-connect">
{postrow.displayed.ONLINE_IMG}
</span>
<span class="poster-rank">
{postrow.displayed.RANK_IMAGE}
</span>
</div>
<div class="poster-field">
<!-- BEGIN profile_field -->
<p>{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</p>
<!-- END profile_field -->
</div>
<div class="poster-link">
<a target="_blank"
href="/profile.forum?mode=viewprofile&u=[POSTER_NAME]&page_profil=messages">
<img alt="Tường nhà"
src="http://i48.servimg.com/u/f48/16/58/89/73/profil10.png" />Tường
nhà
</a>
<a target="_blank" href="/spa/[POSTER_NAME]">
<img alt="Xem bài viết"
src="http://i48.servimg.com/u/f48/16/58/89/73/total_10.gif" />Bài
viết
</a>
<a target="_blank"
href="/profile?friend=[POSTER_NAME]&mode=editprofile&page_profil=friendsfoes">
<img alt="Kết bạn"
src="http://i48.servimg.com/u/f48/16/58/89/73/friend10.png" />Kết bạn
</a>
<a target="_blank"
href="/profile?foe=[POSTER_NAME]&mode=editprofile&page_profil=friendsfoes">
<img alt="Chặn người này"
src="http://i57.servimg.com/u/f57/17/05/17/70/button10.png" />Ngăn
cấm
</a>
</div>
</div>
</div>
</div>
<div class="post-entry">
<div class="entry-content">
<div>
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img
src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}"
alt="" />
<!-- BEGIN switch_dl_att -->
<a class="postlink"
href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a>
{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>
<!-- BEGIN switch_no_comment -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>
<!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE})
{postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
</div>
<p>
{postrow.displayed.EDITED_MESSAGE}
</p>
</div>
</div>
</div>
<!-- BEGIN switch_signature -->
<div class="sig-content">
{postrow.displayed.SIGNATURE_NEW}
</div>
<!-- END switch_signature -->
<div class="postfoot">
<div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
{postrow.displayed.PROFILE_IMG}
{postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN
contact_field --> {postrow.displayed.contact_field.CONTENT}<!--
END contact_field -->
</div>
<div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
<div class="vote-Zzbaivong">
<!-- BEGIN switch_vote_active -->
<a class="vote-plus" href="<!-- BEGIN switch_vote
-->{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}<!--
END switch_vote -->">
Thích
</a>
<span class="vote-time plus-time">0</span>
<a class="vote-minus" href="<!-- BEGIN switch_vote
-->{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}<!--
END switch_vote -->">
Báo xấu
</a>
<span class="vote-time minus-time">0</span>
<div class="vote-plus-post vote-cmt">
<p class="vote-note">Gửi một tin nhắn lên tường.</p>
<textarea class="vote-mess"></textarea>
<input class="vote-send" tyle="button" value="Gửi" />
</div>
<div class="vote-minus-post vote-cmt">
<p class="vote-note">Gửi báo cáo lỗi về bài viết này.</p>
<textarea class="vote-mess"></textarea>
<input class="vote-send" tyle="button" value="Gửi" />
</div>
<input class="vote-tip" type="hidden" value="<!-- BEGIN
switch_bar
-->{postrow.displayed.switch_vote_active.L_VOTE_TITLE}<!-- END
switch_bar --><!-- BEGIN switch_no_bar
-->{postrow.displayed.switch_vote_active.L_VOTE_TITLE}<!-- END
switch_no_bar -->">
<!-- END switch_vote_active -->
</div>
{postrow.displayed.THANK_IMG}
{postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG}
{postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}
{postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
<!-- END displayed -->
<!-- END postrow -->
</div>
<div class="main-foot clearfix">
<p class="h2">
<a
href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a
href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a
href="#top">{L_BACK_TO_TOP}</a>
{L_MESSAGE} [{PAGE_NUMBER}]
</p>
<p class="options">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<!-- BEGIN viewtopic_bottom -->
{S_TOPIC_ADMIN}
<!-- END viewtopic_bottom -->
</p>
</div>
<a name="bottomtitle"></a>
<div class="paged-foot clearfix">
<!-- BEGIN topicpagination -->
<p class="paging">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="posting">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}"
rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}"
alt="{L_POST_NEW_TOPIC}" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img
src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}"
/></a>
<!-- END switch_user_authreply -->
</p>
</div>
</div>
<div class="pun-crumbs">
<p class="crumbs">
<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
<strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
</p>
</div>
<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
<div class="main-head clearfix">
<p class="h2">{PROMOT_TRAFIC_TITLE}</p>
<p class="options"><a
href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img
src="{TABS_MORE_IMG}" alt="+" align="" border="0"
/></a></p>
</div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
<div class="main-head clearfix">
<p class="h2">{PROMOT_TRAFIC_TITLE}</p>
<p class="options"><a
href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img
src="{TABS_LESS_IMG}" alt="-" align="" border="0"
/></a></p>
</div>
<div class="main-content clearfix">
<!-- BEGIN link -->
» <a href="{promot_trafic.link.U_HREF}" target="_blank"
title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br
/>
<!-- END link -->
</div>
</div>
<!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
<div class="main-head clearfix">
<p class="h2">{L_FORUM_RULES}</p>
</div>
<table class="main-content frm">
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" alt="" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules entry-content">
{RULE_MSG}
</td>
</tr>
</table>
</div>
<!-- END switch_forum_rules -->
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
<div id="pun-info" class="main">
<div class="main-content">
<div id="stats">
<p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
</div>
</div>
</div>
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content',
'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' :
{switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
<script type="text/javascript">
$(".poster-info .label:contains('Status')").parent().addClass("status");
$(".poster-link a").attr("href", function () {
return this.href.replace("[POSTER_NAME]",
encodeURI($(this).closest(".poster-info").find(".poster-name
strong").text()));
});
</script>
<script type="text/javascript">
//<![CDATA[
$(".vote-Zzbaivong").each(function () {
var b = $(this);
if (b.is(":empty")) b.html('<a class="vote-plus"
href="">Th\u00edch</a><span class="vote-time
plus-time">0</span><a class="vote-minus" href="">B\u00e1o
x\u1ea5u</a><span class="vote-time
minus-time">0</span>');
else {
var a = b.find(".vote-tip").val(),
c;
/Message\sreputation\s:/.test(a) ? (c = a.split(/\W/), a =
Math.round(c[4] / 100 * c[7]), c = c[7] - a) : a = c = 0;
b.find(".plus-time").text(a);
b.find(".minus-time").text(c)
}
});
$(document).click(function (b) {
$(".vote-cmt").fadeOut()
});
$(".vote-Zzbaivong").click(function (b) {
b.stopPropagation()
});
$(".vote-plus, .vote-minus").one("click", function (b) {
b.preventDefault();
var a = $(this);
b = a.attr("href");
/us\&p_vote\=/.test(this.href) &&
(a.parent().children(".vote-plus, .vote-minus").attr("href",
"javascript:;"), a.next(".vote-time").text(function () {
return parseInt($(this).text()) + 1
}), a.parent().find(".vote-plus").css("background-image",
"url(http://i57.servimg.com/u/f57/17/05/17/70/preloa10.gif)"), $.get(b,
function () {
a.parent().children(".vote-plus").removeAttr("style")
}), a.siblings("." + a.attr("class") +
"-post").fadeIn().children(".vote-mess").focus())
});
$(".vote-send").one("click", function () {
var b = $(this),
a = b.closest(".post"),
c = a.find("a[href^='/report']").attr("href"),
d = b.parent().children(".vote-mess").val(),
f = b.parent().children(".vote-note");
f.text("\u0110ang x\u1eed l\u00fd...");
if ("vote-plus-post vote-cmt" == b.parent().attr("class")) {
var e = "http://" + location.host + location.pathname + "#" + c.replace(/.*p=(\d+).*/, "$1"),
c = $.trim(a.find(".user a[href^='/u']:first").text()),
a = a.find(".user a[href^='/u']:first").attr("href").replace(/.*\/u(\d+).*/, "$1"),
e = "M\u00ecnh th\u00edch b\u00e0i vi\u1ebft c\u1ee7a b\u1ea1n t\u1ea1i [url=" +
e + "]" + document.title + "[/url]";
d.replace(/\s/g, "").length && (e = e + "[quote]" + d + "[/quote]");
$.post("/privmsg", {
subject: "B\u00e0i vi\u1ebft hay",
message: e,
username: c,
u: a,
mode: "post_profile",
folder: "profile",
post: "Send"
}, function () {
f.text("Tin nh\u1eafn \u0111\u00e3 \u0111\u01b0\u1ee3c g\u1eedi");
b.closest(".vote-cmt").delay(300).fadeOut()
})
} else 3 >= d.replace(/\s/g, "").length && (d =
"B\u00e0i vi\u1ebft vi ph\u1ea1m n\u1ed9i quy di\u1ec5n
\u0111\u00e0n."), $.post(c, {
message: d,
post: "Save"
}, function () {
f.text("B\u00e1o c\u00e1o \u0111\u00e3 \u0111\u01b0\u1ee3c g\u1eedi");
b.closest(".vote-cmt").delay(300).fadeOut()
})
});
$(".vote-Zzbaivong > a[href='']").attr("href", "javascript:;");
//]]>
</script>
<style>
.vote-Zzbaivong, .vote-Zzbaivong *,.vote-Zzbaivong
*:before,.vote-Zzbaivong
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.vote-Zzbaivong{margin-left:13em} /* 13em là khoảng cách đến mép trái, sửa nó về 0 hoặc số khác nếu bị lệch */
.vote-Zzbaivong{float:left;height:26px;line-height:24px;position:relative;text-align:left;white-space:nowrap}
.vote-plus-post,.vote-minus-post{z-index:10;position:absolute;top:32px;left:0;display:none;width:250px;background:#FFF;border:1px
solid #F2F2F2;box-shadow:4px 4px 7px 0 #999;padding:5px}
.vote-minus-post{left:120px}
.vote-note{height:20px;line-height:20px;font-size:11px;background:#ffffd3;border:1px
solid #F7EB93;margin-bottom:2px;padding:0 5px}
.vote-mess{width:200px;resize:vertical;min-height:40px;height:40px}
.vote-Zzbaivong
.vote-send{width:36px;margin-top:0!important;margin-left:2px;cursor:pointer;text-align:center;vertical-align:top;height:40px;background:#0085FF;border:1px
#87CEEB;color:#FFF}
.vote-plus-post:before,.vote-minus-post:before{content:'';display:inline-block;border-left:10px
solid transparent;border-right:10px solid
transparent;border-bottom:10px solid
#E2E2E2;position:absolute;left:10px;width:10px;right:-10px;top:-10px}
.vote-plus-post:after,.vote-minus-post:after{content:'';display:inline-block;border-left:9px
solid transparent;border-right:9px solid transparent;border-bottom:9px
solid #fff;position:absolute;left:11px;right:-9px;width:9px;top:-9px}
.vote-plus{background:url(http://i57.servimg.com/u/f57/17/05/17/70/like10.png)
no-repeat 5px 2px #deeaf7;height:24px;border:1px solid
#C8D7EC;color:#5089BE!important;font-family:sans-serif;border-radius:2px;display:inline-block;padding:0
5px 0 25px}
.vote-plus:hover{border-color:#6A9AD6}
.vote-plus[href="javascript:;"]{color:#666!important;background-color:#DDD;cursor:no-drop;background-image:url(http://i57.servimg.com/u/f57/17/05/17/70/gpqbxh10.png);border-color:#CCC}
.vote-time{position:relative;border-radius:2px;display:inline-block;height:24px;line-height:22px;border:1px
solid #D8D7D7;margin:auto 5px;padding:0 5px}
.vote-time:before{content:'';display:inline-block;border-top:6px solid
transparent;border-bottom:6px solid transparent;border-right:6px solid
#CCC;position:absolute;left:-6px;width:6px;top:5px}
.vote-time:after{content:'';display:inline-block;border-bottom:5px solid
transparent;border-top:5px solid transparent;border-right:5px solid
#fff;position:absolute;left:-5px;width:5px;top:6px}
.vote-minus{margin-left:20px;color:#666!important}
.vote-minus:hover{color:red!important}
.vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}
.dropRight,.dropRight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.pun .post .user{overflow:visible;margin-left:-13em;width:12em}
.pun .postmain{margin-left:13em}
.postfoot{margin-left:-13em}
.pun .post:hover{border-left:1px solid #359bed;margin-left:-1px}
.dropRight{z-index:10;position:relative;background:transparent;border:1px
solid
transparent;width:1px;margin-left:-3px;white-space:nowrap;transition:width
.2s;-webkit-transition:width .2s;overflow:hidden;padding:10px 0 10px
13em !important}
.dropRight:hover{background:#fff;width:542px;border-color:#359bed #359bed #359bed #FFF}
.dropRight .poster-avatar{float:left;margin-left:-12em}
.dropRight .poster-avatar
a{background:url(http://i56.servimg.com/u/f56/18/59/49/93/noavat10.jpg)
no-repeat center #FFF;border:1px solid
#DDD;min-height:122px;display:block;width:132px}
.dropRight .poster-avatar img{background:#FFF;min-height:122px;max-height:155px;width:130px;padding:5px}
.dropRight .poster-info{white-space:normal;padding-right:10px;display:none;width:380px}
.dropRight:hover .poster-info{display:block}
.poster-info .poster-field{border:1px dashed #DDD;border-width:1px 0;margin:5px 0;padding:5px 0}
.poster-info .poster-field p{line-height:20px;color:#999;width:180px;display:inline-block}
.poster-info .poster-field p.status{font-style:italic;width:100%;color:#0085FF}
.poster-info .poster-field p.status .label{font-weight:700}
.poster-connect{display:inline-block;width:27px;height:16px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/icon_u11.gif)
no-repeat transparent}
.poster-connect img{background:#fff}
.poster-rank{float:right;margin-top:-7px}
.poster-link a{padding-right:13px}
.pun .post {
border: 1px solid #CCC;
background: #CCC;
margin: 10px 0;
}
</style>
<script type="text/javascript">
//<![CDATA[
$(".user-info .label:contains('Phương châm')").parent().addClass("status");
//]]>
</script>