demo: [You must be registered and logged in to see this link.]
index_body:hie: 

css:

Code:

blink b{animation:blink 2s infinite;-moz-animation:blink 2s infinite;-webkit-animation:blink 2s infinite} @-webkit-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-moz-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-ms-keyframes blink{0%{opacity:1}100%{opacity:.1}}@keyframes blink{0%{opacity:1}100%{opacity:.1}}

#process section{
  position:absolute;
}

#process section:nth-child(3){
  background:url(http://i.imgur.com/ZycxI5p.png) no-repeat;
  width:97px;
  height:78px;
  margin-left:174px;
  z-index:100;
}

#process section:nth-child(1){
  background:url(http://i.imgur.com/ZycxI5p.png) no-repeat;
  width:97px;
  height:78px;
  margin-left:415px;
  z-index:100;
}
#process section:nth-child(2){
  background:url(http://i.imgur.com/JyHpCtY.png) no-repeat;
  width:194px;
  height:156px;
  margin-top:20px;
  margin-left:600px;
  z-index:100;
}

#process section:nth-child(4){
  background:url(http://i.imgur.com/Qe0JpjC.png) no-repeat;
  width:85px;
  height:68px;
  margin-top:70px;
  margin-left:884px;
  z-index:100;
}
.pun table.table td{border-color: none!important}
#pun-navlinks a, #pun-navlinks a:visited{color: #fff}
a[href*="/login"]{font-weight: bold;
  color: yellow!important;}
a[href*="/register"]{font-weight: bold;
  color: red!important;}
#pun-navlinks{
    background-color:#57BAFF!important;
  text-align:center!important;
  position:fixed!important;
  width:100%!important;
  left:0!important;
  top:-60px!important;
  z-index:999!important;
  -moz-transition:top 0.4s ease;
  -webkit-transition:top 0.4s ease;
  -o-transition:top 0.4s ease;
  -ms-transition:top 0.4s ease;
  transition:top 0.4s ease;
}

div.mekiep {
border-right: 1px solid #DBE4EF;   
float:left;
height:339px;
margin-right:-1px;
overflow:hidden;
position:relative;
width:137px;
z-index:100;
border: 1px solid #ddd;}

.last {
border-bottom:1px solid #DBE4EF;
border-right: 1px solid #DBE4EF; 
display:block;
font-size:11px;
font-weight:700;
line-height:normal;
outline:none;
text-decoration:none;
width:116px;
}
.tag div{
background: none repeat scroll 0 0 #F6F8FB;
padding: 10px;
margin: 0 6px 0 0;
float: left;
  cursor:pointer;
}
.tag div:hover{
transition: background-color 0.3s ease-in-out 0s;
background:none repeat scroll 0 0 #EAEFF5;
}

.tag div.active{
background:#fbfbfb;
z-index: 999;
position: relative;
cursor:none;
font-style: italic; 
border-right: 1px solid #fbfbfb!important;
}



.fuck ol{display:none}
.fuck ol.activea{display:block}

.tag{height: 32px;}

p#pun-desc{display: none}

#pun-legend img {
margin-left:20px!important;
margin-bottom:-10px;
}

ul#pun-legend {
margin-bottom:-45px!important;
}

.overview {
top:30px!important;
}

.pun-crumbs p {
line-height:30px;
background-image:url(/users/1214/94/30/93/album/wbg10.png);
border-radius:6px;
margin:0;
padding:6px;
}

#copyright {
background:#FBFBFB url(http://i34.servimg.com/u/f34/16/03/04/56/untitl12.png) no-repeat;
height:30px;
padding:18px;
  border: 1px solid #ddd;
}

.pun-crumbs {
margin:0!important;
padding:0!important;
}

.frm_connexion {
width:194px;
line-height:30px;
margin-left:290px;
background:#F1F1F1;
margin-top:-20px;
padding:30px;
}

#profile-advanced-layout {
margin-top:119px!important;
}

#profile-advanced-add {
padding:91px 0 6px!important;
}

.dialog span {
width:0;
height:0;
border-right:none;
position:absolute;
top:-10px;
left:1px;
display:block;
line-height:0;
border-left:none;
}


fieldset.frm-set {
border:none;
margin:0!important;
padding:5px!important;
}

.pun .sig-content {
padding:0!important;
}

.dialog {
height:0;
border-right:none;
position:absolute;
top:3px;
left:-11px;
display:block;
line-height:0;
border:11px solid transparent;
border-right-color:#ddd;
border-left:none;
}

fieldset.frm-set dl dd {
margin:0!important;
padding: .1em!important;}

fieldset.frm-set dl dt {
text-align:left!important;
float:none!important;
width:66em!important;
padding:.3em!important;
}

.pun .frm dd.frm-input,.pun .frm dd.frm-input input,.pun .frm dd.frm-textarea {
width:98.7%!important;
}

.sig-content {
clear:both;
max-height:30px;
overflow:hidden;
position:relative;
border-top:1px solid #d8d8d8;
}

#chatbox_portal {
padding-bottom:8px;
margin:-12px;
}

.sig-content:hover {
max-height:1000px;
transition:all 1s;
}


.pun a:hover {
color:red;
transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-moz-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-webkit-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-o-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
}

#loading {
background:#000 url(http://i34.servimg.com/u/f34/16/03/04/56/112_cy10.gif) no-repeat center center;
opacity:0.7;
filter:alpha(opacity=65);
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
background-clip:padding-box;
width:50px;
height:50px;
left:50%;
top:50%;
margin-left:-25px;
margin-top:-25px;
color:#FFF;
text-align:center;
position:fixed;
-webkit-transition:0 30s ease-out;
-moz-transition:0 30s ease-out;
transition:transform 30s ease-out;
padding:0;
z-index: 999;}

.pun .paged-foot,.pun .paged-head {
padding:.3em 1.3em!important;
}

#userbar {
height:56px;
background:#fbfbfb;
clear:both;
font-family:Oxygen, sans-serif;
text-transform:uppercase;
padding:0 10px;
border: 1px solid #ddd;
}
#quicknav {
float:left;
margin-top:12px;
}

#quicknav ul,#quicknav li {
float:left;
list-style:none;
margin:0;
padding:0;
}

#quicknav a {
display:block;
padding-left:15px;
line-height:36px;
color:#444;
}

#quicknav .social_icon {
background:url(http://i.imgur.com/nNXyd6R.png) no-repeat;
height:36px;
width:36px;
padding:0;
}

#quicknav .facebook {
background-position:0 0;
}

#quicknav .twitter {
background-position:0 -78px;
}

#quicknav .googleplus {
background-position:0 -156px;
}

#quicknav .dribble {
background-position:0 -234px;
}

#quicknav .flickr {
background-position:0 -312px;
}

#quicknav .youtube {
background-position:0 -390px;
}

#quicknav .rss {
background-position:0 -468px;
}

#quicknav .facebook:hover {
background-position:0 -39px;
}

#quicknav .twitter:hover {
background-position:0 -117px;
}

#quicknav .googleplus:hover {
background-position:0 -195px;
}

#quicknav .dribble:hover {
background-position:0 -273px;
}

#quicknav .flickr:hover {
background-position:0 -351px;
}

#quicknav .youtube:hover {
background-position:0 -429px;
}

#quicknav .rss:hover {
background-position:0 -507px;
}

#search {
float:right;
margin-top:13px;
}

#search input {
float:left;
}

#search input.search-input {
background:#fff;
border:1px solid #e3e3e3;
outline:none;
width:182px;
height:20px;
margin-right:-7px;
line-height:1;
font-family:Oxygen, sans-serif;
color:#555;
padding:6px 8px;
}

#search input.search-button {
background:url(http://i.imgur.com/FfK6U5Q.png) 0 0 no-repeat;
border:none;
width:46px;
height:34px;
cursor:pointer;
}

#search input.search-button:hover {
background-position:0 100%;
}

.c3zplus {
background:url(http://i43.servimg.com/u/f43/16/03/04/56/like-f10.png) no-repeat scroll 0 0 #eceef5;
background-position:6px 36%;
background-repeat:no-repeat;
border:1px solid #cad4e7;
border-radius:3px 3px 3px 3px;
color:#FFF!important;
display:block;
float:left;
height:13px;
position:relative;
text-align:left;
width:25px;
margin:2px 2px 0;
padding:3px 3px 3px 24px;
}

.frm-buttons {
margin-bottom:0!important;
padding:.5em 0 0 26em !important;
}

.chatbox {
border:1px solid #ddd!important;
}

#chatbox {
top:43px!important;
}

.c3zminus {
background:url(http://i43.servimg.com/u/f43/16/03/04/56/dislik10.png) no-repeat scroll #eceef5;
background-position:6px 36%;
background-repeat:no-repeat;
border:1px solid #cad4e7;
border-radius:3px 3px 3px 3px;
color:#FFF!important;
display:block;
float:left;
height:13px;
position:relative;
text-align:left;
width:55px;
margin:2px 0 0;
padding:3px 3px 3px 24px;
}

.c3zplus:hover,.c3zminus:hover {
background-color:#ebedf4;
border-color:#9dacce;
}

.vote-button {
float:left;
width:60px;
}

.ost {
background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/f10.gif);
}

.stavote .qua {
background-position:5px 50%;
background-repeat:no-repeat;
border:1px solid #c2d5e3;
margin:2px 0 0;
padding:5px 8px 5px 25px;
}

.no .vop {
background:url(http://i43.servimg.com/u/f43/16/03/04/56/like-f10.png) no-repeat left center;
padding:0 0 0 18px;
}

.no .vom {
background:url(http://i43.servimg.com/u/f43/16/03/04/56/dislik10.png) no-repeat left center;
margin:2px 0 0;
padding:0 0 0 18px;
}

.no,.stavote .qua {
background-position:5px 50%;
background-repeat:no-repeat;
border:1px solid #cad4e7;
background:#eceef5;
color:#3B5998;
border-radius:4px;
font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
margin:1px;
padding:3px;
}

.stavote {
float:left;
margin-left:-5px;
padding:6px;
}

.postmain img {
max-width:400px;
}

#chatbox_header {
height:30px;
}

.chatbox-title {
margin-bottom:-3px!important;
height:21px!important;
margin-top: 17px;
width: 5em!important;
background: #fbfbfb!important;
padding: 17px 5px 0;}
#chatbox_members {
border-right:1px solid #ddd!important;
bottom:30px!important;
top:43px!important;
}

#chatbox_footer {
bottom:-2px!important;
border-top:1px solid #ddd!important;
}

#chatbox_members .member-title {
border-bottom:1px solid #d8d8d8!important;
}

.sceditor-container,#textarea_content {
width:99.8%!important;
}

.frm-form textarea,.frm-form iframe {
width:calc(100%-10px)!important;
}

#smiley-box {
float:none;
clear:both;
width:100%;
margin-left:5px;
}

.smiley-element {
text-align:center;
}

select {
background-color:#fff;
vertical-align:middle;
display:inline-block;
color:#555;
border:1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:2px;
}

.pagenavi span.extend {
display:inline!important;
border:none!important;
}

.hierarchy {
border:none;
display:inline;
font-weight:700!important;
text-transform:uppercase;
}

#pun-navlinks ul.clearfix {
text-align:center;
padding-left:30px;
}

#pun-navlinks li {
display:inline-block;
line-height:45px;
margin-top:-1px;
}

#pun-foot {
clear:none!important;
}

#pun-intro {
background:none;
border:0;
margin:0;
padding:44px 1em 155px;
}

#head {
background:url(http://i.imgur.com/mxGMG1P.png) 0 0 no-repeat;
top:0;
left:0;
width:100%;
min-width:960px;
overflow:hidden;
background-attachment:scroll;
background-position:center top;
background-repeat:no-repeat;
height: 250px; 
margin-top: 37px;
}
#content-container div#content {
margin:-85px auto 140px!important;
position: relative;
}

.pun {
background:url(http://i.imgur.com/ysCztEa.png) center bottom no-repeat, url(http://i.imgur.com/zcGA5zz.jpg);
min-width:100px;
width:100%;
padding:0;
}

a:link {
text-decoration:none!important;
}

#content-container div#left {
float:none;
margin-bottom:10px;
width:100%;
}

.rlink {
float:right;
display:inline-block;
text-align:right;
}

ul#cungchuyenmuc {
padding-top:25px;
}

#cungchuyenmuc li {
margin-left:25px;
list-style:square;
margin-top:2px;
width:45%;
float:left;
padding-bottom:3px;
}

#cungchuyenmuc span {
position:absolute;
display:inline-block;
width:342px;
height:16px;
overflow:hidden;
margin-bottom:-3px;
}

#cungchuyenmuc a {
text-decoration:none!important;
color:#333;
font:12px Tahoma;
}

#cungchuyenmuc a:hover {
color:#ba3814;
}

#lastest {
padding-left:20px;
line-height:20px;
list-style:decimal-leading-zero outside none;
}

#lastest li {
border-bottom:1px dotted #ccc;
clear:both;
}

#pun-head #pun-navlinks {
margin:57px auto 0;
text-transform: uppercase;
padding: 0!important;
height: 40px;
}
#pun-navlinks li a {
margin:0 .8em 0 0;
}

.user-info {
clear:both;
max-height:0;
overflow:hidden;
position:relative;
}

.user-ident:hover ~ .user-info {
max-height:250px;
transition:all 1s ease;
-moz-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
-webkit-transition:all 1s ease-out;
}

.i_icon_online {
margin-left:-11px;
}

.offline {
padding:3px;
}

.sceditor-container.ltr {
border:1px solid #ddd!important;
padding:0!important;
}

.pun .user .user-ident {
font-size:12px;
text-align:center;
padding:0 0 .3em!important;
}

.pun table.table {
border-collapse:collapse;
empty-cells:show;
table-layout:fixed;
width:100%;
}

.pun .user-ident .user-basic-info {
font-weight:700;
margin-top:-18px;
padding:4px;
}

.pun .post {
padding-bottom:13px;
border-style:none!important;
}

.user-basic-info .user-ava img {
box-shadow: 0 0px 5px 0;
height:70px;
width:70px;
margin-bottom:5px;
margin-left:-10px;
margin-top:-3px;
padding:2px;
}

.pun .user .user-info {
color:#666;
line-height:1.8em;
background:#fbfbfb;
padding-left:11px;
margin-top:-5px;
-moz-transition:all 5s ease-out;
-ms-transition:all 5s ease-out;
-o-transition:all 5s ease-out;
-webkit-transition:all 5s ease-out;
font-size:11px;
font-style:italic;
}

.pun .user-ident .username {
color:#00569c;
display:block;
font-size:1.2em;
font-weight:700;
position:absolute;
text-decoration:none;
top:0;
background:#fbfbfb;
width:142px;
border:1px solid #ddd;
line-height:27px;
border-bottom:2px solid #E83636;
}

.pun .post .user {
float:left;
margin-left:-17em;
margin-top:-31px;
position:relative;
}

.postmain cite {
font-weight:700;
text-transform:uppercase;
border-bottom:2px solid #d8d8d8;
margin-left:-6px;
margin-right:-6px;
margin-top:-5px;
padding:.25em;
}

.pun .main .options {
margin-top:7px;
}

.pun .postmain {
background-color:#fbfbfb;
border-left:none;
margin-left:104px;
border: 1px solid #ddd;
}

.pun .posthead {
border-bottom:1px solid #ddd!important;
padding:.5em 1.1em .5em 1em !important;
background:#ddd; 
}

.pun .user {
width:9em;
}

[class^="post post--"]:hover .postfoot{
opacity:1;
max-height: 100%}

.postfoot {
padding:0!important;
margin-left: 0!important;
border-top: 1px solid #ddd!important;
overflow: hidden;
max-height: 0;
opacity:0
}
   
.pun .post .user {
margin-left:-113px;
border-top:none!important;
}


.pun a:link {
font-family:Arial, Helvetica, verdana, sans-serif;
font-size:10pt;
text-decoration:none;
}

.clearfix {
clear:both;
}

#ads {
border:1px solid #ccc;
height:80px;
position:relative;
}

#s_ads {
-webkit-transform:rotate(270deg);
background:#ccc;
left:-29px;
position:absolute;
top:28px;
width:66px;
padding:5px 5px 5px 10px;
}

.fol {
border-right:0!important;
}

#pun-title {
font-size:40px!important;
font-weight:700!important;
font-family:comic sans ms;
color:#EEE8AA;
max-width:0;
margin:110px 528px 45px;
}

.left {
float:left!important;
}

.top-menu.search {
-moz-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
-webkit-transition:all .2s ease-out;
height:45px;
overflow:hidden;
padding-right:10px;
width:94px;
}

.top-menu.search.selected {
background:#fff;
width:219px;
}

.fol > span[data-icon],.icn_list,.icn_profile,.icn_search,.left [data-icon] {
display:inline-block;
float:left;
height:25px;
width:25px;
margin:10px 8px;
}

.okk {
background:none;
border:none;
cursor:pointer;
height:25px;
width:25px;
margin:10px 2px;
}

.selected .formsearch {
-moz-animation:showmenu 1s;
-ms-animation:showmenu 1s;
-o-animation:showmenu 1s;
-webkit-animation:showmenu 2s;
display:inline;
white-space:nowrap;
}

.module.main.module-advert {
margin-left:248px!important;
position:absolute;
top:66px;
}

#content-container {
max-width:900px;
margin:0 auto!important;
}

.main .main-foot,.main .main-head,.main-head {
background:none!important;
border-bottom:13px solid #57BAFF;
padding:0!important;
margin-bottom: 13px;}

.main-head .h3,.main-head h2,.main-head h3,.pun .main-foot .h2,.pun .main-head .h2,div.subtitle,h1.page-title {
color:#57BAFF;
display:inline-block;
font-family:arial,sans-serif;
font-size:16px;
font-style:normal;
font-variant:normal;
font-weight:900;
line-height:13px;
margin-bottom: -13px;
margin-top: 13px;
text-transform: uppercase;
margin-left: 27px;
background: #fafafa url(http://www.9xstudio.biz/users/1214/94/30/93/album/wbg10.png);
padding-left: 5px;
padding-right: 5px;
}

.pun table.table th {
background:none;
border-bottom:1px solid #ddd;
}

#calendar th:nth-child(even) {
background:rgba(255,255,255,0.19)!important;
}

#calendar tr {
background:#333!important;
}

#calendar .date {
background:#fff!important;
}

#calendar .date .row2:nth-child(even) {
background:rgba(0,0,0,0.07);
}

#calendar .date .row2 {
background:rgba(0,0,0,0.03);
}

#calendar .date .row3:nth-child(odd) {
background:rgba(0,0,0,0.06);
}

#calendar .date .row3 {
background:transparent;
}

.date td {
position:relative;
}

.date a {
background:#ff8c8c;
bottom:0;
color:#fff!important;
display:inline-block;
left:0;
line-height:30px;
position:absolute;
right:0;
top:0;
}

a[name=p_calendar] + .module.main .main-head {
background:#EC5353!important;
border:3px solid #EC5353;
}

a[name=p_calendar] + .module.main .main-head .h3 {
border:none;
color:#fff;
padding-top:10px;
}

a[href*=/s/] {
background:#ddd;
display:inline!important;
float:left!important;
font-family:arial,sans-serif!important;
font-size:10px!important;
font-style:normal!important;
font-variant:normal!important;
font-weight:400!important;
line-height:18px!important;
position:relative!important;
margin:2px 2px 2px 3px;
padding:3px;
}

a[href*=/s/]:hover {
background:#EC5353;
color:#fff;
}

.paging a,.paging b {
background:#ccc;
display:inline;
height:25px;
line-height:26px;
margin-left:-9px;
margin-right:5px;
min-width:18px;
text-align:center;
transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-moz-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-webkit-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-o-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
padding:3px 10px;
}

.paging a:hover,.paging b {
background:#e83939;
color:#fff;
}

.main .frm-info {
background-color: #FFE4BE;
border: 2px solid #FFAF51;
color: #D58524;
font-weight: 700;
width: 809px;
margin: 0px!important;
margin: none!important;}

.pun .main .main-content p.message {
background-color: none!important;
border: none!important;
margin: none!important;
}

.codebox {
background:#FFF;
border:1px solid #D4D4D4;
}

.codebox dd {
background:#FFF;
margin:0;
}

.codebox dt {
font-weight:700;
text-transform:uppercase;
border-bottom:3px solid #d8d8d8;
}

.codebox dt a {
float:right;
}

blockquote {
border-radius:0;
border-color:#ccc;
}

blockquote cite {
border-radius:0;
}

.spoiler_title {
background:none;
border-radius:0;
color:#fff;
}

.spoiler,.codebox {
border-radius:0;
color:#000;
border:1px solid #ddd;
}

.postmain blockquote {
font-style:italic;
padding:.5em!important;
margin-bottom: 5px;
}
.pun table.table td {
border-style:none none solid;
}

.pun table.table tr:hover td {
background:#f5f5f5;
}

#tabs ul li a {
background:none;
border:none;
color:#ccc;
font-family:'Segoe UI',Tahoma,Helvetica,sans-serif;
font-size:17px;
letter-spacing:-2px;
line-height:30px;
}

#tabs ul li.activetab a {
background:none!important;
color:#333;
text-decoration:none;
}

#pun-navlinks [data-icon] {
font-size:20px;
}

#folow span[data-icon]:before {
bottom:-2px;
font-size:17px;
position:relative;
}

.arrow {
bottom:0;
height:13px!important;
position:absolute;
right:10px;
visibility:hidden;
margin:0!important;
padding:0;
}

#pun-about {
background:none;
border:none;
font-size:9px;
text-align:center;
}

#pun-about a {
color:#6f6f6f;
font-size:9px;
}

.frm-form[name=form_login] {
padding-top:1px;
}

.frm-form[name=form_login] .frm-info {
background-color:rgba(0,173,255,0.19);
border:2px solid #51abff;
color:#2480d5;
font-weight:700;
position:relative;
margin-top: -1px;
}

.frm-form[name=form_login] .frm-info:before {
color:rgba(26,149,245,0.45);
content:"✖";
font-family:icomoon;
font-size:50px;
font-weight:400;
left:10px;
position:absolute;
top:24px;
left: 780px;
}
.frm-form[name=form_login] .frm-info li {
background:none!important;
padding:0;
}

#pro li a:before,.new:before,.old:before {
font-family:icomoon;
margin:2px;
}

.mainmenu[href=/search?search_id=favouritesearch]:before {
content:"\e006";
}

.mainmenu[href=/privmsg?folder=inbox]:before {
content:"\e02e";
}

.mainmenu[href=/profile?mode=editprofile]:before {
content:"\e025";
}

.mainmenu[href=/memberlist]:before {
content:"\e038";
}

.new:before,.old:before {
content:"e032";
color:#fff;
font-size:18px;
}

.lock:before,.new:before,.old:before {
font-size:28px;
font-style:normal;
}

.new:before {
color:#E83636;
}

#pun-navlinks .Cp a {
color:#F40;
}

#pun-navlinks .face a {
color:#445f9c;
}

#pun-navlinks .rss a {
color:#ffaa31;
}

#pun-navlinks .dva a {
color:#5A6D63;
}

#custom-menu {
background-color:#fff;
border:solid 2px #000;
display:none;
position:absolute;
z-index:999;
padding:5px 0;
}

#custom-menu ol {
font-family:Verdana;
font-size:12px;
list-style-type:none;
max-width:200px;
min-width:130px;
width:auto;
margin:0;
padding:0;
}

#custom-menu ol li {
display:block;
list-style:none;
margin:0;
padding:5px;
}

#custom-menu ol li:hover {
background-color:#efefef;
}

#custom-menu ol li:active {
background-color:#000;
color:#fff;
}

#custom-menu ol .list-devider {
margin:0;
padding:0;
}

#custom-menu ol .list-devider hr {
margin:2px 0;
}

#custom-menu ol li a {
color:#000;
display:block;
text-decoration:none;
padding:0 5px;
}

body .galleria-image-nav-left,body .galleria-image-nav-right {
width:150px;
}

#galleria-loader {
height:1px;
}

47%,100% {
opacity:1;
}

50%,97% {
opacity:0;
}

#pun-navlinks ul.clearfix > li:hover,#pun-navlinks ul.clearfix li.left.logo a,#custom-menu ol li a:active {
color:#fff;
}

#pun-navlinks ul.clearfix > li:hover .arrow,.top-menu:hover .cursor,.galleria-info.toggler.open {
visibility:visible;
}

#sub.left ul li,#sub.profile ul li:last-child,#sub.profile ul li:nth-child(1),#sub.profile ul li:nth-child(2),#sub.profile ul li:nth-child(3),#sub.profile ul li:nth-child(4),#sub:hover ul,.galleria-carousel .galleria-thumb-nav-left,.galleria-carousel .galleria-thumb-nav-right {
display:block;
}

#smallrum {
color:#fbfbfb;
margin:3px 1px;
padding:1em;
}

#smallrum a img {
vertical-align:middle;
padding-right:2px;
}

#smallrum a.gensmall {
display:inline-block;
text-align:left;
width:44%;
}

#lbOverlay {
position:fixed;
z-index:999;
left:0;
top:0;
width:100%;
height:100%;
background-color:#000;
cursor:pointer;
}

#lbCenter,#lbBottomContainer {
position:absolute;
z-index:999;
overflow:hidden;
background-color:#fff;
}

.lbLoading {
background:#fff url(http://i82.servimg.com/u/f82/18/27/81/04/loadin10.gif) no-repeat center;
}

#lbImage {
position:absolute;
left:0;
top:0;
border:10px solid #fff;
background-repeat:no-repeat;
}

#lbPrevLink,#lbNextLink {
display:block;
position:absolute;
top:0;
width:50%;
outline:none;
}

#lbPrevLink {
left:0;
}

#lbPrevLink:hover {
background:transparent url(http://i82.servimg.com/u/f82/18/27/81/04/prevla10.gif) no-repeat 0 15%;
}

#lbNextLink {
right:0;
}

#lbNextLink:hover {
background:transparent url(http://i82.servimg.com/u/f82/18/27/81/04/nextla10.gif) no-repeat 100% 15%;
}

#lbBottom {
font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size:10px;
color:#666;
line-height:1.4em;
text-align:left;
border:10px solid #fff;
border-top-style:none;
}

#lbCloseLink {
display:block;
float:right;
width:66px;
height:22px;
background:transparent url(http://i82.servimg.com/u/f82/18/27/81/04/closel10.gif) no-repeat center;
outline:none;
margin:5px 0;
}

#lbCaption,#lbNumber {
margin-right:71px;
}

#content {
max-width:837px;
-webkit-border-radius:6px 6px 6px 6px;
border-radius:6px 6px 6px 6px;
background: #fafafa url(/users/1214/94/30/93/album/wbg10.png);
margin:0 auto;
padding:13px;
border: 1px solid #ddd;
box-shadow: 0 0px 55px -20px;
}

.pun .main table td.tc2,.pun .main table td.tc3 {
background-color:none!important;
}

#page-body {
margin:0 auto;
}

.main-head:hover .c3zone{visibility: visible;}

.c3zone {
float:right;
padding:14px;
visibility: hidden;
}

.c3zone i {
display:block;
cursor:pointer;
border:5px solid #fff;
border-radius:5px;
}

.c3zone i.c3show {
border:5px solid #EE82EE;
border-radius:5px;
}

#pun-head #pun-navlinks li:first-child a,#lbCaption {
font-weight:700;
}

#mudimPanel {
opacity:.7;
position:fixed;
z-index:999!important;
text-align:center!important;
border:1px solid #ADD8E6!important;
-webkit-transition:all .3s ease;
-moz-transition-property:left;
-moz-transition-duration:.3s;
-o-transition-property:left;
-o-transition-duration:.3s;
background:#fff url(http://i45.servimg.com/u/f45/16/55/88/76/bogo11.png) no-repeat right center!important;
bottom:9px!important;
left:-364px!important;
width:330px!important;
height:47px!important;
font-size:11px!important;
line-height:22px!important;
padding:4px 50px 4px 4px !important;
}

#mudimPanel:hover {
left:0!important;
opacity:1!important;
}

#toTop {
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
display:inline;
width:21px;
height:21px;
border:none;
text-indent:100%;
background:url(http://i.imgur.com/qPAA32G.png) no-repeat left top;
}

#toTop:hover {
background-position:0 -26px;
-webkit-transition:.3s;
}

#profile-advanced-right {
margin-top:139px;
width:175px!important;
}

#profile-advanced-details {
margin-right:-120px!important;
}

#profile-advanced-details .message-footer {
border-top:1s solid #ddd!important;
}

#profile-advanced-details .message-header {
border-bottom:2px solid #ddd;
margin-bottom:15px!important;
border-top:none!important;
}

.sig-content>br:nth-child(1),.sig-content>br:nth-child(2),#pun-about #qjump,#toggle-button,#add-google-bottom,#calendar > p,#calendar > table + br,#right,#sub.profile ul li,.formsearch,.selected .label,#pun-visit,.c3zone i.c3inv,#mudimPanel a:first-child {
display:none;
}

.pun .frm-form,.pun .topic {
background:none!important;
}
/*!
 * leftslideshow - jQuery Plugin
 * version: 2.0 (Thursday, September 19, 2013)
 * requires jQuery v1.4 or later
 * Homepage http://zzbaivong.blogspot.com/
 * Copyright 2013 baivong
 */
.b_SideImg{position:relative;border:5px solid #FFF;box-shadow:0 0 1px #000;overflow:hidden;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;margin:10px auto}
.b_slides{margin-left:0!important;background:#333;position:absolute;top:0;left:0;list-style:none;width:inherit;height:inherit}
.b_content{position:relative;width:inherit}
.b_slides li{background:inherit;position:absolute;top:0;left:0;width:inherit;height:inherit}
.b_slides.faded li{opacity:0;transition:opacity .4s;-webkit-transition:opacity .4s}
.b_slides.faded li.selected{opacity:1;transition:opacity .4s;-webkit-transition:opacity .4s}
.b_slides.slided li{display:none}
.b_slides li img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.b_slides li p{background:rgba(0,0,0,0.54);font-size:.8em;line-height:1.3em;color:rgba(255,255,255,.8);position:absolute;bottom:0;right:0;left:0;text-align:left;opacity:0;padding:5px 10px}
.b_slides li p.show_info{opacity:1;transition:opacity .5s;-webkit-transition:opacity .5s}
.b_slides.slided li.selected,.b_slides.slided li.change{display:block}
.b_control{position:relative;bottom:0;left:0;background:#FFF;width:100%}
.b_control.hidden{position:absolute;opacity:0;transition:opacity .3s;-webkit-transition:opacity .3s}
.b_control.hidden:hover{opacity:1;transition:opacity .3s;-webkit-transition:opacity .3s}
.b_timebar{position:absolute;top:0;left:0;height:3px;width:0;background:red;z-index:30}
.b_paging{margin-left:32px;text-align:right;padding:1px 0}
.b_prev,.b_next,.b_pause,.b_play,.b_paging a,.b_paging a.selected,.b_fullscreen,.b_info{background:url(data:image/png;base64,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) no-repeat;width:32px;height:32px;z-index:20}
.b_prev,.b_next{cursor:pointer;position:absolute;top:50%;margin-top:-23px;width:37px;height:43px;opacity:.5}
.b_prev{background-position:0 -43px;left:0}
.b_next{background-position:0 0;right:0}
.b_pause,.b_play{position:absolute;top:1px;left:0;cursor:pointer}
.b_pause{background-position:0 -214px;display:none}
.b_play{background-position:0 -86px}
.b_paging a{color:#FFF!important;font-size:11px;display:inline-block;text-decoration:none;text-align:center;background-position:0 -246px;line-height:32px}
.b_paging a:hover,.b_paging a.selected{color:#FFF!important;background-position:0 -150px}
.b_paging a.b_wait{opacity:.3;cursor:wait}
.b_info,.b_fullscreen{cursor:pointer;background-position:0 -182px;opacity:.3;position:absolute;top:5px;left:5px}
.b_fullscreen{background-position:0 -118px;left:auto;right:5px}
.b_info:hover,.b_fullscreen:hover,.b_prev:hover,.b_next:hover{opacity:1}
.b_load{position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-75px;z-index:30;text-align:center;width:150px;line-height:50px;height:50px;font-size:50px;color:#FFF;opacity:.5;font-weight:700;text-shadow:0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000}
.b_copy{position:absolute;z-index:10;width:inherit;height:inherit;left:0;top:0}
.b_SideImg:fullscreen{width:100%!important;height: 100%;border:0 none}
.b_SideImg:fullscreen .b_content{height:100%!important}
.b_SideImg:fullscreen .b_control{position:absolute;opacity:0;transition:opacity .3s}
.b_SideImg:fullscreen .b_control:hover{opacity:1;transition:opacity .3s}
.b_SideImg:-ms-fullscreen{width:100%!important;height: 100%;border:0 none}
.b_SideImg:-ms-fullscreen .b_content{height:100%!important}
.b_SideImg:-ms-fullscreen .b_control{position:absolute;opacity:0;transition:opacity .3s}
.b_SideImg:-ms-fullscreen .b_control:hover{opacity:1;transition:opacity .3s}
.b_SideImg:-webkit-full-screen{width:100%!important;height: 100%;border:0 none}
.b_SideImg:-webkit-full-screen .b_content{height:100%!important}
.b_SideImg:-webkit-full-screen .b_control{position:absolute;opacity:0;-webkit-transition:opacity .3s}
.b_SideImg:-webkit-full-screen .b_control:hover{opacity:1;-webkit-transition:opacity .3s}
.b_SideImg:-moz-full-screen{border:0 none;height: 100%}
.b_SideImg:-moz-full-screen .b_content{height:100%!important}
.b_SideImg:-moz-full-screen .b_control{position:absolute;opacity:0;-moz-transition:opacity .3s}
.b_SideImg:-moz-full-screen .b_control:hover{opacity:1;-moz-transition:opacity .3s}

Nếu muốn thêm ảnh nền cho box bạn thêm code sau vào css:

Code:

table[id^="c"] td.row2.icon a[href^="/f2-forum"] {background: #fff url(http://i.imgur.com/Pg3ZkyS.png);}

thay số 2 ở /f2-forum thành số box và [You must be registered and logged in to see this link.] thành links ảnh
Nguồn:TEEMCT

ssssssssss

xin viewtopic lun bạn

asdpro123 đã viết:xin viewtopic lun bạn

có viewtopic luôn mà

xem cái view:)

xào à, có cái view nào đâu, để view mặc đình nhìn tệ

viewtopic_body đây nhé

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>
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = 'http://i82.servimg.com/u/f82/16/03/04/56/muntiq10.png', multiquote_img_on = 'http://i82.servimg.com/u/f82/16/03/04/56/muntiq11.png', _atr = 'http://illiweb.com/rs3/95/frm/addthis/', _ati = 'http://illiweb.com/fa/addthis/', addthis_config = { ui_click: true, ui_language: "vi" }, addthis_localize = { share_caption: "Add to bookmarks / Share", email: "Email", email_caption: "Send to a friend", favorites: "Favourites", print: "Print", more: "More..." };$(function(){_atc.cwait = 0;$('.addthis_button').mouseup(function(){if ($('#at15s').css('display') == 'block') {addthis_close();}});});var hiddenMsgLabel = { visible:'Hide the message', hidden:'See the 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>

<script>$(function () {$.ajax({url: "/feed/?f={FORUM_ID",success: function (a) {$(".post-entry:first").after('<ul id="cungchuyenmuc"><a href="/f{FORUM_ID}-forum" style="font-weight: bold; margin-left: 288px">Bài viết cùng chuyên mục</a><div style="height:23px;background:url(http://i34.servimg.com/u/f34/16/03/04/56/sna-ti10.png) no-repeat center top;margin:5px 0px;margin-top: -20px"></div>');22 < $(a).find("title").length ? so = 22 : so = $(a).find("title").length;for (i = 2; i < so; i++) $('<li><span><a href="' + $(a).find("link:eq(" + i + ")").text() + '">' + $(a).find("title:eq(" + i + ")").text() + "</a></span></li>").appendTo("#cungchuyenmuc")}})});</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" style="border-style: none!important">
          <!-- END first_post_br -->
          <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="">
            <a name="{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}>
                <h2>
                  <div style="float: left">
                   
                   
                      <span class="offline" style="float: right">
                  <img src="http://2img.net/i/fa/Offline.png" title="Offline">
                      {postrow.displayed.ONLINE_IMG}
                    </span>
                   
                        <span style="color:#0004FF">
                          <strong>{postrow.displayed.POSTER_NAME}</strong>
                        </span></div>
                   
                    <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">
                  <div class="user">
                    <div class="user-ident">
                      <div class="user-basic-info">
                        <div class="user-ava">
                          {postrow.displayed.POSTER_AVATAR}
                        </div></div></div>
                    <div class="user-info">
                      <div class="user-contact profile_left"  style="text-align: center; margin-left: -5px; background: #d8d8d8">
                        <b>{postrow.displayed.POSTER_RANK_NEW}<br /></b>
                       
                        {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} <!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                     
                      </div>
                      <!-- BEGIN profile_field -->
                      <span class="label">
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                      </span>             
                        <!-- END profile_field -->
                     
                    </div></div>
                  <span class="dialog"><span></span></span>
                 
                  <div class="post-entry">
                    <div class="entry-content"><div><div>
                     
                     
                    {postrow.displayed.MESSAGE}
                     
                     
                      </div><div class="clear"></div></div>
                      <p style="font-style: italic;font-size: 8pt;"></p></div></div></div> 
             
                <div class="postfoot" style="margin-left: 0; padding: 0">

                  <div class="post-options profile_left">                                             
                  <div style="float: left;width:146px;margin-left: 2px;">
 <!-- BEGIN switch_vote_active -->

                  <div class="vote-Zzbaivong">



<!-- BEGIN switch_vote -->
                      <a class="vote-plus" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">Thích</a>
                      <span class="vote-time plus-time"></span>
<!-- END switch_vote -->

<!-- BEGIN switch_bar -->


<a class="vote-plus" href="">Thích</a>

<span class="vote-time plus-time"></span>

<!-- END switch_bar -->
                   
<!-- BEGIN switch_vote -->
<a class="vote-minus" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">Báo xấu</a>
<span class="vote-time minus-time"></span>
<!-- END switch_vote -->

<!-- BEGIN switch_bar -->

<a class="vote-minus" href="">Báo xấu</a>

<span class="vote-time minus-time"></span>

<!-- END switch_bar -->
                     
                      <input class="vote-tip" type="hidden" value="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" /></div>

<!-- END switch_vote_active -->
</div>


                    <img id="post_mq8950_35803" src="http://i82.servimg.com/u/f82/16/03/04/56/muntiq10.png" alt="Select/Unselect multi-quote" title="Select/Unselect multi-quote" onclick="togglePostMultiQuote(this);" />
                    <a href="/post?p=35803&mode=quote">
                      <img src="http://i82.servimg.com/u/f82/16/03/04/56/trichd10.png" class="i_icon_quote" alt="Trả lời với trích dẫn nội dung bài viết này" title="Trả lời với trích dẫn nội dung bài viết này" /></a> 
                    <a href="/report?mode=report&p=35803">
                      <img src="http://i82.servimg.com/u/f82/16/03/04/56/report10.png" alt="Report post to moderator or admin" title="Report post to moderator or admin" /></a>
                    <a href="/report?mode=lock&p=35803">
                      <img src="http://i82.servimg.com/u/f82/16/03/04/56/report11.png" alt="Lock post for new reports" title="Lock post for new reports" /></a>
               

</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="http://illiweb.com/rs3/95/frm/addthis/addthis_widget.js" type="text/javascript"></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 = a.find(".user.leftname strong").text(),a = a.find(".user.leftname a").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>