Cổng thông tin tích hợp Online. » THỦ THUẬT TỔNG HỢP » Skins Punbb » [Skins Punbb]Skin cntt-k3 Editor ver 1.0

1Vit-Vn Post Tue Feb 04, 2014 12:00 pm

Vit-Vn
Vit-Vn
۩•.Ąðmįņ.•۩
  • Xóa bài viết
  • Sửa bài viết
[Skins Punbb]Skin cntt-k3 Editor ver 1.0 Tai_xu11


Code:
#nav li.active > a {
    background-color: #359BED;
    color: #FFFFFF;
}
/* submenu */
#nav li:hover ul.subs {
    display: block;
}
#nav ul.subs > li {
    display: inline-block;
    float: none;
    padding: 10px 1%;
    vertical-align: top;
    width: 33%;
}
#nav ul.subs > li a {
    color: #777777;
    line-height: 20px;
}
#nav ul li a:hover {
    color: #F55856;
}
#nav ul.subs > li > a {
    font-size: 1.3em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#nav ul.subs > li li {
    float: none;
    padding-left: 8px;
    -moz-transition: padding 150ms ease-out 0s;
    -ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {
    padding-left: 15px;
}
/* common and top level styles */
#nav span {
    display: none;
}
#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
    background-color: #F5F5F5;
    border-bottom: 5px solid #359BED;
    float: left;

    position: relative;
    width: 100%;
}
#nav ul.subs {
    background-color: #FFFFFF;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    color: #333333;
    display: none;
    left: 0;
    padding: 2%;
    position: absolute;
    top: 54px;
    width: 96%;
}
#nav > li {
    border-bottom: 5px solid transparent;
    float: left;
    margin-bottom: -5px;
    text-align: left;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
#nav li a {
    display: block;
    text-decoration: none;
    -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    white-space: normal;
}
#nav > li > a {
    color: #333333;
    display: block;
    font-size: 1.3em;
    line-height: 49px;
    padding: 0 15px;
    text-transform: uppercase;
}
#nav > li:hover > a, #nav > a:hover {
    background-color: #F55856;
    color: #FFFFFF;
}


.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} /* Lightbox @leandrovieira ver 0.5 */ #jquery-overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:500px} #jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0} #jquery-lightbox a img{border:none} #lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto} #lightbox-container-image{padding:10px} #lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0} #lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10} #lightbox-container-image-box > #lightbox-nav{left:0} #lightbox-nav a{outline:none} #lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block} #lightbox-nav-btnPrev{left:0;float:left} #lightbox-nav-btnNext{right:0;float:right} #lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px} #lightbox-container-image-data{color:#666;padding:0 10px} #lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left} #lightbox-image-details-caption{font-weight:700} #lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em} #lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}
.main .main-head .page-title {
font-size: 20px;
font-weight: 400;

}
#indexBox .desc {
font-style: italic;
}
.main .main-foot, .main .main-head {
background-color: #FFF;
color: #359BED;
font-weight: 400;
padding: .7em 1.3em;
}
 


.main .main-head, #chatbox_header.main-head {

border-bottom: 4px solid #359BED;
}
.prefix{background:#008287;color:#FFF;border-radius:2px;display:inline-block;height:18px;line-height:18px;padding:0 4px} /* Mặc định cho các tiền tố chưa đặt style riêng */
.prefix.code{background:#16499a} /* Màu riêng cho tiền tố code */
.prefix.tool{background:#60a917} /* Màu riêng cho tiền tố Tool */
.prefix.thong-bao{background:#fa6800} /* Màu riêng cho tiền tố Thông báo */
.prefix.zzbaivong{background:#4390df} /* Màu riêng cho tiền tố zzbaivong */
.msg a:after{content:"*****";font-size:12px} .msg a:link{font-size:0;display:inline-block}


.prefix{background:#008287;color:#FFF;border-radius:2px;display:inline-block;height:18px;line-height:18px;padding:0 4px} /* Mặc định cho các tiền tố chưa đặt style riêng */
.prefix.code{background:#16499a} /* Màu riêng cho tiền tố code */
.prefix.share{background:#60a917} /* Màu riêng cho tiền tố Tool */

.prefix.thong-bao{background:#fa6800} /* Màu riêng cho tiền tố Thông báo */
.prefix.skin{background:#4390df} /* Màu riêng cho tiền tố zzbaivong */
.prefix.hoi-dap{background:#4390df} /* Màu riêng cho tiền tố zzbaivong */


.useravatar1  img{
  width:180px;
  height:180px;}

#content-container div#main {
margin-bottom: 1em;
overflow: visible;
}

#chatbox_header.main-head {
background-color: #962622;
background-image: url(http://i58.servimg.com/u/f58/18/67/94/07/headee10.png);
color: #fff;
font-family: Segoe UI Light;
margin: -4px -8px -5px;
padding: 12px 0 15px;
text-indent: 30px;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
}
#chatbox {
bottom: 30px;
left: 181px;
line-height: 10px;
overflow: auto;
position: absolute;
right: 0;
top: 30px;
background-color: #fff;
}
.chromestyle {
font-weight:none;
height:35px;
float:left;
z-index: 999;
margin-top: 8px;
}
.chromestyle:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.chromestyle ul {
 list-style-image:none;

 list-style-position:outside;

 list-style-type:none;

 margin:0;

 padding:0 2px 0 0;
float: left;

}
.chromestyle ul li {
 float:left;

}
.chromestyle ul li a {
 color:#fff;
 display:block;
 font-family:Tahoma,Helvetica,Verdana,sans-serif;
 font-size: 12px;
 font-size-adjust:none;
 font-stretch:normal;
 font-style:normal;
 font-variant:normal;
 line-height:27px;
 padding:0px 9px 8px 9px;
 font-weight: bold;
 text-decoration:none;
 margin-left: 3px;


}
.chromestyle ul li a:hover{
 color:#666;
 background: #fff;
 padding:0px 9px 8px 9px !important;
 display:block;
 font-family:Tahoma,Helvetica,Verdana,sans-serif;
 font-weight: 400;
 font-size: 12px;
 font-size-adjust:none;
 font-stretch:normal;
 font-style:normal;
 font-variant:normal;
 font-weight: bold;
 line-height:27px;
 text-decoration:none;
 -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.chromestyle ul li a.selected {
 color:#666;
 background: #fff;
 -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.dropmenudiv {
font-family:Tahoma;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
position:absolute;
visibility:hidden;
width:250px;
z-index: 999;
line-height: 25px;
margin-top: -1px;
padding-left: 2px;
background: #fff;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-khtml-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.12);
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.12);
box-shadow: 1px 1px 5px rgba(0,0,0,0.12);
padding-bottom: 10px;
}


.dropmenudiv a {
color: #333;
width: 220px;
margin:0 auto;
/*text-shadow: 0px -1px 0px #343a3c;*/
display:block;
font-weight:bold;
padding:5px 0;
text-decoration:none;
z-index: 999;
border-bottom: 1px dotted #999;
}
.dropmenudiv a:hover {
/*text-shadow: 0px -1px 0px #343a3c;*/
color: #555;
font-weight:bold;
z-index: 999;
text-decoration:none;
background: url(http://i55.servimg.com/u/f55/16/58/45/96/single10.gif) left center no-repeat;
text-indent: 10px;
}















#content-container div#left {float: none;margin-bottom: 10px;width: 100%;}.module.main {margin: 0!important;}
 
div.mekiep {
float: left;
margin-right: -1px;
overflow: hidden;
position: relative;
z-index: 100;
  width:800px;
}
    .tag div.active {background: #86C2F1;cursor: none;font-style: italic;position: relative;z-index: 999;}
  .tag div {background: none repeat scroll 0 0 #F6F8FB;cursor: pointer;float: left;padding: 7px;}
 
  .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;}
  #lastest {line-height: 20px;list-style: decimal-leading-zero outside none;}.****** ol.activea {display: block;}#lastest li {clear: both;}.****** ol {display: none;}
 


.user-basic-info1 a img {
padding: 2px;
border: 1px solid #7C4A4A;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-khtml-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  width:192px;
  height:185px;
}
.user-basic-info a img {
  background-color: rgb(255, 255, 255);
padding: 2px;
border: 1px solid rgb(213, 213, 213);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-khtml-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  width:114px;
  height:96px;
}
.user-basic-info a img:hover {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
border-color: #A1A1A1;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}




.pun .main-content {
background-color: #fff!important;

padding: 0 0 10px;
}

    .poster-name{
  display: none;
}



/* Main box by zzbaivong */
#page-body{background:#FFF;margin:0}

#indexBox .main-head,#pun-info .main-head {margin-top:30px}
.main .main-head > .page-title{margin:0}
.pun .main-content{border:0 none;padding:0 0 10px}
.pun .main .main-content p.message{border:0;margin:0;padding:10px 0}
.main .main-content.frm{padding:10px 0}

.postfoot, .pun .main-content {
padding: 0;
border: 0px solid #d7d7d7;
}
.avatarBox thead{display:none}
.pun table.table th{color:#999}
.pun table.table .status{margin-left:-50px}

#indexBox .status img{width:22px;height:22px;position:absolute;margin-left:20px;z-index:10}
#pun-legend img,.thumbnail{width:45px;height:45px}
#indexBox .desc img:first-child,#pun-info .imgleft{transition:all .2s;-webkit-transition:all .2s;position:absolute;margin-left:-50px;height:45px;margin-top:-16px;width:45px}
.thumbnail{background:transparent}
.pun .main table.table td{line-height:20px;background:#FFF;border-color:#F2F2F2;border-style:solid;border-width:1px 0 0}
.pun table.table tr:first-child td{border-top:0}
.pun table.table td.tcl{overflow:visible;border-left:0;padding-left:62px!important;}
.pun table .tcr{width:25%}
.stat4r{color:#888;font-size:12px;padding-right:10px}
.stat4r > strong{color:#333}
.sub4r.stat4r{position:relative}
.subLink{padding:0!important;position:absolute;display:none;left:0;list-style:none;background:#FFF;top:15px;z-index:30;min-width:97px;border:2px solid #666}
.sub4r.stat4r:hover .subLink{display:block}
.stat4r .subLink + strong{padding-right:15px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/arrow_10.png) no-repeat right center transparent}
.subLink li a{white-space:nowrap;height:20px;line-height:20px;display:block;padding:0 7px}
.subLink li a:hover{background:#f2f2f2}
#indexBox .desc{font-style:italic}
#indexBox .tcr a[href=""]:after{color:#888;content:"Không có bài viết";font-style:italic}
.statusAva{float:left;height:50px;margin:-5px 5px}
#indexBox .statusAva{margin:5px}
.pun table.table tr:hover td,#pun-info dd:hover{background-color:#F5F5F5!important}
.pun #left table.table tr:hover td{background-color:#FFF!important}
#indexBox tr:hover a.forumtitle{color:red}
#indexBox tr:hover .tcl strong{color:#359BED}
#indexBox tr:hover .desc img:first-child,#pun-info dd:hover .imgleft{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg)}
.pun table .tcr > span.stat4r{display:block;padding-left:60px}
.faq{padding:0}
.faq dd{border:1px solid #DDD;position:relative;background:#FFF;margin:15px 0 5px;padding:10px 10px 0}
.faq > dd:before{content:'';display:inline-block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #CCC;position:absolute;right:10px;width:10px;left:10px;top:-10px}
.faq > dd:after{content:'';display:inline-block;border-right:9px solid transparent;border-left:9px solid transparent;border-bottom:9px solid #fff;position:absolute;right:11px;left:11px;width:9px;top:-9px}
#pun-info .ddleft{background:transparent;min-height:55px;padding:5px 0 5px 55px}
#pun-info .dttitle{font-weight:600;height:26px;line-height:25px;border-bottom:1px solid #f2f2f2}
#pun-info .dttitle,#pun-info .dttitle a{color:#999}
#pun-info .imgleft{margin-top:0}
#legend{border-top:1px solid #F3F3F3;line-height:20px;height:84px;padding:10px 0}
#legend b{display:block;width:25%;float:left;padding:0 10px}
#legend b:before{content:"[ "}
#legend b:after{content:" ]"}



#content {width: 98%!important}


body {
line-height: 18px;
text-align: left;
background: #eee;
color: #333;
font-size: 11px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}



#top-nav {
height: 35px;
margin: 0;
padding: 0;
width: 100%;
background: #333 url(http://i58.servimg.com/u/f58/18/67/94/07/top_na10.png) top center repeat-x;
z-index: 999;
}



#top-nav .inner {
height: 35px;
width: 980px;
margin: 0 auto;
padding: 0;
}
#top-nav .thoigian {
float: left;
color: #fff;
margin-top: 8px;
}
#loginpro {
float: right;
width: 500px;
height: 35px;
position: relative;
top: 0px;
}
#chao {
float: right;
color: #fff;
font-size: 12px;
width: 500px;
padding-right: 15px;
text-align: right;
margin-top: 7px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
}
#chao a {
color: #fff;
font-weight: bold;
}
a, a:visited {
color: #444;
outline: 0;
text-decoration: none;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#header {
width: 100%;
clear: both;
padding: 0px;
background: url(images/header.png) center top repeat-x;
background: #c33;
}

.inner {
width: 1024px;
margin: 0 auto;
padding: 0;
}
#banner {
width: 1024px;
clear: both;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/map-bg11.png) left bottom no-repeat;
}
#headerlogo {
width: 200px;
float: left;
height: 115px;
}
.logo {
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/logocn11.png);
font-size: 10px;
height: 115px;
margin-left: 2px;
margin-top: 0px;
text-align: left;
text-indent: -9999px;
transition: all .2s ease-out;
width: 330px;
z-index: 10;
}
#header-search {
float: right;
margin-top: 35px;
}
#header-search-box {
margin: 0 auto;
}
#header-search-box input {
border: 0;
float: left;
position: relative;
top: 0px;
left: 0px;
width: 300px;
margin-top: 4px;
padding: 10px;
text-indent: 20px;
color: #333;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
outline: none;
border: 7px solid #772f2c;
background: #fff url(http://i58.servimg.com/u/f58/18/67/94/07/search10.png) 5px center no-repeat;
}

.clear {
border-top: 1px solid transparent !important;
margin-top: -1px !important;
border-top: 0;
margin-top: 0;
clear: both;
width: 100%;
visibility: hidden;
}
#menu-top {
height: 30px;
width: 100%;
margin: 0 auto;
clear: both;
background: #772f2c;
border-top: solid 1px #5b211f;
border-bottom: solid 1px #5b211f;
}

#menu-top {
height: 30px;
width: 100%;
margin: 0 auto;
clear: both;
background: #772f2c;
border-top: solid 1px #5b211f;
border-bottom: solid 1px #5b211f;
}
.inner {
width: 1024px;
margin: 0 auto;
padding: 0;
}
#menu {
width: 100%;
text-align: left;
height: 30px;
padding: 0px 0 0 0px;
margin-bottom: -1px;
}
#home {
float: left;
}
#iconhome {
width: 40px;
height: 30px;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/home10.png) center center no-repeat;
border-right: solid 1px #5b211f;
border-left: solid 1px #5b211f;
}
.chromestyle {
font-weight: none;
height: 35px;
float: left;
z-index: 999;
margin-top: 8px;
}
.chromestyle ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0 2px 0 0;
float: left;
}
.chromestyle ul li {
float: left;
}
.chromestyle ul li a {
color: #fff;
display: block;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
font-size: 12px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
line-height: 27px;
padding: 0px 9px 8px 9px;
font-weight: bold;
text-decoration: none;
margin-left: 3px;
}
.chromestyle:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}



#wrapper {
text-align: left;
font-size: 12px;
margin: 0px auto;
text-align: left;

width: 1024px;
}
.chu-y {
background-color: #faf6c8;
background-position: 10px center;
background-repeat: no-repeat;
color: #9F6000;
width: 1022px;
margin: 0 auto;
height: 35px;
border-bottom: 1px dotted #D7CF74;
border-top: 1px solid #fff;
font-size: 11px;
color: #333;
clear: both;
}
#note-icon {
height: 35px;
width: 35px;
float: left;
background: url("http://i58.servimg.com/u/f58/18/67/94/07/chu-y10.png") center center no-repeat;
}
#note-content {
float: left;
padding: 10px;
}
#note-content {
float: left;
padding: 10px;
}
.chu-y a {
color: #be5704;
font-weight: bold;
}
#innerWrapper {
width: 1022px;
margin: 0 auto;
background: #fff;
margin: 0 1px;
  border: 1px solid #DDD;
}


#footer {
width: 100%;
margin: 0 auto;
padding: 0;
border-top: 5px solid #772f2c;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
color: #fff;
background: #222 url(http://i58.servimg.com/u/f58/18/67/94/07/map-bg10.png) 800px 60px no-repeat;
}

#footer #head {
background: #c33;
width: 100%;
border-bottom: 1px solid #000;
}
#footer #head #inner {
margin: 0 auto;
width: 1024px;
padding: 0;
}
#footer #head #inner #cp {
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
padding: 10px 0px;
margin: 0;
}
#footer .inner {
width: 1024px;
margin: 0 auto;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
color: #999;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/logocn11.png) right center no-repeat;
}
#footer .inner #contact {
float: left;
width: 400px;
margin: 10px 0px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
color: #f9f9f9;
}
#footer .inner #thongke div, #footer .inner #contact div, #footer .inner #nav-footer div {
color: #d1d6d9;
font-size: 13px;
line-height: 21px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
}
#footer .inner #contact div #cp {
margin-top: -10px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
font-size: 12px;
color: #f6f6f6;
text-shadow: #000 1px 1px 0;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 15px;
}
#footer .inner #contact #processtime {
font-family: Tahoma,Helvetica,Verdana,sans-serif;
color: #f9f9f9;
font-size: 11px;
}

#footer .inner #contact div #admin {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/icon_t10.png) left center no-repeat;
text-indent: 30px;
}
#footer .inner #contact div #mail {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/icon_f12.png) left center no-repeat;
text-indent: 30px;
}
#footer .inner #contact div #phone {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/icon_f11.png) left center no-repeat;
text-indent: 30px;
}
#footer .inner #contact div #add {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/icon_f10.png) left top no-repeat;
text-indent: 30px;
}

zslogin {
position: fixed;
top: 0px;
width: 100%;
text-align: center;
background: url("http://i58.servimg.com/u/f58/18/67/94/07/tranbg11.png");
height: 150%;
z-index: 999;
margin-top: -200px;
}
#mainpopup {
margin: 0 auto;
width: 550px;
text-align: center;
z-index: 999;
}
#zslogin .popup {
position: fixed;
top: 110px;
z-index: 100;
margin: 0 auto;
}
#zslogin table {
margin: auto;
border-collapse: collapse;
}
#zslogin .tl, #zslogin .tr, #zslogin .bl, #zslogin .br {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}
#zslogin .bl {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/9share14.png);
}
#zslogin .tl {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/9share13.png);
}#zslogin .b {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/9share12.png);
}
#zslogin .tr {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/9share11.png);
}
#zslogin .br {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/9share10.png);
}
#zslogin .thantrang {
padding: 0px;
background: #fff;
width: 550px;
}#zslogin .headlogin {
color: #000;
height: 30px;
width: 100%;
font-weight: bold;
font-size: 15px;
font-family: tahoma;
text-align: Center;
}
#tieude {
float: left;
width: 200px;
font-size: 16px;
text-align: left;
height: 30px;
text-indent: 10px;
line-height: 25px;
z-index: 1;
}
#nutclose {
background: url("http://i58.servimg.com/u/f58/18/67/94/07/close10.png") top left no-repeat;
width: 78px;
height: 25px;
float: right;
cursor: pointer;
margin: 2px 0px 0px 0px;
z-index: 2;
}#zslogin .noidung {
background: #ffffff;
color: #2f252a;
padding-top: 10px;
font-family: tahoma;
font-size: 13px;
line-height: 30px;
text-align: left;
font-weight: bold;
width: 96%;
margin: 0 auto;
}
#zslogin .noidung .zsinput {
width: 280px;
height: 20px;
float: right;
font-size: 13px;
margin-right: 100px;
color: #333;
}
#zslogin .footer {
background: #f7f3f7;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding-top: 0px;
padding-bottom: 5px;
margin-top: 10px;
height: 35px;
width: 100%;
text-align: center;
}
.bloginyes {
background: #000000;
color: #ffffff;
cursor: pointer;
font-weight: bold;
border: 1px solid #2f252a;
padding: 5px;
margin-top: 8px;
margin-right: 20px;
}
.bloginno {
background: #efefef;
color: #313031;
cursor: pointer;
font-weight: bold;
border: 1px solid #9c9a9c;
padding: 5px;
margin-top: 8px;
margin-right: 20px;
}
#zslogin {
position: fixed;
top: 0px;
width: 100%;
text-align: center;
background: url("http://i58.servimg.com/u/f58/18/67/94/07/tranbg10.png");
height: 150%;
z-index: 999;
margin-top: -200px;
}
.announce {
background: #faf6c8;
border: 1px solid #D7CF74;
text-shadow: 1px 1px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 13px;
display: none;
color: #505050;
clear: both;
margin-bottom: 10px;
position: relative;
}
.announce #close {
float: right;
font-weight: normal;
font-size: 10px;
position: absolute;
right: 5px;
top: 5px;
padding: 0px 6px;
background: #f2f2f2;
text-align: center;
border: 1px solid #ddd;
border-radius: 10px;
cursor: pointer;
z-index: 10;
}
.announce-content {
color: #5B5B66;
font-size: 11px;
line-height: 18px;
margin: 5px;
position: relative;
z-index: 0;
}




.sidebar {
float: right;
position: relative;
width: 290px;
  margin-right: -11px;
  margin-top: 47px;
}
#innerSidebar {
padding: 0;
background: #F9F9F9;
}
#innerSidebarOne {
float: right;
width: 290px;
padding: 0px;
}
.panel {
padding: 0px;
border-left: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
border-top: 1px solid #d7d7d7;
margin: 5px 0px 10px;
}
.panel h5 {
cursor: pointer;
margin: 0px;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/panel10.png) center right no-repeat;
padding: 12px 0px 15px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
font-family: Segoe UI Light;
text-indent: 30px;
margin-right: -8px;
margin-top: -4px;
text-transform: uppercase;
text-shadow: 1px 1px 1px #000;
}
.panel h5 a {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: normal;
}
.panel-content {
width: 270px;
margin: 0 auto;
line-height: 180%;
color: #333;
font-size: 11px;
padding: 0px 0px 5px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
}

.zcms-tab {
border: 1px solid #C4CDE0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0px 0px 0px 0px;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/linez10.png) repeat-x scroll left bottom #FFFFFF;
}
.zcms-tab ul#mntabs {
background: #F6F7F8;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
border-bottom: 1px solid #D3D6DB;
width: 99.3%;
height: 30px;
padding: 3px;
list-style: none;
float: left;
display: block;
}
.zcms-tab ul#mntabs li {
margin: 1px 0px 0px -3px;
list-style: none;
float: left;
}
.tabs-thongbao {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/ui410.png) no-repeat 0px 0px;
padding-left: 17px;
padding-bottom: 2px;
}
.zcms-tab .products {
height: auto;
overflow: hidden;
position: relative;
margin-top: 0px;
padding: 0px 5px;
}

/* fb_Vote - DEVs.forumvi.com */
.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;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}






#GO-quickrep .repnotice{background-color:#d9ffd1;background-image:url(http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png);background-position:10px center;background-repeat:no-repeat;border:1px solid #36bf00;display:block;font-size:15px;font-weight:700;height:40px;line-height:35px;margin:20px auto;padding:5px;text-align:center;width:50%}
#GO-quickrep .previewdata{background:#fcfcfc;border:1.5px solid #D5D5D5;margin:20px auto;width:97%}
#GO-quickrep .buttonrep #sendrep:focus,#GO-quickrep .buttonrep #preview:focus,#GO-quickrep #backpreview:focus,#GO-quickrep .buttonrep #re-advance:focus{outline:none}
#GO-quickrep #repsmile{background:#F7F7F7;border:1px solid #D5D5D5;display:none;margin-left:15%;margin-top:35px;min-height:100px;padding:3px;position:absolute;width:600px}
#GO-quickrep #repcolour td{border:1px solid #AAA;float:left;height:13px;margin:0 2px 2px 0;outline:0 none;width:13px}
#GO-quickrep #repcolour table:last-child{background-color:transparent!important}
#GO-quickrep #repcolour{background:#F7F7F7;border:1px solid #D5D5D5;display:none;margin-left:20%;margin-top:35px;max-width:400px;min-height:100px;padding:3px;position:absolute}
#GO-quickrep .go-bbcodeimg,#GO-quickrep .senddata{background:#fff;border:1px solid #D5D5D5;color:#000;display:none;height:100px;margin-top:20px;padding:3px;position:absolute;width:230px}
#GO-quickrep #bbcodeimg,#GOdata{border-radius:none;display:block;margin-left:auto;margin-right:auto;margin-top:10px;min-height:20px!important;outline:none;padding:5px;width:70%!important}
#GO-quickrep #gorep{border:1px solid #B6B6B6;border-radius:none;display:block;margin:auto;min-height:50px!important;outline:none;width:97%!important}
#GO-quickrep .buttonimg,#GO-quickrep .buttonwall{background-color:#2797f2!important;border:none;color:#fff!important;cursor:pointer;display:block;font-size:12px;font-weight:700;height:25px;margin:10px auto;min-width:50px;padding:0 10px}
#GO-quickrep .buttonrep #sendrep,#GO-quickrep #backpreview{margin-left:1.5%}
#GO-quickrep .buttonrep #re-advance{-moz-transition:all .2s ease;-ms-transition:all .2s ease;-webkit-transition:all .2s ease;background-color:#000!important;color:#FFF!important;float:right!important;margin-right:1.5%;o-transition:all .2s ease;transition:all .2s ease}
#GO-quickrep #backpreview{margin-top:-20px}
#GO-quickrep .buttonrep #sendrep,#GO-quickrep .buttonrep #preview,#GO-quickrep .buttonrep #re-advance,#GO-quickrep #backpreview{background-color:#2797f2;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:700;height:40px;min-width:80px;padding:0 10px}
#GO-quickrep .buttonrep #sendrep:hover,#GO-quickrep .buttonrep #preview:hover,#GO-quickrep #backpreview:hover,.buttonimg:hover{background-color:#7fc5ff;color:#fff}
#GO-quickrep .bbcode{border:none;color:#fff;cursor:pointer;display:block;font-size:12px;font-weight:700;height:30px;margin:auto;width:97%}
#GO-quickrep .bbcode span{-moz-border-radius:2px;-moz-box-shadow:inset 0 7px 10px #FFF;-webkit-border-radius:2px;-webkit-box-shadow:inset 0 7px 10px #FFF;border:1px solid #CCC;border-radius:2px;box-shadow:inset 0 7px 10px #FFF;color:#888;cursor:pointer;display:block;float:left;margin-right:3px;padding:4px 10px;text-shadow:0 1px #FFF}
#GO-quickrep .bbcode span:hover{border:1px solid #006adb;color:#000}
#GO-quickrep .buttonrep #re-advance:hover{background-color:#2797f2!important;color:#FFF!important}
#GO-quickrep textarea:focus,#GO-quickrep #bbcodeimg:focus{border:1px solid #0081eb!important;outline:none}
#GOeditor{background: #f5f5f5;border:1px solid #B6B6B6;box-shadow:0 0 3px rgba(0,0,0,0.15);margin:auto;min-height:50px;padding:5px;width:70%}
#GO-quickrep #backpreview,#GO-quickrep .repnotice,#GO-quickrep #repcolour form tr:first-child,#repcolour td:first-child,#repcolour td:nth-child(2),#repcolour td:nth-child(3){display:none}

#GO-quickrep {
background: #fcfcfc;
border: 1px solid #D5D5D5;
display: block;
margin: 10px auto;
max-width: 65%;
padding: 3px;
}





/* Latest topics */
#left{margin:30px 0}
#left td{width:25%;vertical-align:top;border:0 none;padding:10px 0!important}
#left .double{padding-left:0;border-left:0;width:53%}
#left li{position:relative;width:100%;list-style-type:none;height:23px;line-height:24px;border-bottom:1px dashed #CCC;counter-increment:Zzindex}
#left li:before{content:counter(Zzindex);display:block;height:16px;background:#98D0FF;position:absolute;left:-23px;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px}
#left li:after{content:" ";background:#98D0FF;display:block;width:6px;height:6px;position:absolute;top:10px;left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#left li:nth-child(1):before,#left li:nth-child(1):after{background:red}
#left li:nth-child(2):before,#left li:nth-child(2):after{background:#d47a2a}
#left li:nth-child(3):before,#left li:nth-child(3):after{background:#b9ba45}
#left li:nth-child(4):before,#left li:nth-child(4):after{background:#aad655}
#left li:nth-child(5):before,#left li:nth-child(5):after{background:#55e7aa}
#left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit}
#active_topics a,#viewed_topics a{width:70%}
#left #recent_topics a{width:100%}
#left .lastRight{right:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:auto}
#left ul,#left th{padding-bottom:0;padding-left:20px;margin-left:23px}
#left ul{height:125px}
#left ul#recent_topics{margin-left:-23px}
#left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
#left .changeLast,#left th h2{color:#777;font-weight:600}
#left th{width:25%;vertical-align:middle;text-align:left;background:#FFF;border:0 none!important;font-weight:700}
th.topicLast{border-top:1px solid #F3F3F3!important}
th.double{text-align:left}
#recent_topics li{margin:.5px 0}
#left #recent_topics .lastRight{width:20%!important;}
.half li:nth-child(6),.half li:nth-child(7),.half li:nth-child(8),.half li:nth-child(9),.half li:nth-child(10),#active_starters,#users_month{display:none}




/* Paging */
.paging.memlist a{background-color:#FFF!important}
.paging{width:50%;font-family:Trebuchet MS;font-size:0px!important;color:transparent}
.paging a,.paging b,.paging input{font-size:14px!important;border-color:#666;border-style:solid;border-width:1px 0;padding:3px 6px;}
.paging a:hover,.paging b{background-color:#000!important;border-radius:4px 4px 4px 4px;color:#FFF;visibility:visible;margin:-1px;padding:7px;}
.paging > a:last-child{border-right:1px solid #666;}
.paging > a:nth-child(2){border-left:1px solid #666;}
.sprite-arrow_prosilver_right{background:url(http://i12.servimg.com/u/f12/17/70/81/78/13558611.png) no-repeat scroll 100% center transparent;height:10px;width:10px}
.sprite-arrow_prosilver_left{background:url(http://i12.servimg.com/u/f12/17/70/81/78/13558610.png) no-repeat scroll -1px center transparent;height:10px;width:10px}
form[name="go_page"] .forumline{background:none repeat scroll 0 0 #FFF}
form[name="go_page"] .button{background-color:#4BB7F9;border:1px solid #3F95CB;color:#FFF;font-weight:700;padding:0 5px}
form[name="go_page"] .bginput{border:1px solid #F3F3F3;height:18px}
form[name="go_page"] .row1,form[name="go_page"] .thHead{padding:5px 0}
form[name="go_page"] .thHead{background:none repeat scroll 0 0 #666;color:#FFF}



/* Spoiler + code + quote */
.codebox{background:transparent;border:0 none;margin:0 0 10px}
.codebox dd{background:transparent;margin:0;padding:0}
.codebox > dt{position:relative;background:url(http://i83.servimg.com/u/f83/16/58/89/73/page_w10.png) no-repeat scroll 10px center #777;color:#FFF;border:1px solid #e2e2e2;height:30px;border-bottom-width:0;line-height:26px;padding:2px 10px 0 30px;width:90px}
.codebox dd.cont_code{background:#FFF;max-height:300px;overflow:auto;border:1px solid #e2e2e2}
.cont_code > code{white-space:pre;display:block;line-height:17px;padding:10px}
.codebox.spoiler{border:1px solid #e2e2e2}
.codebox.spoiler > dt{border:0;background:url(http://i83.servimg.com/u/f83/16/58/89/73/icon-a10.gif) no-repeat 10px center #777;width:100%}
.codebox > dt:hover{color:#333;background-color:#F2F2F2}
.spoiler_content{color:#333;margin:10px 20px}
.postmain blockquote{border-color:#DDD;color:#333;position:relative;margin:0 0 10px 10px;padding:10px 15px!important}
.postmain cite{font-size:13px;text-decoration:underline;background:url(http://i83.servimg.com/u/f83/16/58/89/73/commen10.gif) no-repeat left 2px transparent;margin:0!important;padding:0 0 3px 20px}
.postmain blockquote:before{content:'';display:inline-block;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #CCC;position:absolute;top:10px;left:-10px}
.postmain blockquote:after{content:'';display:inline-block;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #fff;position:absolute;top:11px;left:-9px}
table[width="90%"]{color:#333;width:100%}


/* Quickreply */
.left-box{float:left}
.right-box{text-align:right}
#pun-qpost .frm-set{border:0 none;padding:0}
#quick_reply .frm-buttons{text-align:center;border-top:0 none}
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited{background-image:url(http://r19.imgfast.net/users/1911/13/87/62/album/th/giupdo10.png)}

.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}
/* Lightbox @leandrovieira ver 0.5 */
#jquery-overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:500px}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px}
#lightbox-container-image-data{color:#666;padding:0 10px}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:700}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}


/* Tooltip */
#tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
#tooltip .statusAva{margin:0}



/* fb_Vote - DEVs.forumvi.com */
.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}
 

Index-body

Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
 <ul>
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
 <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
 <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
 </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 -->

<!-- BEGIN message_admin_index -->
<div class="main">
 <!-- BEGIN message_admin_titre -->
 <div class="main-head">
 <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
 </div>
 <!-- END message_admin_titre -->

 <!-- BEGIN message_admin_txt -->
 <div id="pun-announcement">
 <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
 </div>
 <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form main-box center">
 <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
 <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
 {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_connect -->
 </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<style>
.main-head1 {
background: #171f35;
color: #FFF;
font-size: 12px;
font-weight: 700;
padding: 15.5px;
}
  page-title1 {
font-size: 12px;
font-weight: 400;
}
  page-title1 {
font-size: 12px;
font-weight: 400;
}
 .page-title1 h2 {
color: #fff;

font-weight: bold;
letter-spacing: -1px;
text-decoration: none;
background: #cc3333;
padding: 8px 5px;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
FLOAT: Left;
margin-top: -15px;
}
</style>
<!-- BEGIN disable_viewonline -->
<div class="main1"><div class="main-head1"><div class="page-title1"><b><h2>Tình Hình Diễn Đàn</h2></b></div></div><div class="main-content"><br><div style="padding-left:20px"><img src="http://i37.servimg.com/u/f37/17/47/85/23/wall10.gif"> {TOTAL_POSTS}</div> <br>        <div style="padding-left:20px"><img src="http://i36.servimg.com/u/f36/17/46/03/61/chart10.png"> {TOTAL_USERS}</div> <br><div style="padding-left:20px"><img src="http://i37.servimg.com/u/f37/17/47/85/23/profil10.gif"> {NEWEST_USER}</div>    <br></div>  </div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form main-box center">
 <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> 
 <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
 {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_connect -->
 </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}



{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
 appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
 status: true,
 cookie: true,
 xfbml: true,
 oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->


Index-box

Code:
<div class="pun-crumbs">
 <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div id="indexBox" class="main avatarBox">

<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
 <div class="main-head">
                  <div class="page-title">{catrow.tablehead.L_FORUM}</div>
 </div>
 <div class="main-content">
 <table cellspacing="0" class="table">
 <thead>
 <tr>
 <th class="tcl">{L_FORUM}</th>
 <th class="tc2">{L_TOPICS}</th>
 <th class="tc3">{L_POSTS}</th>
 <th class="tcr">{L_LASTPOST}</th>
 </tr>
 </thead>
 <tbody class="statused">
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
 <tr>
 <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
 <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">

 </span>
 <h3 class="hierarchy">
                                                          <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h3>
 
                               
                <div class="desc">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}"src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}"/>
                                              {catrow.forumrow.FORUM_DESC}    </div>
 
                                       
                                          <span class="topic4r stat4r">Chủ đề: <strong>{catrow.forumrow.TOPICS}</strong></span>
<span class="post4r stat4r">Bài viết: <strong>{catrow.forumrow.POSTS}</strong></span>
<span class="sub4r stat4r"></span></td>
 <td class="tcr">
 <div class="statusAva"><span>
 <!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->
 {catrow.forumrow.USER_LAST_POST}
                                                          </span></div>
 </td>
 </tr>
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 </tbody>
 </table>
 </div>
 <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
 <ul>
 <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
 <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
 <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
 </ul>
 <!-- BEGIN switch_delete_cookies -->
 <p class="right">
 <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
 </p>
 <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

https://choivnz.forumvi.com

Permissions in this forum:
Bạn không có quyền trả lời bài viết

Diễn đàn được tối ưu cho trình duyệt: