Đăng Ký


avatar
Admin
Quản Trị Viên
Bài Viết : 45
on 28.09.16 15:39
Admin - Quản Trị Viên
First topic message reminder :

Hôm nay đẹp trời Share cái skin cho anh em dùng phiên bản Invision nhé


Giao Diện : Zone-FM Xanh Dương
Tác Giả : Thànhkent
Phiên Bản : Invision

Demo





Các bạn Download File đính kèm về để Import skin nhé .

Rồi chèn các Code sau vào


CSS

Code:

#new-message-link,#profile-advanced-add br,#profile-advanced-right .module,.message-footer,.new-message.bottom {
  display:none;
}

#profile-advanced-add + .module,
#profile-advanced-right .module:first-child {
  border:0;
  display:block;
  height:240px;
  margin:0;
  overflow:hidden;
  position:relative;
  width:300px;
}

#profile-advanced-left {
  margin-left:300px;
  margin-right:0;
}

#profile-advanced-right {
  float:left;
  height:240px;
  overflow:hidden;
  position:relative;
  width:300px;
}

#profile-advanced-layout {
  background:#0F61A1;
  float:right;
  margin-bottom:30px;
  margin-left:-304px;
  margin-right:0;
  position:relative;
}

#profile-advanced-layout #new-message {
  left:1px;
  padding:0;
  position:absolute;
  top:240px;
}

#profile-advanced-layout ul.privmsg {
  min-height:220px;
  padding:0;
  width:300px;
}

#profile-advanced-layout ul.privmsg li {
  background:#FFF;
  color:inherit;
  display:block;
  float:none;
  height:44px;
  line-height:44px;
  width:300px;
}

#profile-advanced-layout ul.privmsg li div.tabitem {
  padding:0 20px;
}

#profile-advanced-layout ul.privmsg li a {
  background:#246FAF;
  color:#FFF;
  margin:0 -19px 0 -20px;
  padding:0 20px;
}

#profile-advanced-add + .module .box-content.profile,
#profile-advanced-right .module:first-child .box-content.profile {
  background:#0F61A1;
  font-family:a;
  font-size:0;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  height:210px;
  line-height:0;
}

#profile-advanced-details,
#profile-advanced-details .message-footer li,
#profile-advanced-layout ul.privmsg,
.posting-options {
  margin:0;
}

#profile-advanced-add {
  -webkit-transition:top .3s;
  background:#3498db;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:-30px;
  transition:top .3s;
  width:300px;
  z-index:50;
}

#profile-advanced-add a {
  background:#2ecc71 url(http://i39.servimg.com/u/f39/18/83/32/63/14085310.png) no-repeat center center;
  display:block;
  float:left;
  height:30px;
  left:0;
  overflow:hidden;
  position:absolute;
  text-align:left;
  text-indent:-9999px;
  top:0;
  width:150px;
}

#profile-advanced-add a[href*="foe="] {
  background-color:#e74c3c;
  background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085311.png);
  left:150px;
}

#profile-advanced-add a[href*="remove="] {
  background-color:#9b59b6;
  background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085312.png);
  width:300px;
}

#profile-advanced-add a:hover {
  background-position:15px 50%;
  color:#FFF;
  left:0;
  line-height:30px;
  padding-left:50px;
  text-indent:0;
  width:300px;
  z-index:50;
}

#profile-advanced-add:after {
  clear:both !important;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}

#profile-advanced-right .box-content.profile img:first-child {
  height:156px;
  margin-bottom:8px;
  max-width:290px;
  padding:4px;
}

#profile-advanced-right .box-content.profile img {
  background:#FFF;
  padding:4px 75px;
}

#profile-advanced-right .module .maintitle {
  background:#0F61A1;
  height:30px;
  line-height:30px;
  padding:0 5px;
  text-align:center;
}

#profile-advanced-details .maintitle,
#profile-advanced-right .maintitle {
  text-shadow:0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF;
}

#profile-advanced-right:hover #profile-advanced-add {
  top:0;
}

#profile-advanced-details .maintitle {
  height:30px;
  line-height:30px;
  padding:0 10px;
}

#profile-advanced-details .box-content.profile {
  min-height:430px;
  padding:5px 15px;
}

#profile-advanced-details ol {
  padding:0;
}

#profile-advanced-details .message-block {
  border:0;
  border-left:1px solid #666;
  margin:10px 0 20px 60px;
  position:relative;
}

.message-text {
  padding:5px;
  white-space:pre-wrap;
  word-break:break-all;
  word-wrap:break-word;
}

.message-block:after,
.message-block:before {
  border-color:transparent #444 transparent transparent;
  border-style:solid;
  border-width:6px 8px 6px 0;
  content:"";
  display:block;
  height:0;
  left:-8px;
  position:absolute;
  top:8px;
  width:0;
}

.message-block:after {
  border-color:transparent #FFF transparent transparent;
  left:-6px;
}

.message-header {
  font-size:0;
  height:21px;
  line-height:13px;
}

.message-date {
  font-size:12px;
}

#profile-advanced-details .message-footer {
  background:#FFF;
  height:21px;
  padding:0;
  position:absolute;
  right:0;
  top:0;
}

#profile-advanced-details .message-footer li:after {
  content:initial;
}

#profile-advanced-details .message-footer li a {
  background:#2980b9;
  color:#FFF;
  display:inline-block;
  float:right;
  font-size:11px;
  height:20px;
  line-height:20px;
  margin-left:5px;
  margin-right:0;
  padding:0 7px;
  text-decoration:none;
}

.message-block:hover .message-footer {
  display:block;
}

.message-textarea {
  margin:0 0 0 8px;
  width:calc(100%-8px);
}

#profile-advanced-details .message-editor .message-block {
  border-left-color:red;
}

.message-editor .message-block:before {
  border-color:transparent red transparent transparent;
}

#profile-advanced-details .message-newMess .message-block {
  border-left-color:orange;
}

.message-newMess .message-block:before {
  border-color:transparent orange transparent transparent;
}

#profile-advanced-details dl {
  padding:0;
  width:100%;
}

th.select-items {
  width:7%;
}

.posting-options + ul.privmsg {
  float:none;
  margin:5px 0 20px;
}

.posting-options + ul.privmsg li {
  height:100px;
  line-height:100px;
  margin:0;
  text-align:center;
  width:25%;
}

.posting-options + ul.privmsg li a {
  color:#FFF;
  display:block;
  height:100px;
  margin:-20px 0 0;
  padding:20px 0 0;
}

.posting-options + ul.privmsg li div.tabitem {
  background:url(http://i83.servimg.com/u/f83/16/58/89/73/read_m10.png) no-repeat center 20px #FFF;
  color:#444;
  height:100px;
  padding:20px 0 0;
}

.posting-options + ul.privmsg li:nth-child(2) div.tabitem {
  background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/reply10.png);
}

.posting-options + ul.privmsg li:nth-child(3) div.tabitem {
  background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/new_po10.png);
}

.posting-options + ul.privmsg li:nth-child(4) div.tabitem {
  background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/save_a10.png);
}

.posting-options + ul.privmsg li div.tabitem a {
  background:url(http://i39.servimg.com/u/f39/18/59/49/93/read_m10.png) no-repeat center 20px #0F61A1;
}

.posting-options + ul.privmsg li:nth-child(2) div.tabitem a {
  background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/reply110.png);
}

.posting-options + ul.privmsg li:nth-child(3) div.tabitem a {
  background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/new_po10.png);
}

.posting-options + ul.privmsg li:nth-child(4) div.tabitem a {
  background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/save_a10.png);
}

#profile-advanced-details .message-footer li a:hover,
#profile-advanced-layout ul.privmsg li a:hover,
.posting-options + ul.privmsg li div.tabitem a:hover {
  background-color:#444 !important;
}


span.icon-box img {
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 0px;
    margin-left: -45px;
    margin-top: -23px;
    position: absolute;
}

.infolastpost {
  margin-top:3px!Important;
    font-size: 11px;
    color: #888;
}
.infopost {
    font-size: 12px;
    color: #888;
}



#new-message-link {
  margin-top:40px;
  float:right;
  margin-right:15px;
}

#new-message-link a {
  display:inline-block;
}

#new-message-link a:before {
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -moz-osx-font-smoothing:grayscale;
  content:"\f067";
}

#new-message-link a:after {
  content:"Viết Lên Tường";
  margin-left:3px;
}
#new-message-link a, #simple-wrap .center a, .btn, .button, .privmsg-footer a, .privmsg-options a, .zzPoll h3>a, [type=button], [type=submit], a[href="javascript:window.close();"] {
    padding: 6px 8px;
    margin: 2px 0;
    border-radius: 2px;
    display: inline-block;
    border: 1px solid transparent;
    background-color: #2196f3;
    color: #fff;
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
}

/*CHat*/
#chatbox{bottom:30px;left:211px!Important;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}
#chatbox .msg>span[style="color:green"],#chatbox .msg>span[style="color:red"],#chatbox .msg>span[style="color:undefined"]{display:block;color:#fff!important;text-align:left;margin:-8px -4px!Important;padding:8px 16px!important;font-size:12px}
#chatbox .msg>span[style="color:undefined"]{background:rgba(231,119,0,0.51);text-align:center;color:rgb(238,16,16)!important;font-weight:bold;line-height:15px;text-shadow:0 0 1px rgba(255,255,255,0.54),0 0 18px rgba(255,255,255,0.54);border:2px dashed #DB360D;font-size:15px;margin-bottom:-5.5px!important}
#chatbox .msg>span[style="color:undefined"]:before{content:url(https://cdn2.iconfinder.com/data/icons/designer-tools/512/ERASER-2-24.png);position:absolute;top:2px;margin-top:0;margin-left:-34px;border:2px solid;border-radius:100px}
#chatbox .cb-avatar{background:none repeat scroll 0 0 #fff;border:1px solid #d5d5d5!important;box-shadow:0 2px 2px rgba(0,0,0,0.1);float:left;height:35px!Important;margin-right:4px;padding:1px;vertical-align:middle;width:35px!Important;border-radius:100%}
#chatbox .cb-avatar > img{border-radius:100px;height:35px!important;width:35px!important}
#chatbox .chatbox-message-username{font-size:11px}
#chatbox .user{color:#9c9b9b!important;font-size:0;position:relative;top:3px}
div#chatbox_members{width:200px;border-right:1px solid #e7e7e7;padding:0 5px;background:#fff;z-index:2;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#chatbox_header{position:absolute;height:50px;left:0;top:0;right:0;line-height:20px;padding:0 5px;background:rgba(255,255,255,0.26);color:transparent;margin-top:-2px}
#chatbox_option_co,#chatbox_option_disco,#chatbox_option_with_archives a,#chatbox_option_without_archives a,.chat-title{display:inline-block;text-indent:-9999px;margin:-5px 0;width:30px;height:30px;background:url(//i68.servimg.com/u/f68/19/38/83/61/chat6110.png) center center no-repeat #e7e7e7;border-radius:3px}
#chatbox_option_with_archives a{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/archiv10.png);line-height:49px}
#chatbox_option_without_archives a{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/three110.png);line-height:49px}
#chatbox_option_co{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/power110.png);line-height:41px}
#chatbox_option_disco{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/out10.png);line-height:41px}
#chatbox .msg>span[style="color:green"]{background:#33CC47;text-align:center}
#chatbox .msg>span[style="color:red"]{background:#39c;text-align:center}
span#chatbox_option_without_archives,span#chatbox_option_with_archives{font-size:0}
#chatbox .date-and-time{background:rgb(242,242,242);padding:3px 4px;border-radius:2px;color:#979ba0;font-size:11px;border:1px solid #c4c4c4;box-shadow:0 0 1px #DDD;opacity:0;transition:.2s}
#chatbox>p:hover .date-and-time{opacity:1}
#chatbox{background:white}
#chatbox > p{background:white;border:none!Important;margin:0}
div#chatbox_footer{background:white;border-top:1px solid #DDD;box-shadow:0 0 2px #ddd;z-index:9999999999999}
.chatbox::-webkit-scrollbar{display:none}
#divcolor,#divsmilies,#help-button,.format-message + label{transition:.2s;position:relative;right:360px;font-size:15px;padding:3px 4px;width:19px!important;line-height:22px!Important;border:1px solid #DDD!Important;height:20px!important;top:-2px;color:#333!important;background:white!Important}
.format-message:checked + label:hover{box-shadow:inset 0 2px 4px #2C789D,0 1px 2px rgba(67,166,223,0)!Important}
.format-message:checked + label{background:#39c!Important;color:white!Important;box-shadow:inset 0 2px 4px #2C789D,0 1px 2px rgba(67,166,223,0)!important;border:1px solid #39c!Important}
#divcolor:hover,#help-button:hover,.format-message + label:hover{background:#43A6DF!important;color:white!important;border-color:#43a6df!important;box-shadow:none!important}
#submit_button{display:inline-block!important;text-indent:-9999px;margin:5px 0!important;width:26px!important;height:26px!important;background:url(//i68.servimg.com/u/f68/19/38/83/61/upper110.png) center center no-repeat #2196f3!important;color:#fff!important;border:0!important;box-shadow:none!important;position:relative;top:-7px;margin-top:7px!Important}
input#submit_button:hover{opacity:.8;cursor:pointer}
input#message{position:relative;top:-7px;border-radius:4px;height:26px!important;background:white;box-sizing:border-box!important;border:1px solid #e7e7e7;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;margin-right:10px}
div#divcolor,div#divsmilies{display:none}
h4.member-title.online,#chatbox_members .member-title{text-align:center;background:#f5f5f5!important;padding:5px;border-radius:3px;font-size:14px!Important;font-weight:bold;text-transform:uppercase;margin:5px 0;color:grey!important}
#chatbox .msg span[style="color:#000000"]{-webkit-font-smoothing:antialiased;font:300 13.5px/1.42857em Roboto,arial,sans-serif;padding-right:10px}

#gfooter {
    background-color: #F1F4F9;
    color: #fff;
    font-size: .8em;
    margin: 8px 0;
    padding: .5em;
    text-align: right;
}

#gfooter .footer-links {
    display: none !important;
}



/* View */
.post {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
}
.post-footer{display:inline}
.postprofile {
    float: left;
    margin-left: -18em;
    width: 13em!important;
}
.post-entry {
    margin-left: -5em;padding-top:10px;
}
.post .post-header {
    display: none !important;
}





#fa_toolbar {
    width: 80%;    margin: 0 auto;margin-top: -30px;
}
#fa_toolbar #fa_icon {
    display: inline-block !important;
    visibility: visible !important;
    background-repeat: no-repeat;
    background-image: url('http://i56.servimg.com/u/f56/18/59/49/93/home10.png')!important;
    background-size: 25px!important;
    width: 25px!important;
    height: 25px!important;
}

#fa_search #fa_textarea {
      display: none !important;
    text-indent: 30px !important;
    width: 230px;
    height: 23px;
    padding: 0px;
    border: 0px;
    margin-top: 3px!important;    border-radius: 0px!important;

}

#fa_share {

    display: none !important;
}

#fa_toolbar_hidden #fa_show {
    display: none !important;
}

#fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show {
    display: none !important;
}

#fa_toolbar_hidden {
    display: none !important;
}


table.ipbtable td {
    padding: 10px;  padding-left: 5px; padding-right: 5px;
    vertical-align: top;border-bottom: 1px solid #e4e4e4;
}

table.ipbtable td.last-box {
    font-size: 11.5px;
}

.icon-box {
    font-style: italic;
    font-size: 12px;
    color: #666;
}


body {
    background1: #F1F4F9;
    background: #f5f7f8;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    padding: 0;line-height: 1.42857143;
}

a:link,a:active,a:visited {
    text-decoration: none;
    }
a:hover{
  text-decoration: none !important;
    }

#ipbwrapper {
    margin: 0 auto;
    width: 80%;
}


#pun-intro {
background: #2E3133;
padding-top: 10px;padding-bottom: 10px;
border-top: 0px solid #598f5b;
border-bottom: 0px solid #db7a25;
}

#pun-intro1 {
width: 80%;
margin: 0 auto;
}

div#logostrip img{
width: 250px;
height:65px;
margin-left:-15px;
}

div#logostrip{
 float:left;
}

.headright {
margin-top:20px;
}





.textlogo a{
font-size: 15px;
font-weight: bold;
 color: #f4f4f4;
    text-shadow: 1px 1px 1px #000000;

}





.footer {
height:130px;
background:#2E3133;
border-top:5px solid #2e3539;
}


.footer1 {
margin: 0 auto!important;
width: 80%!important;
}


.footer-right {
float:right;
width: 49%;
padding-top:20px;
}



.footer-left {
float:left;
width: 49%;
font-size: 15px;
color: #f0f0f0!important;
padding-top:20px;
}

.text-link a{
color: #f0f0f0!important;
font-size: 13px;
text-align:right;
}

.text-link {
margin-bottom:10px;
text-align:right;color: #f0f0f0;
}


.menufoo1 {
font-size: 13px;
color: #f0f0f0!important;
padding-top:15px;
}

.cat-footer1 {
color: #f0f0f0!important;
float:left;
margin-bottom:10px;
font-family: Segoe Print;
background: #ffffff;
font-size: 17px;
padding:10px;
border-radius: 5px!important;
}

.cat-footer2 {
color: #f0f0f0!important;
float:right;
margin-bottom:10px;
font-family: Segoe Print;
background: #ffffff;
font-size: 17px;
padding:10px;
border-radius: 5px!important;
}
/* Dropdown Button */


.dropbtn {
    color: #707070;
    padding: 0px;
    font-size: 13px;
    border: none;
    cursor: pointer;font-weight: bold;
}

/* The container  - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;margin-top:-20px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 150px;
    border: 1px solid #e4e4e4;
    margin-top:5px; margin-left:-10px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding:10px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #106FA6;color: #f9f9f9;}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


.tileforum {
  font-family: 'Lobster', cursive;
  font-size: 20px;
  padding-left:10px;
  color: #598f5b;
}


.Login-Box {
float: right;background: #;
margin-top: -35px!important;
padding:10px;padding-right:0px!important;
}

.Login-Box ul {
list-style: none;
padding: 0;
margin: 0;
}

.Login-Box li {
float: left;
margin: 0;
padding: 0 3px;margin-bottom:5px!important;
}


.Login-Box a:hover {
color: #141414;background:#fff;
}


.loginLeft {
margin-top:5px!important;
float: right!important;
}
.notreg {
border-left: 0px solid #dddddd;
padding-left: 10px;
}

.input-login-thanhkent {
background:#FFF;
border: 0;
color: #333333;
padding: 0 5px;
font-size: 9pt;
width: 90px;
height: 20px;
line-height: 20px;
border: 1px solid #dddddd;
margin: -3px 3px 3px 3px;
border-radius: 1px;
}

.oklogin-thanhkent {
background:#106FA6;
border: 0;
color: #fff;
font-size: 9pt!important;
width1: 80px!important;
height: 22px!important;
line-height: 20px;
border: 0px solid #181818;
margin: 3px!important;margin-top: -3px!important;
border-radius: 3px;
font-weight:bold;
padding-top:1px!important;
}

.regfm {
  background-color: #3AAA00;
  font-size: 11px!important;color: #fff!important;text-shadow: 0px 0px 0px #000000!important;
font-weight: bold;padding:11px;padding-left:10px;padding-right:10px;border-radius:3px;
}



.rememberMe {color:#fff;}

div.sceditor-group {
border-radius: 0px!important;
background: #f0f0f0!important;
border: 1px outset #DDD!important;
display: inline-block;
margin: 1px 5px 1px 0;
padding: 1px;
}



.menunav1{    
  background: #ffffff;border-bottom: 1px solid #dbdbdb;
  background1: #106FA6;margin-top:0px;
  
}

.menunav{
    height: 35px;
    z-index: 12 !important;
    color: #fff !important;
width: 80%; margin:0 auto;border-radius: 0px 0px 0px 0px;
    padding-left:0px;
}
.menunav ul{display:block;height:30px;margin:0 auto;padding:0px 0 0;position:relative;z-index:14}
.menunav ul li{display:inline;height:30px;margin:0;text-align:left;}
.menunav ul li a{font-size: 12px;font-weight:bold;color:   rgb(113, 113, 113)!important;display:block;float:left;height:30px;padding:10px 10px 0;text-align:center;z-index:10}
.menunav span{display:block;height:23px!important;position:absolute;right:0;top:4px;width:95px}
.menunav span a,.menunav span a:hover{color: #fff !important;height:23px!important;padding:0!important}

.menunav ul li a:hover,.menunav ul li .active{border-bottom: 5px solid #246FAF!important;margin-top:0px;color:#000;display:block;height:20px;padding-top:10px;text-align:center;z-index:10}
.menunav ul a.ico_home,.menunav ul a.ico_home:hover{background-position:left -3183px;border-right:0px solid #fff;color:#EFEFEF;display:block;height:18px;margin:5px 3px 0 0;padding:5px 0 0!important;width:32px}


/*LATESTTOPIC*/
.Latest{color:#333;background-color:#fff;margin:auto auto 13px;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;-khtml-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;-khtml-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;-khtml-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;-khtml-border-bottom-left-radius:3px;border-bottom-left-radius:3px;font:13px/18px 'Roboto Condensed',sans-serif;height:100%}
.Latest.lasttab .usertabs{height:30px;padding:5px 0;border-bottom:1px solid #eff2f7;display:block;margin:auto 10px!important}
.Latest.lasttab ul.lastnavtab,.Latest.lasttab ul.lastnavtab2{height:30px}
.Latest.lasttab ul.lastnavtab > li,.Latest.lasttab ul.lastnavtab2 > li{border-bottom:none;float:left;position:relative;font-size:1.11em;margin:auto;border:0 solid #DDD;list-style-type:none;height:30px}
.Latest ul.lastnavtab > li.selected,.Latest ul.lastnavtab2 > li.selected{color:#000;background-color:#eff2f7}
.Latest.lasttab ul.lastnavtab > li.selected,.Latest.lasttab ul.lastnavtab2 > li.selected{height:30px}
.Latest ul.lastnavtab > li a,.Latest ul.lastnavtab2 > li a{font-size:14px;font-family:'Roboto',sans-serif;color:#246faf;text-decoration:none;margin:0;outline:none;display:block;line-height:30px;padding:0 15px;text-align:left}
.Latest.lasttab ul.lastnavtab > li a,.Latest.lasttab ul.lastnavtab2 > li a{cursor:pointer;line-height:30px;padding:0 15px}
.Latest .Lastcontent{padding:10px}
.Latest .Lastcontent ol.Lastcontentlist{counter-reset:numlist}
.Latest .Lastcontent ol.Lastcontentlist li{padding:0;border-top:1px solid #eff2f7;float:left;width:100%}
.Latest .Lastcontent ol.Lastcontentlist li:first-child{border-top:1px none black}
.Latest .itemContent{padding:4px 0;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;display:table;table-layout:fixed;word-wrap:normal;width:100%}
.Latest .itemContent:hover{background-color:#eff2f7;padding-right:6px;padding-left:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-decoration:underline!important}
.Latest .itemContent .listBlock{display:table-cell;vertical-align:middle}
.Latest .itemContent .itemTitle{width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}
.Latest .itemContent .itemDetail{width:150px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Latest .itemContent .itemDetail,.BRMSContainer .itemContent .itemDetail a{color:#38445f;font-size:14px;text-align:right}
.Latest .itemContent .itemDetailName{text-align:right}
.Latest.lasttab{position:relative;width:100%;float:right}
.Latest.lasttab2{position:absolute;margin-left:-325px;top:0;width:37%}
.Latest.lasttab2 .itemContent .itemDetail{width:40px}
.after_view::after{content:" Views"}
.after_rep::after{content:" Replies"}

/* Side bar */
.sidebar{padding:10px;background:#fff;margin-bottom:13px;text-align:center;border-radius:3px 3px 0 0}
#SignupButton{font-size:18px;color:#FFF;background-color:#246FAF;border-radius:3px;display:block;text-shadow:0 0 0 transparent,0 0 3px rgba(0,0,0,0.5);font-weight:700;padding:10px}
#LogButton{font-size:18px;color:#FFF;background-color:#246FAF;border-radius:3px;display:block;text-shadow:0 0 0 transparent,0 0 3px rgba(0,0,0,0.5);font-weight:700;padding:10px;margin-top:10px}
#SignupButton:hover,#LogButton:hover{background-color:#0F61A1}
.sidebar h3{font-size:14px;color:#38445F;background-color:#FFF;padding:8px 10px;margin:-10px -10px 10px;border-bottom:1px solid #F1F4F9;border-radius:3px 3px 0 0;text-transform:uppercase}
.thin{border-bottom:0;border-top:0}
.Tinhte_XenTag_TagCloud{zoom:1}
.Tinhte_XenTag_TagCloud:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag{background:#0F61A1;color:#F1F4F9;display:inline;float:left;margin:0.2em;padding:0}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag:hover{background:#f9d9b0;color:#32A34F}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag a{color:inherit;display:block;font-size:1em;font-weight:bold;margin:0.5em;white-space:nowrap}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level1{background-color:#F1F4F9;color:#0F61A1}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level2{background-color:#D4D4D4}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level3{background-color:#6cb2e4}
.sidebar .avatar{margin-right:10px;float:left;width:auto;height:auto;border:0}
.sidebar .avatar img{width:70px;height:70px;display:block;border-radius:3px;padding:0;padding:2px;border:1px solid #246FAF}
.sidebar .username{font-size:14px}
.sidebar .stats{margin-top:10px}
.sidebar .stats .pairsJustified{line-height:normal}
.sidebar .pairsJustified dd,.sidebar .pairsJustified dt{color:#92A5B4}
.pairsJustified dt{float:left}
.sidebar .pairsJustified dd,.sidebar .pairsJustified dt{color:#92A5B4}
.pairsJustified dd{float:right;text-align:right}
dl.pairsColumns,dl.pairsJustified,.pairsColumns dl,.pairsJustified dl{overflow:hidden}

/* Icon input login */
#password,#password_reg{background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_12.jpg) no-repeat 5px center;text-indent:30px}
#username_reg,#username{background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_11.jpg) no-repeat 5px center;text-indent:30px}
#email{background:#FFF url(http://i21.servimg.com/u/f21/17/57/29/64/emaiii10.jpg) no-repeat 5px center;text-indent:30px}
/* breadcrumb for punbb - devs.forumvi.com */
#navstrip{color:#e8e8e8;font-weight:700;list-style:none;background:#fff;margin:10px 0}
#navstrip > li{float:left;color:#666;margin:0;padding:0;line-height:36px;height:36px;display:block;position:relative;background:#FFF;padding:0 5px 0 20px}
#navstrip > li.begin{background-color:#246FAF;background-image:none;background-position:center;background-repeat:no-repeat;width:47px;padding-left:4px}
#navstrip li a{font-weight:700;text-decoration:none}
#navstrip > li.begin > a{text-indent:-9999px;display:block;background:url(http://i39.servimg.com/u/f39/19/09/43/62/house411.png) no-repeat center center transparent}
#navstrip > li:before,.navstrip > li:after{content:" ";border:18px solid transparent;border-left-width:12px;border-right:0;border-left-color:#FFF;display:block;position:absolute;right:-12px;top:0;z-index:10;width:0;height:0}
#navstrip > li:after{border-left-color:#DBDBDB;right:-13px;z-index:5}
#navstrip > li.begin:before{border-left-color:#246FAF}
#navstrip > li:hover,.navstrip > li:hover a{background-color:#444;color:#FFF}
#navstrip > li:hover:before{border-left-color:#444}
/* button css */
.post-icon a,.posting-icons li a{background:#;padding:5px 4px;margin:0 0 0 6px;display:block;border-radius:2px}
.post-icon a{background: #0F61A1!important;color: #fff}
.post-icon a:hover {
    background: #444 !important;
}
.posting-icons a[title="Thank you"]{background:#ff007e;color:#fff}
.zzPoll > h3 a:before,div.errorwrap p:before,div.infowrap p:before,.posting-icons a:before,.post-icon a:before,.contract:before,.expand:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}


.expand:before{content:"\f07b";font-size:22px}

.post-icon a[href*="mode=reply"]:before{content:"\f112"}
.post-icon a[href*="mode=reply"]:after{content:" Trả lời bài viết"}
.post-icon a[href*="mode=newtopic"]:before,.post-icon > a[href^="/privmsg?mode=post"]:before{content:"\f067"}
.post-icon a[href*="mode=newtopic"]:after{content:" Tạo chủ đề mới"}
.post-icon a[href^="/privmsg?mode=reply"]:after{content:" Trả lời tin nhắn"}
.post-icon a[href^="/privmsg?mode=post"]:after{content:" Viết tin nhắn mới"}
.posting-icons a[href*="mode=quote"]:before{content:"\f10d"}
.posting-icons a[href*="mode=quote"]:after{content:" Trích dẫn"}
.posting-icons a[href*="?thank="]:before{content:"\f164"}
.posting-icons a[href*="?thank="]:after{content:" Cảm ơn"}
.posting-icons a[href*="mode=editpost"]:before{content:"\f044"}
.posting-icons a[href*="mode=editpost"]:after{content:" Sửa"}
.zzPoll > h3 a:before,.posting-icons a[href*="mode=delete"]:before{content:"\f00d"}
.posting-icons a[href*="mode=delete"]:after{content:" Xóa"}
.posting-icons a[href*="mode=report"]:before{content:"\f024"}
.posting-icons a[href*="mode=report"]:after{content:" Report"}
.posting-icons a[href^="/report?mode=lock"]:before{content:"\f11d"}
.posting-icons a[href^="/report?mode=lock"]:after{content:" Lock report"}
.posting-icons a[href*="mode=ip"]:before{content:"\f041"}
.posting-icons a[href*="mode=ip"]:after{content:" Xem Ip"}

.posting-options .posting-buttons {
    margin-bottom: 0.5em;
    margin-top: 8px;
}



/* Quote - Spoiler - Hide - Code */
blockquote cite,.codebox dt{font-size:13px;padding:8px;border-bottom:2px solid #FFF;background-color:#F1F4F9;background-image:none}
blockquote,.codebox dd{background-color:#F1F4F9;border:0 none;margin:0}
dl.codebox{max-width:1000px;margin:0}
.spoiler dt{cursor:pointer;padding:8px;border-bottom:2px solid #FFF;background-color:#F1F4F9;background-image:none;font-size:13px}
.spoiler{border:0 none;margin:0}
/* Post */
div.sceditor-toolbar{background:#F1F4F9 !important;border-radius:0!important;text-align:center;border-bottom:1px solid #ddd!important}
div.sceditor-group{background:0!important;border-bottom:0!important;margin:0!important}
.qreply{background-color:0;border:0;margin:0 auto 1em;padding:0;background:0}
/* Số trang */
div.pagination a.goto{padding:7px 15px 7px 6px;display:inline-block;background-color:transparent;border-radius:3px}
div.pagination a{padding:7px 10px;background-color:transparent;border-radius:3px;color:#1062A1}
div.pagination b{padding:7px 10px;background-color:#F1F4F9!important;border-radius:3px;color:#1062A1}
div.pagination{color:#fff;background:#fff;}
div.pagination a.goto:hover,div.pagination a:hover{background-color:#F1F4F9!important}

/* 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{float:left;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:#2a76c7;border:1px solid #2a76c7;color:#fff!important;font-family:sans-serif;border-radius:2px;display:inline-block;padding:2px 13px;margin-right:3px;}
.vote-plus:hover{border-color:#6A9AD6}
  .vote-plus[href="javascript:;"]{color:#666!important;background-color:#f6f6f6;cursor:no-drop;border-color:#ccc}
.vote-time{position:relative;border-radius:0px;display:inline-block;border:1px solid #e4e4e4;margin:auto 5px;padding:3px;padding-left:5px;padding-right: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:6px}
.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:7px}
.vote-minus{margin-left:20px;color:#666!important}
.vote-minus:hover{color:red!important}
.vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}

/* Button icon */
input[type="button"],input.button,a.button,input.button1,input[type="submit"],input[type="reset"]{border-radius:3px;background:#0F61A1;padding:5px 14px;font-size:1em;border:0 none!important;color:#FFF!important}
input[type="button"]:hover,input.button:hover,a.button:hover,input.button1:hover,input[type="submit"]:hover{background-color:#444!important}
a.button,#find_user,select[name="g"] + input,#use,#jqmHide,#friend + input,#foe + input,#find_friend,select[name="avatarcategory"] + input,select[name="active_time"] + input,select[name="msgdays"] + input,input[type="reset"],input[type="submit"],form[name="searchform"] .button{padding:5px 10px 5px 30px;background-repeat:no-repeat;background-position:10px center!important}
#find_user,#find_friend,form[action="/search"] input[type="submit"],input[type="submit"][name="search"],form[name="searchform"] .button{background-image:url(http://i39.servimg.com/u/f39/14/67/90/38/search10.png)}
input[type="reset"],input[type="submit"][name="refresh"],input[type="submit"][name="groupstatus"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/refres10.png)}
a.button[href="/"],input[type="submit"][name="valid"],#jqmHide,input[type="submit"][name="remove"],input[type="submit"][name="cancelavatar"],input[type="submit"][name="cancel"],input[type="submit"][name="delete"],input[type="submit"][name="deleteall"],input[type="submit"][name="delete_all"]{background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/icon_e10.png)}
input[type="submit"][name="prevent_modif"],input[type="submit"][name="preview"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/previe10.png)}
input[type="submit"][name="draft"],input[type="submit"][name="save"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/save10.png)}
a.button[href="/register?agreed=true&step=2"],input[type="submit"][name="prevent_post"],input[type="submit"][name="split_type_beyond"],input[type="submit"][name="split_type_all"],input[type="submit"][name="submitavatar"],input[type="submit"][name="post"],input[type="submit"][name="confirm"],input[type="submit"][name="publish"],input[type="submit"][name="submit"],input[type="submit"][name="login"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/send10.png)}
select[name="g"] + input,select[name="fid"] + input[type="submit"][name="go"],input[type="submit"][name="moveprofile"],select[name="active_time"] + input,select[name="msgdays"] + input,select[name="avatarcategory"] + input[type="submit"]{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085610.png)}
input[type="submit"][name="add"],#friend + input,#foe + input{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085611.png)}
input[type="submit"][name="go"],input[type="submit"][name="select_to"],#use{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085612.png)}
input[type="submit"][name="avatargallery"]{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085613.png)}
.noIcon input.button[type="submit"]{padding-left:10px;background-image:none}
input.button2{margin:0}
.pun .frm .frm-buttons input,.button,.button1{padding:5px 10px 5px 30px!important}


table.ipbtable span.status {
    margin-top: 3px;
}

.lastpost-avatar img {
    border-radius: 50%;
    height: 35px;
    width: 35px;margin-right:3px;    border: 1px solid #F1F4F9;
}
.avabox img {
    border-radius: 50%;
    height: 40px!important;
    width: 40px!important;margin-right:3px;    border: 1px solid #F1F4F9;
}
div.maintitle{color:#FFF;font-weight:500;background-color:#246FAF;padding:10px;border-top-left-radius:0px;border-top-right-radius:0px;min-height:6px}
.row1,.row2{background:#fff !important;border-bottom:1px solid #e4e4e4!important;vertical-align:middle !important}
table.ipbtable td.icon{width:73%;}
.forum-desc{display:none}
.stat4r{color:#888;font-size:12px;padding-right:10px}
span.stat4r > br:nth-child(3){display:none}
span.stat4r > strong{float:left;margin-right:5px}
div.maintitle .contract,div.maintitle .expand{background:0;margin-right:13px;margin-top:-3px}
.PanelScroller .scrollContainer,.PanelScrollerOff .panel{background-color:#FFF;padding:3px;margin-bottom:10px;border-radius:3px;font-size:13pt}
.PanelScroller .PanelContainer{position:relative;clear:both;width:100%;overflow:auto}
.hasJs .PanelScroller .Panels{position:absolute}
.PanelScroller .Panels{clear:both;margin:0;padding:0}
.PanelScroller .panel,.PanelScrollerOff .panel{overflow:hidden;position:relative;padding:0 !important;background:#F1F4F9 url("http://i68.servimg.com/u/f68/17/57/29/64/catego10.png") repeat-x scroll center top}
.PanelScroller .panel .noticeContent,.PanelScrollerOff .panel .noticeContent{padding:10px;color:#ED1B24}
.DismissParent .DismissCtrl{position:absolute;top:12px;right:5px;display:block;background:transparent url("http://i68.servimg.com/u/f68/17/57/29/64/xenfor10.png") no-repeat scroll -80px 0;color:#FFF;width:15px;height:15px;line-height:15px;text-align:center;opacity:0.4;transition:opacity 0.3s ease-in-out 0s;font-size:10px;overflow:hidden;white-space:nowrap;text-indent:20000em;cursor:pointer}




div.errorwrap h4, div.infowrap h4 {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    color: #454545;
    font-size: 12px;
    font-weight: 700;
    padding: 5px;
}
div.errorwrap, div.infowrap {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    margin: 0 5px 5px;
}

.ipbform fieldset {
    border: 1px solid #e4e4e4;
    margin: .5em;
    padding: 0 1em 1em;
}
.box-content {
    background-color: #fff;
    border-bottom: 0px solid #2a76c7;
}




Được sửa bởi Admin ngày 28.09.16 15:51; sửa lần 1.

0
avatar
Awin
Thành Viên
Bài Viết : 2
on 12.11.16 0:31
Awin - Thành Viên
đẹp

avatar
tobby
Thành Viên
Bài Viết : 1
on 07.01.17 10:17
tobby - Thành Viên
@Admin đã viết:
Hôm nay đẹp trời Share cái skin cho anh em dùng phiên bản Invision nhé


Giao Diện : Zone-FM Xanh Dương
Tác Giả : Thànhkent
Phiên Bản : Invision

Demo





Các bạn Download File đính kèm về để Import skin nhé .

Rồi chèn các Code sau vào


CSS

Code:

#new-message-link,#profile-advanced-add br,#profile-advanced-right .module,.message-footer,.new-message.bottom {
  display:none;
}

#profile-advanced-add + .module,
#profile-advanced-right .module:first-child {
  border:0;
  display:block;
  height:240px;
  margin:0;
  overflow:hidden;
  position:relative;
  width:300px;
}

#profile-advanced-left {
  margin-left:300px;
  margin-right:0;
}

#profile-advanced-right {
  float:left;
  height:240px;
  overflow:hidden;
  position:relative;
  width:300px;
}

#profile-advanced-layout {
  background:#0F61A1;
  float:right;
  margin-bottom:30px;
  margin-left:-304px;
  margin-right:0;
  position:relative;
}

#profile-advanced-layout #new-message {
  left:1px;
  padding:0;
  position:absolute;
  top:240px;
}

#profile-advanced-layout ul.privmsg {
  min-height:220px;
  padding:0;
  width:300px;
}

#profile-advanced-layout ul.privmsg li {
  background:#FFF;
  color:inherit;
  display:block;
  float:none;
  height:44px;
  line-height:44px;
  width:300px;
}

#profile-advanced-layout ul.privmsg li div.tabitem {
  padding:0 20px;
}

#profile-advanced-layout ul.privmsg li a {
  background:#246FAF;
  color:#FFF;
  margin:0 -19px 0 -20px;
  padding:0 20px;
}

#profile-advanced-add + .module .box-content.profile,
#profile-advanced-right .module:first-child .box-content.profile {
  background:#0F61A1;
  font-family:a;
  font-size:0;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  height:210px;
  line-height:0;
}

#profile-advanced-details,
#profile-advanced-details .message-footer li,
#profile-advanced-layout ul.privmsg,
.posting-options {
  margin:0;
}

#profile-advanced-add {
  -webkit-transition:top .3s;
  background:#3498db;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:-30px;
  transition:top .3s;
  width:300px;
  z-index:50;
}

#profile-advanced-add a {
  background:#2ecc71 url(http://i39.servimg.com/u/f39/18/83/32/63/14085310.png) no-repeat center center;
  display:block;
  float:left;
  height:30px;
  left:0;
  overflow:hidden;
  position:absolute;
  text-align:left;
  text-indent:-9999px;
  top:0;
  width:150px;
}

#profile-advanced-add a[href*="foe="] {
  background-color:#e74c3c;
  background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085311.png);
  left:150px;
}

#profile-advanced-add a[href*="remove="] {
  background-color:#9b59b6;
  background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085312.png);
  width:300px;
}

#profile-advanced-add a:hover {
  background-position:15px 50%;
  color:#FFF;
  left:0;
  line-height:30px;
  padding-left:50px;
  text-indent:0;
  width:300px;
  z-index:50;
}

#profile-advanced-add:after {
  clear:both !important;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}

#profile-advanced-right .box-content.profile img:first-child {
  height:156px;
  margin-bottom:8px;
  max-width:290px;
  padding:4px;
}

#profile-advanced-right .box-content.profile img {
  background:#FFF;
  padding:4px 75px;
}

#profile-advanced-right .module .maintitle {
  background:#0F61A1;
  height:30px;
  line-height:30px;
  padding:0 5px;
  text-align:center;
}

#profile-advanced-details .maintitle,
#profile-advanced-right .maintitle {
  text-shadow:0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF;
}

#profile-advanced-right:hover #profile-advanced-add {
  top:0;
}

#profile-advanced-details .maintitle {
  height:30px;
  line-height:30px;
  padding:0 10px;
}

#profile-advanced-details .box-content.profile {
  min-height:430px;
  padding:5px 15px;
}

#profile-advanced-details ol {
  padding:0;
}

#profile-advanced-details .message-block {
  border:0;
  border-left:1px solid #666;
  margin:10px 0 20px 60px;
  position:relative;
}

.message-text {
  padding:5px;
  white-space:pre-wrap;
  word-break:break-all;
  word-wrap:break-word;
}

.message-block:after,
.message-block:before {
  border-color:transparent #444 transparent transparent;
  border-style:solid;
  border-width:6px 8px 6px 0;
  content:"";
  display:block;
  height:0;
  left:-8px;
  position:absolute;
  top:8px;
  width:0;
}

.message-block:after {
  border-color:transparent #FFF transparent transparent;
  left:-6px;
}

.message-header {
  font-size:0;
  height:21px;
  line-height:13px;
}

.message-date {
  font-size:12px;
}

#profile-advanced-details .message-footer {
  background:#FFF;
  height:21px;
  padding:0;
  position:absolute;
  right:0;
  top:0;
}

#profile-advanced-details .message-footer li:after {
  content:initial;
}

#profile-advanced-details .message-footer li a {
  background:#2980b9;
  color:#FFF;
  display:inline-block;
  float:right;
  font-size:11px;
  height:20px;
  line-height:20px;
  margin-left:5px;
  margin-right:0;
  padding:0 7px;
  text-decoration:none;
}

.message-block:hover .message-footer {
  display:block;
}

.message-textarea {
  margin:0 0 0 8px;
  width:calc(100%-8px);
}

#profile-advanced-details .message-editor .message-block {
  border-left-color:red;
}

.message-editor .message-block:before {
  border-color:transparent red transparent transparent;
}

#profile-advanced-details .message-newMess .message-block {
  border-left-color:orange;
}

.message-newMess .message-block:before {
  border-color:transparent orange transparent transparent;
}

#profile-advanced-details dl {
  padding:0;
  width:100%;
}

th.select-items {
  width:7%;
}

.posting-options + ul.privmsg {
  float:none;
  margin:5px 0 20px;
}

.posting-options + ul.privmsg li {
  height:100px;
  line-height:100px;
  margin:0;
  text-align:center;
  width:25%;
}

.posting-options + ul.privmsg li a {
  color:#FFF;
  display:block;
  height:100px;
  margin:-20px 0 0;
  padding:20px 0 0;
}

.posting-options + ul.privmsg li div.tabitem {
  background:url(http://i83.servimg.com/u/f83/16/58/89/73/read_m10.png) no-repeat center 20px #FFF;
  color:#444;
  height:100px;
  padding:20px 0 0;
}

.posting-options + ul.privmsg li:nth-child(2) div.tabitem {
  background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/reply10.png);
}

.posting-options + ul.privmsg li:nth-child(3) div.tabitem {
  background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/new_po10.png);
}

.posting-options + ul.privmsg li:nth-child(4) div.tabitem {
  background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/save_a10.png);
}

.posting-options + ul.privmsg li div.tabitem a {
  background:url(http://i39.servimg.com/u/f39/18/59/49/93/read_m10.png) no-repeat center 20px #0F61A1;
}

.posting-options + ul.privmsg li:nth-child(2) div.tabitem a {
  background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/reply110.png);
}

.posting-options + ul.privmsg li:nth-child(3) div.tabitem a {
  background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/new_po10.png);
}

.posting-options + ul.privmsg li:nth-child(4) div.tabitem a {
  background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/save_a10.png);
}

#profile-advanced-details .message-footer li a:hover,
#profile-advanced-layout ul.privmsg li a:hover,
.posting-options + ul.privmsg li div.tabitem a:hover {
  background-color:#444 !important;
}


span.icon-box img {
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 0px;
    margin-left: -45px;
    margin-top: -23px;
    position: absolute;
}

.infolastpost {
  margin-top:3px!Important;
    font-size: 11px;
    color: #888;
}
.infopost {
    font-size: 12px;
    color: #888;
}



#new-message-link {
  margin-top:40px;
  float:right;
  margin-right:15px;
}

#new-message-link a {
  display:inline-block;
}

#new-message-link a:before {
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -moz-osx-font-smoothing:grayscale;
  content:"\f067";
}

#new-message-link a:after {
  content:"Viết Lên Tường";
  margin-left:3px;
}
#new-message-link a, #simple-wrap .center a, .btn, .button, .privmsg-footer a, .privmsg-options a, .zzPoll h3>a, [type=button], [type=submit], a[href="javascript:window.close();"] {
    padding: 6px 8px;
    margin: 2px 0;
    border-radius: 2px;
    display: inline-block;
    border: 1px solid transparent;
    background-color: #2196f3;
    color: #fff;
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
}

/*CHat*/
#chatbox{bottom:30px;left:211px!Important;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}
#chatbox .msg>span[style="color:green"],#chatbox .msg>span[style="color:red"],#chatbox .msg>span[style="color:undefined"]{display:block;color:#fff!important;text-align:left;margin:-8px -4px!Important;padding:8px 16px!important;font-size:12px}
#chatbox .msg>span[style="color:undefined"]{background:rgba(231,119,0,0.51);text-align:center;color:rgb(238,16,16)!important;font-weight:bold;line-height:15px;text-shadow:0 0 1px rgba(255,255,255,0.54),0 0 18px rgba(255,255,255,0.54);border:2px dashed #DB360D;font-size:15px;margin-bottom:-5.5px!important}
#chatbox .msg>span[style="color:undefined"]:before{content:url(https://cdn2.iconfinder.com/data/icons/designer-tools/512/ERASER-2-24.png);position:absolute;top:2px;margin-top:0;margin-left:-34px;border:2px solid;border-radius:100px}
#chatbox .cb-avatar{background:none repeat scroll 0 0 #fff;border:1px solid #d5d5d5!important;box-shadow:0 2px 2px rgba(0,0,0,0.1);float:left;height:35px!Important;margin-right:4px;padding:1px;vertical-align:middle;width:35px!Important;border-radius:100%}
#chatbox .cb-avatar > img{border-radius:100px;height:35px!important;width:35px!important}
#chatbox .chatbox-message-username{font-size:11px}
#chatbox .user{color:#9c9b9b!important;font-size:0;position:relative;top:3px}
div#chatbox_members{width:200px;border-right:1px solid #e7e7e7;padding:0 5px;background:#fff;z-index:2;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#chatbox_header{position:absolute;height:50px;left:0;top:0;right:0;line-height:20px;padding:0 5px;background:rgba(255,255,255,0.26);color:transparent;margin-top:-2px}
#chatbox_option_co,#chatbox_option_disco,#chatbox_option_with_archives a,#chatbox_option_without_archives a,.chat-title{display:inline-block;text-indent:-9999px;margin:-5px 0;width:30px;height:30px;background:url(//i68.servimg.com/u/f68/19/38/83/61/chat6110.png) center center no-repeat #e7e7e7;border-radius:3px}
#chatbox_option_with_archives a{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/archiv10.png);line-height:49px}
#chatbox_option_without_archives a{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/three110.png);line-height:49px}
#chatbox_option_co{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/power110.png);line-height:41px}
#chatbox_option_disco{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/out10.png);line-height:41px}
#chatbox .msg>span[style="color:green"]{background:#33CC47;text-align:center}
#chatbox .msg>span[style="color:red"]{background:#39c;text-align:center}
span#chatbox_option_without_archives,span#chatbox_option_with_archives{font-size:0}
#chatbox .date-and-time{background:rgb(242,242,242);padding:3px 4px;border-radius:2px;color:#979ba0;font-size:11px;border:1px solid #c4c4c4;box-shadow:0 0 1px #DDD;opacity:0;transition:.2s}
#chatbox>p:hover .date-and-time{opacity:1}
#chatbox{background:white}
#chatbox > p{background:white;border:none!Important;margin:0}
div#chatbox_footer{background:white;border-top:1px solid #DDD;box-shadow:0 0 2px #ddd;z-index:9999999999999}
.chatbox::-webkit-scrollbar{display:none}
#divcolor,#divsmilies,#help-button,.format-message + label{transition:.2s;position:relative;right:360px;font-size:15px;padding:3px 4px;width:19px!important;line-height:22px!Important;border:1px solid #DDD!Important;height:20px!important;top:-2px;color:#333!important;background:white!Important}
.format-message:checked + label:hover{box-shadow:inset 0 2px 4px #2C789D,0 1px 2px rgba(67,166,223,0)!Important}
.format-message:checked + label{background:#39c!Important;color:white!Important;box-shadow:inset 0 2px 4px #2C789D,0 1px 2px rgba(67,166,223,0)!important;border:1px solid #39c!Important}
#divcolor:hover,#help-button:hover,.format-message + label:hover{background:#43A6DF!important;color:white!important;border-color:#43a6df!important;box-shadow:none!important}
#submit_button{display:inline-block!important;text-indent:-9999px;margin:5px 0!important;width:26px!important;height:26px!important;background:url(//i68.servimg.com/u/f68/19/38/83/61/upper110.png) center center no-repeat #2196f3!important;color:#fff!important;border:0!important;box-shadow:none!important;position:relative;top:-7px;margin-top:7px!Important}
input#submit_button:hover{opacity:.8;cursor:pointer}
input#message{position:relative;top:-7px;border-radius:4px;height:26px!important;background:white;box-sizing:border-box!important;border:1px solid #e7e7e7;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;margin-right:10px}
div#divcolor,div#divsmilies{display:none}
h4.member-title.online,#chatbox_members .member-title{text-align:center;background:#f5f5f5!important;padding:5px;border-radius:3px;font-size:14px!Important;font-weight:bold;text-transform:uppercase;margin:5px 0;color:grey!important}
#chatbox .msg span[style="color:#000000"]{-webkit-font-smoothing:antialiased;font:300 13.5px/1.42857em Roboto,arial,sans-serif;padding-right:10px}

#gfooter {
    background-color: #F1F4F9;
    color: #fff;
    font-size: .8em;
    margin: 8px 0;
    padding: .5em;
    text-align: right;
}

#gfooter .footer-links {
    display: none !important;
}



/* View */
.post {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
}
.post-footer{display:inline}
.postprofile {
    float: left;
    margin-left: -18em;
    width: 13em!important;
}
.post-entry {
    margin-left: -5em;padding-top:10px;
}
.post .post-header {
    display: none !important;
}





#fa_toolbar {
    width: 80%;    margin: 0 auto;margin-top: -30px;
}
#fa_toolbar #fa_icon {
    display: inline-block !important;
    visibility: visible !important;
    background-repeat: no-repeat;
    background-image: url('http://i56.servimg.com/u/f56/18/59/49/93/home10.png')!important;
    background-size: 25px!important;
    width: 25px!important;
    height: 25px!important;
}

#fa_search #fa_textarea {
      display: none !important;
    text-indent: 30px !important;
    width: 230px;
    height: 23px;
    padding: 0px;
    border: 0px;
    margin-top: 3px!important;    border-radius: 0px!important;

}

#fa_share {

    display: none !important;
}

#fa_toolbar_hidden #fa_show {
    display: none !important;
}

#fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show {
    display: none !important;
}

#fa_toolbar_hidden {
    display: none !important;
}


table.ipbtable td {
    padding: 10px;  padding-left: 5px; padding-right: 5px;
    vertical-align: top;border-bottom: 1px solid #e4e4e4;
}

table.ipbtable td.last-box {
    font-size: 11.5px;
}

.icon-box {
    font-style: italic;
    font-size: 12px;
    color: #666;
}


body {
    background1: #F1F4F9;
    background: #f5f7f8;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    padding: 0;line-height: 1.42857143;
}

a:link,a:active,a:visited {
    text-decoration: none;
    }
a:hover{
  text-decoration: none !important;
    }

#ipbwrapper {
    margin: 0 auto;
    width: 80%;
}


#pun-intro {
background: #2E3133;
padding-top: 10px;padding-bottom: 10px;
border-top: 0px solid #598f5b;
border-bottom: 0px solid #db7a25;
}

#pun-intro1 {
width: 80%;
margin: 0 auto;
}

div#logostrip img{
width: 250px;
height:65px;
margin-left:-15px;
}

div#logostrip{
 float:left;
}

.headright {
margin-top:20px;
}





.textlogo a{
font-size: 15px;
font-weight: bold;
 color: #f4f4f4;
    text-shadow: 1px 1px 1px #000000;

}





.footer {
height:130px;
background:#2E3133;
border-top:5px solid #2e3539;
}


.footer1 {
margin: 0 auto!important;
width: 80%!important;
}


.footer-right {
float:right;
width: 49%;
padding-top:20px;
}



.footer-left {
float:left;
width: 49%;
font-size: 15px;
color: #f0f0f0!important;
padding-top:20px;
}

.text-link a{
color: #f0f0f0!important;
font-size: 13px;
text-align:right;
}

.text-link {
margin-bottom:10px;
text-align:right;color: #f0f0f0;
}


.menufoo1 {
font-size: 13px;
color: #f0f0f0!important;
padding-top:15px;
}

.cat-footer1 {
color: #f0f0f0!important;
float:left;
margin-bottom:10px;
font-family: Segoe Print;
background: #ffffff;
font-size: 17px;
padding:10px;
border-radius: 5px!important;
}

.cat-footer2 {
color: #f0f0f0!important;
float:right;
margin-bottom:10px;
font-family: Segoe Print;
background: #ffffff;
font-size: 17px;
padding:10px;
border-radius: 5px!important;
}
/* Dropdown Button */


.dropbtn {
    color: #707070;
    padding: 0px;
    font-size: 13px;
    border: none;
    cursor: pointer;font-weight: bold;
}

/* The container  - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;margin-top:-20px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 150px;
    border: 1px solid #e4e4e4;
    margin-top:5px; margin-left:-10px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding:10px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #106FA6;color: #f9f9f9;}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


.tileforum {
  font-family: 'Lobster', cursive;
  font-size: 20px;
  padding-left:10px;
  color: #598f5b;
}


.Login-Box {
float: right;background: #;
margin-top: -35px!important;
padding:10px;padding-right:0px!important;
}

.Login-Box ul {
list-style: none;
padding: 0;
margin: 0;
}

.Login-Box li {
float: left;
margin: 0;
padding: 0 3px;margin-bottom:5px!important;
}


.Login-Box a:hover {
color: #141414;background:#fff;
}


.loginLeft {
margin-top:5px!important;
float: right!important;
}
.notreg {
border-left: 0px solid #dddddd;
padding-left: 10px;
}

.input-login-thanhkent {
background:#FFF;
border: 0;
color: #333333;
padding: 0 5px;
font-size: 9pt;
width: 90px;
height: 20px;
line-height: 20px;
border: 1px solid #dddddd;
margin: -3px 3px 3px 3px;
border-radius: 1px;
}

.oklogin-thanhkent {
background:#106FA6;
border: 0;
color: #fff;
font-size: 9pt!important;
width1: 80px!important;
height: 22px!important;
line-height: 20px;
border: 0px solid #181818;
margin: 3px!important;margin-top: -3px!important;
border-radius: 3px;
font-weight:bold;
padding-top:1px!important;
}

.regfm {
  background-color: #3AAA00;
  font-size: 11px!important;color: #fff!important;text-shadow: 0px 0px 0px #000000!important;
font-weight: bold;padding:11px;padding-left:10px;padding-right:10px;border-radius:3px;
}



.rememberMe {color:#fff;}

div.sceditor-group {
border-radius: 0px!important;
background: #f0f0f0!important;
border: 1px outset #DDD!important;
display: inline-block;
margin: 1px 5px 1px 0;
padding: 1px;
}



.menunav1{    
  background: #ffffff;border-bottom: 1px solid #dbdbdb;
  background1: #106FA6;margin-top:0px;
  
}

.menunav{
    height: 35px;
    z-index: 12 !important;
    color: #fff !important;
width: 80%; margin:0 auto;border-radius: 0px 0px 0px 0px;
    padding-left:0px;
}
.menunav ul{display:block;height:30px;margin:0 auto;padding:0px 0 0;position:relative;z-index:14}
.menunav ul li{display:inline;height:30px;margin:0;text-align:left;}
.menunav ul li a{font-size: 12px;font-weight:bold;color:   rgb(113, 113, 113)!important;display:block;float:left;height:30px;padding:10px 10px 0;text-align:center;z-index:10}
.menunav span{display:block;height:23px!important;position:absolute;right:0;top:4px;width:95px}
.menunav span a,.menunav span a:hover{color: #fff !important;height:23px!important;padding:0!important}

.menunav ul li a:hover,.menunav ul li .active{border-bottom: 5px solid #246FAF!important;margin-top:0px;color:#000;display:block;height:20px;padding-top:10px;text-align:center;z-index:10}
.menunav ul a.ico_home,.menunav ul a.ico_home:hover{background-position:left -3183px;border-right:0px solid #fff;color:#EFEFEF;display:block;height:18px;margin:5px 3px 0 0;padding:5px 0 0!important;width:32px}


/*LATESTTOPIC*/
.Latest{color:#333;background-color:#fff;margin:auto auto 13px;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;-khtml-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;-khtml-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;-khtml-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;-khtml-border-bottom-left-radius:3px;border-bottom-left-radius:3px;font:13px/18px 'Roboto Condensed',sans-serif;height:100%}
.Latest.lasttab .usertabs{height:30px;padding:5px 0;border-bottom:1px solid #eff2f7;display:block;margin:auto 10px!important}
.Latest.lasttab ul.lastnavtab,.Latest.lasttab ul.lastnavtab2{height:30px}
.Latest.lasttab ul.lastnavtab > li,.Latest.lasttab ul.lastnavtab2 > li{border-bottom:none;float:left;position:relative;font-size:1.11em;margin:auto;border:0 solid #DDD;list-style-type:none;height:30px}
.Latest ul.lastnavtab > li.selected,.Latest ul.lastnavtab2 > li.selected{color:#000;background-color:#eff2f7}
.Latest.lasttab ul.lastnavtab > li.selected,.Latest.lasttab ul.lastnavtab2 > li.selected{height:30px}
.Latest ul.lastnavtab > li a,.Latest ul.lastnavtab2 > li a{font-size:14px;font-family:'Roboto',sans-serif;color:#246faf;text-decoration:none;margin:0;outline:none;display:block;line-height:30px;padding:0 15px;text-align:left}
.Latest.lasttab ul.lastnavtab > li a,.Latest.lasttab ul.lastnavtab2 > li a{cursor:pointer;line-height:30px;padding:0 15px}
.Latest .Lastcontent{padding:10px}
.Latest .Lastcontent ol.Lastcontentlist{counter-reset:numlist}
.Latest .Lastcontent ol.Lastcontentlist li{padding:0;border-top:1px solid #eff2f7;float:left;width:100%}
.Latest .Lastcontent ol.Lastcontentlist li:first-child{border-top:1px none black}
.Latest .itemContent{padding:4px 0;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;display:table;table-layout:fixed;word-wrap:normal;width:100%}
.Latest .itemContent:hover{background-color:#eff2f7;padding-right:6px;padding-left:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-decoration:underline!important}
.Latest .itemContent .listBlock{display:table-cell;vertical-align:middle}
.Latest .itemContent .itemTitle{width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}
.Latest .itemContent .itemDetail{width:150px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Latest .itemContent .itemDetail,.BRMSContainer .itemContent .itemDetail a{color:#38445f;font-size:14px;text-align:right}
.Latest .itemContent .itemDetailName{text-align:right}
.Latest.lasttab{position:relative;width:100%;float:right}
.Latest.lasttab2{position:absolute;margin-left:-325px;top:0;width:37%}
.Latest.lasttab2 .itemContent .itemDetail{width:40px}
.after_view::after{content:" Views"}
.after_rep::after{content:" Replies"}

/* Side bar */
.sidebar{padding:10px;background:#fff;margin-bottom:13px;text-align:center;border-radius:3px 3px 0 0}
#SignupButton{font-size:18px;color:#FFF;background-color:#246FAF;border-radius:3px;display:block;text-shadow:0 0 0 transparent,0 0 3px rgba(0,0,0,0.5);font-weight:700;padding:10px}
#LogButton{font-size:18px;color:#FFF;background-color:#246FAF;border-radius:3px;display:block;text-shadow:0 0 0 transparent,0 0 3px rgba(0,0,0,0.5);font-weight:700;padding:10px;margin-top:10px}
#SignupButton:hover,#LogButton:hover{background-color:#0F61A1}
.sidebar h3{font-size:14px;color:#38445F;background-color:#FFF;padding:8px 10px;margin:-10px -10px 10px;border-bottom:1px solid #F1F4F9;border-radius:3px 3px 0 0;text-transform:uppercase}
.thin{border-bottom:0;border-top:0}
.Tinhte_XenTag_TagCloud{zoom:1}
.Tinhte_XenTag_TagCloud:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag{background:#0F61A1;color:#F1F4F9;display:inline;float:left;margin:0.2em;padding:0}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag:hover{background:#f9d9b0;color:#32A34F}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag a{color:inherit;display:block;font-size:1em;font-weight:bold;margin:0.5em;white-space:nowrap}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level1{background-color:#F1F4F9;color:#0F61A1}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level2{background-color:#D4D4D4}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level3{background-color:#6cb2e4}
.sidebar .avatar{margin-right:10px;float:left;width:auto;height:auto;border:0}
.sidebar .avatar img{width:70px;height:70px;display:block;border-radius:3px;padding:0;padding:2px;border:1px solid #246FAF}
.sidebar .username{font-size:14px}
.sidebar .stats{margin-top:10px}
.sidebar .stats .pairsJustified{line-height:normal}
.sidebar .pairsJustified dd,.sidebar .pairsJustified dt{color:#92A5B4}
.pairsJustified dt{float:left}
.sidebar .pairsJustified dd,.sidebar .pairsJustified dt{color:#92A5B4}
.pairsJustified dd{float:right;text-align:right}
dl.pairsColumns,dl.pairsJustified,.pairsColumns dl,.pairsJustified dl{overflow:hidden}

/* Icon input login */
#password,#password_reg{background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_12.jpg) no-repeat 5px center;text-indent:30px}
#username_reg,#username{background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_11.jpg) no-repeat 5px center;text-indent:30px}
#email{background:#FFF url(http://i21.servimg.com/u/f21/17/57/29/64/emaiii10.jpg) no-repeat 5px center;text-indent:30px}
/* breadcrumb for punbb - devs.forumvi.com */
#navstrip{color:#e8e8e8;font-weight:700;list-style:none;background:#fff;margin:10px 0}
#navstrip > li{float:left;color:#666;margin:0;padding:0;line-height:36px;height:36px;display:block;position:relative;background:#FFF;padding:0 5px 0 20px}
#navstrip > li.begin{background-color:#246FAF;background-image:none;background-position:center;background-repeat:no-repeat;width:47px;padding-left:4px}
#navstrip li a{font-weight:700;text-decoration:none}
#navstrip > li.begin > a{text-indent:-9999px;display:block;background:url(http://i39.servimg.com/u/f39/19/09/43/62/house411.png) no-repeat center center transparent}
#navstrip > li:before,.navstrip > li:after{content:" ";border:18px solid transparent;border-left-width:12px;border-right:0;border-left-color:#FFF;display:block;position:absolute;right:-12px;top:0;z-index:10;width:0;height:0}
#navstrip > li:after{border-left-color:#DBDBDB;right:-13px;z-index:5}
#navstrip > li.begin:before{border-left-color:#246FAF}
#navstrip > li:hover,.navstrip > li:hover a{background-color:#444;color:#FFF}
#navstrip > li:hover:before{border-left-color:#444}
/* button css */
.post-icon a,.posting-icons li a{background:#;padding:5px 4px;margin:0 0 0 6px;display:block;border-radius:2px}
.post-icon a{background: #0F61A1!important;color: #fff}
.post-icon a:hover {
    background: #444 !important;
}
.posting-icons a[title="Thank you"]{background:#ff007e;color:#fff}
.zzPoll > h3 a:before,div.errorwrap p:before,div.infowrap p:before,.posting-icons a:before,.post-icon a:before,.contract:before,.expand:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}


.expand:before{content:"\f07b";font-size:22px}

.post-icon a[href*="mode=reply"]:before{content:"\f112"}
.post-icon a[href*="mode=reply"]:after{content:" Trả lời bài viết"}
.post-icon a[href*="mode=newtopic"]:before,.post-icon > a[href^="/privmsg?mode=post"]:before{content:"\f067"}
.post-icon a[href*="mode=newtopic"]:after{content:" Tạo chủ đề mới"}
.post-icon a[href^="/privmsg?mode=reply"]:after{content:" Trả lời tin nhắn"}
.post-icon a[href^="/privmsg?mode=post"]:after{content:" Viết tin nhắn mới"}
.posting-icons a[href*="mode=quote"]:before{content:"\f10d"}
.posting-icons a[href*="mode=quote"]:after{content:" Trích dẫn"}
.posting-icons a[href*="?thank="]:before{content:"\f164"}
.posting-icons a[href*="?thank="]:after{content:" Cảm ơn"}
.posting-icons a[href*="mode=editpost"]:before{content:"\f044"}
.posting-icons a[href*="mode=editpost"]:after{content:" Sửa"}
.zzPoll > h3 a:before,.posting-icons a[href*="mode=delete"]:before{content:"\f00d"}
.posting-icons a[href*="mode=delete"]:after{content:" Xóa"}
.posting-icons a[href*="mode=report"]:before{content:"\f024"}
.posting-icons a[href*="mode=report"]:after{content:" Report"}
.posting-icons a[href^="/report?mode=lock"]:before{content:"\f11d"}
.posting-icons a[href^="/report?mode=lock"]:after{content:" Lock report"}
.posting-icons a[href*="mode=ip"]:before{content:"\f041"}
.posting-icons a[href*="mode=ip"]:after{content:" Xem Ip"}

.posting-options .posting-buttons {
    margin-bottom: 0.5em;
    margin-top: 8px;
}



/* Quote - Spoiler - Hide - Code */
blockquote cite,.codebox dt{font-size:13px;padding:8px;border-bottom:2px solid #FFF;background-color:#F1F4F9;background-image:none}
blockquote,.codebox dd{background-color:#F1F4F9;border:0 none;margin:0}
dl.codebox{max-width:1000px;margin:0}
.spoiler dt{cursor:pointer;padding:8px;border-bottom:2px solid #FFF;background-color:#F1F4F9;background-image:none;font-size:13px}
.spoiler{border:0 none;margin:0}
/* Post */
div.sceditor-toolbar{background:#F1F4F9 !important;border-radius:0!important;text-align:center;border-bottom:1px solid #ddd!important}
div.sceditor-group{background:0!important;border-bottom:0!important;margin:0!important}
.qreply{background-color:0;border:0;margin:0 auto 1em;padding:0;background:0}
/* Số trang */
div.pagination a.goto{padding:7px 15px 7px 6px;display:inline-block;background-color:transparent;border-radius:3px}
div.pagination a{padding:7px 10px;background-color:transparent;border-radius:3px;color:#1062A1}
div.pagination b{padding:7px 10px;background-color:#F1F4F9!important;border-radius:3px;color:#1062A1}
div.pagination{color:#fff;background:#fff;}
div.pagination a.goto:hover,div.pagination a:hover{background-color:#F1F4F9!important}

/* 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{float:left;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:#2a76c7;border:1px solid #2a76c7;color:#fff!important;font-family:sans-serif;border-radius:2px;display:inline-block;padding:2px 13px;margin-right:3px;}
.vote-plus:hover{border-color:#6A9AD6}
  .vote-plus[href="javascript:;"]{color:#666!important;background-color:#f6f6f6;cursor:no-drop;border-color:#ccc}
.vote-time{position:relative;border-radius:0px;display:inline-block;border:1px solid #e4e4e4;margin:auto 5px;padding:3px;padding-left:5px;padding-right: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:6px}
.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:7px}
.vote-minus{margin-left:20px;color:#666!important}
.vote-minus:hover{color:red!important}
.vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}

/* Button icon */
input[type="button"],input.button,a.button,input.button1,input[type="submit"],input[type="reset"]{border-radius:3px;background:#0F61A1;padding:5px 14px;font-size:1em;border:0 none!important;color:#FFF!important}
input[type="button"]:hover,input.button:hover,a.button:hover,input.button1:hover,input[type="submit"]:hover{background-color:#444!important}
a.button,#find_user,select[name="g"] + input,#use,#jqmHide,#friend + input,#foe + input,#find_friend,select[name="avatarcategory"] + input,select[name="active_time"] + input,select[name="msgdays"] + input,input[type="reset"],input[type="submit"],form[name="searchform"] .button{padding:5px 10px 5px 30px;background-repeat:no-repeat;background-position:10px center!important}
#find_user,#find_friend,form[action="/search"] input[type="submit"],input[type="submit"][name="search"],form[name="searchform"] .button{background-image:url(http://i39.servimg.com/u/f39/14/67/90/38/search10.png)}
input[type="reset"],input[type="submit"][name="refresh"],input[type="submit"][name="groupstatus"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/refres10.png)}
a.button[href="/"],input[type="submit"][name="valid"],#jqmHide,input[type="submit"][name="remove"],input[type="submit"][name="cancelavatar"],input[type="submit"][name="cancel"],input[type="submit"][name="delete"],input[type="submit"][name="deleteall"],input[type="submit"][name="delete_all"]{background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/icon_e10.png)}
input[type="submit"][name="prevent_modif"],input[type="submit"][name="preview"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/previe10.png)}
input[type="submit"][name="draft"],input[type="submit"][name="save"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/save10.png)}
a.button[href="/register?agreed=true&step=2"],input[type="submit"][name="prevent_post"],input[type="submit"][name="split_type_beyond"],input[type="submit"][name="split_type_all"],input[type="submit"][name="submitavatar"],input[type="submit"][name="post"],input[type="submit"][name="confirm"],input[type="submit"][name="publish"],input[type="submit"][name="submit"],input[type="submit"][name="login"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/send10.png)}
select[name="g"] + input,select[name="fid"] + input[type="submit"][name="go"],input[type="submit"][name="moveprofile"],select[name="active_time"] + input,select[name="msgdays"] + input,select[name="avatarcategory"] + input[type="submit"]{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085610.png)}
input[type="submit"][name="add"],#friend + input,#foe + input{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085611.png)}
input[type="submit"][name="go"],input[type="submit"][name="select_to"],#use{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085612.png)}
input[type="submit"][name="avatargallery"]{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085613.png)}
.noIcon input.button[type="submit"]{padding-left:10px;background-image:none}
input.button2{margin:0}
.pun .frm .frm-buttons input,.button,.button1{padding:5px 10px 5px 30px!important}


table.ipbtable span.status {
    margin-top: 3px;
}

.lastpost-avatar img {
    border-radius: 50%;
    height: 35px;
    width: 35px;margin-right:3px;    border: 1px solid #F1F4F9;
}
.avabox img {
    border-radius: 50%;
    height: 40px!important;
    width: 40px!important;margin-right:3px;    border: 1px solid #F1F4F9;
}
div.maintitle{color:#FFF;font-weight:500;background-color:#246FAF;padding:10px;border-top-left-radius:0px;border-top-right-radius:0px;min-height:6px}
.row1,.row2{background:#fff !important;border-bottom:1px solid #e4e4e4!important;vertical-align:middle !important}
table.ipbtable td.icon{width:73%;}
.forum-desc{display:none}
.stat4r{color:#888;font-size:12px;padding-right:10px}
span.stat4r > br:nth-child(3){display:none}
span.stat4r > strong{float:left;margin-right:5px}
div.maintitle .contract,div.maintitle .expand{background:0;margin-right:13px;margin-top:-3px}
.PanelScroller .scrollContainer,.PanelScrollerOff .panel{background-color:#FFF;padding:3px;margin-bottom:10px;border-radius:3px;font-size:13pt}
.PanelScroller .PanelContainer{position:relative;clear:both;width:100%;overflow:auto}
.hasJs .PanelScroller .Panels{position:absolute}
.PanelScroller .Panels{clear:both;margin:0;padding:0}
.PanelScroller .panel,.PanelScrollerOff .panel{overflow:hidden;position:relative;padding:0 !important;background:#F1F4F9 url("http://i68.servimg.com/u/f68/17/57/29/64/catego10.png") repeat-x scroll center top}
.PanelScroller .panel .noticeContent,.PanelScrollerOff .panel .noticeContent{padding:10px;color:#ED1B24}
.DismissParent .DismissCtrl{position:absolute;top:12px;right:5px;display:block;background:transparent url("http://i68.servimg.com/u/f68/17/57/29/64/xenfor10.png") no-repeat scroll -80px 0;color:#FFF;width:15px;height:15px;line-height:15px;text-align:center;opacity:0.4;transition:opacity 0.3s ease-in-out 0s;font-size:10px;overflow:hidden;white-space:nowrap;text-indent:20000em;cursor:pointer}




div.errorwrap h4, div.infowrap h4 {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    color: #454545;
    font-size: 12px;
    font-weight: 700;
    padding: 5px;
}
div.errorwrap, div.infowrap {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    margin: 0 5px 5px;
}

.ipbform fieldset {
    border: 1px solid #e4e4e4;
    margin: .5em;
    padding: 0 1em 1em;
}
.box-content {
    background-color: #fff;
    border-bottom: 0px solid #2a76c7;
}


không down đc file đính kèm

avatar
arber
Thành Viên
Bài Viết : 18
on 26.08.17 1:56
arber - Thành Viên
@Admin đã viết:
Hôm nay đẹp trời Share cái skin cho anh em dùng phiên bản Invision nhé


Giao Diện : Zone-FM Xanh Dương
Tác Giả : Thànhkent
Phiên Bản : Invision

Demo





Các bạn Download File đính kèm về để Import skin nhé .

Rồi chèn các Code sau vào


CSS

Code:

#new-message-link,#profile-advanced-add br,#profile-advanced-right .module,.message-footer,.new-message.bottom {
  display:none;
}

#profile-advanced-add + .module,
#profile-advanced-right .module:first-child {
  border:0;
  display:block;
  height:240px;
  margin:0;
  overflow:hidden;
  position:relative;
  width:300px;
}

#profile-advanced-left {
  margin-left:300px;
  margin-right:0;
}

#profile-advanced-right {
  float:left;
  height:240px;
  overflow:hidden;
  position:relative;
  width:300px;
}

#profile-advanced-layout {
  background:#0F61A1;
  float:right;
  margin-bottom:30px;
  margin-left:-304px;
  margin-right:0;
  position:relative;
}

#profile-advanced-layout #new-message {
  left:1px;
  padding:0;
  position:absolute;
  top:240px;
}

#profile-advanced-layout ul.privmsg {
  min-height:220px;
  padding:0;
  width:300px;
}

#profile-advanced-layout ul.privmsg li {
  background:#FFF;
  color:inherit;
  display:block;
  float:none;
  height:44px;
  line-height:44px;
  width:300px;
}

#profile-advanced-layout ul.privmsg li div.tabitem {
  padding:0 20px;
}

#profile-advanced-layout ul.privmsg li a {
  background:#246FAF;
  color:#FFF;
  margin:0 -19px 0 -20px;
  padding:0 20px;
}

#profile-advanced-add + .module .box-content.profile,
#profile-advanced-right .module:first-child .box-content.profile {
  background:#0F61A1;
  font-family:a;
  font-size:0;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  height:210px;
  line-height:0;
}

#profile-advanced-details,
#profile-advanced-details .message-footer li,
#profile-advanced-layout ul.privmsg,
.posting-options {
  margin:0;
}

#profile-advanced-add {
  -webkit-transition:top .3s;
  background:#3498db;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:-30px;
  transition:top .3s;
  width:300px;
  z-index:50;
}

#profile-advanced-add a {
  background:#2ecc71 url(http://i39.servimg.com/u/f39/18/83/32/63/14085310.png) no-repeat center center;
  display:block;
  float:left;
  height:30px;
  left:0;
  overflow:hidden;
  position:absolute;
  text-align:left;
  text-indent:-9999px;
  top:0;
  width:150px;
}

#profile-advanced-add a[href*="foe="] {
  background-color:#e74c3c;
  background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085311.png);
  left:150px;
}

#profile-advanced-add a[href*="remove="] {
  background-color:#9b59b6;
  background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085312.png);
  width:300px;
}

#profile-advanced-add a:hover {
  background-position:15px 50%;
  color:#FFF;
  left:0;
  line-height:30px;
  padding-left:50px;
  text-indent:0;
  width:300px;
  z-index:50;
}

#profile-advanced-add:after {
  clear:both !important;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}

#profile-advanced-right .box-content.profile img:first-child {
  height:156px;
  margin-bottom:8px;
  max-width:290px;
  padding:4px;
}

#profile-advanced-right .box-content.profile img {
  background:#FFF;
  padding:4px 75px;
}

#profile-advanced-right .module .maintitle {
  background:#0F61A1;
  height:30px;
  line-height:30px;
  padding:0 5px;
  text-align:center;
}

#profile-advanced-details .maintitle,
#profile-advanced-right .maintitle {
  text-shadow:0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF;
}

#profile-advanced-right:hover #profile-advanced-add {
  top:0;
}

#profile-advanced-details .maintitle {
  height:30px;
  line-height:30px;
  padding:0 10px;
}

#profile-advanced-details .box-content.profile {
  min-height:430px;
  padding:5px 15px;
}

#profile-advanced-details ol {
  padding:0;
}

#profile-advanced-details .message-block {
  border:0;
  border-left:1px solid #666;
  margin:10px 0 20px 60px;
  position:relative;
}

.message-text {
  padding:5px;
  white-space:pre-wrap;
  word-break:break-all;
  word-wrap:break-word;
}

.message-block:after,
.message-block:before {
  border-color:transparent #444 transparent transparent;
  border-style:solid;
  border-width:6px 8px 6px 0;
  content:"";
  display:block;
  height:0;
  left:-8px;
  position:absolute;
  top:8px;
  width:0;
}

.message-block:after {
  border-color:transparent #FFF transparent transparent;
  left:-6px;
}

.message-header {
  font-size:0;
  height:21px;
  line-height:13px;
}

.message-date {
  font-size:12px;
}

#profile-advanced-details .message-footer {
  background:#FFF;
  height:21px;
  padding:0;
  position:absolute;
  right:0;
  top:0;
}

#profile-advanced-details .message-footer li:after {
  content:initial;
}

#profile-advanced-details .message-footer li a {
  background:#2980b9;
  color:#FFF;
  display:inline-block;
  float:right;
  font-size:11px;
  height:20px;
  line-height:20px;
  margin-left:5px;
  margin-right:0;
  padding:0 7px;
  text-decoration:none;
}

.message-block:hover .message-footer {
  display:block;
}

.message-textarea {
  margin:0 0 0 8px;
  width:calc(100%-8px);
}

#profile-advanced-details .message-editor .message-block {
  border-left-color:red;
}

.message-editor .message-block:before {
  border-color:transparent red transparent transparent;
}

#profile-advanced-details .message-newMess .message-block {
  border-left-color:orange;
}

.message-newMess .message-block:before {
  border-color:transparent orange transparent transparent;
}

#profile-advanced-details dl {
  padding:0;
  width:100%;
}

th.select-items {
  width:7%;
}

.posting-options + ul.privmsg {
  float:none;
  margin:5px 0 20px;
}

.posting-options + ul.privmsg li {
  height:100px;
  line-height:100px;
  margin:0;
  text-align:center;
  width:25%;
}

.posting-options + ul.privmsg li a {
  color:#FFF;
  display:block;
  height:100px;
  margin:-20px 0 0;
  padding:20px 0 0;
}

.posting-options + ul.privmsg li div.tabitem {
  background:url(http://i83.servimg.com/u/f83/16/58/89/73/read_m10.png) no-repeat center 20px #FFF;
  color:#444;
  height:100px;
  padding:20px 0 0;
}

.posting-options + ul.privmsg li:nth-child(2) div.tabitem {
  background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/reply10.png);
}

.posting-options + ul.privmsg li:nth-child(3) div.tabitem {
  background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/new_po10.png);
}

.posting-options + ul.privmsg li:nth-child(4) div.tabitem {
  background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/save_a10.png);
}

.posting-options + ul.privmsg li div.tabitem a {
  background:url(http://i39.servimg.com/u/f39/18/59/49/93/read_m10.png) no-repeat center 20px #0F61A1;
}

.posting-options + ul.privmsg li:nth-child(2) div.tabitem a {
  background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/reply110.png);
}

.posting-options + ul.privmsg li:nth-child(3) div.tabitem a {
  background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/new_po10.png);
}

.posting-options + ul.privmsg li:nth-child(4) div.tabitem a {
  background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/save_a10.png);
}

#profile-advanced-details .message-footer li a:hover,
#profile-advanced-layout ul.privmsg li a:hover,
.posting-options + ul.privmsg li div.tabitem a:hover {
  background-color:#444 !important;
}


span.icon-box img {
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 0px;
    margin-left: -45px;
    margin-top: -23px;
    position: absolute;
}

.infolastpost {
  margin-top:3px!Important;
    font-size: 11px;
    color: #888;
}
.infopost {
    font-size: 12px;
    color: #888;
}



#new-message-link {
  margin-top:40px;
  float:right;
  margin-right:15px;
}

#new-message-link a {
  display:inline-block;
}

#new-message-link a:before {
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -moz-osx-font-smoothing:grayscale;
  content:"\f067";
}

#new-message-link a:after {
  content:"Viết Lên Tường";
  margin-left:3px;
}
#new-message-link a, #simple-wrap .center a, .btn, .button, .privmsg-footer a, .privmsg-options a, .zzPoll h3>a, [type=button], [type=submit], a[href="javascript:window.close();"] {
    padding: 6px 8px;
    margin: 2px 0;
    border-radius: 2px;
    display: inline-block;
    border: 1px solid transparent;
    background-color: #2196f3;
    color: #fff;
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
}

/*CHat*/
#chatbox{bottom:30px;left:211px!Important;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}
#chatbox .msg>span[style="color:green"],#chatbox .msg>span[style="color:red"],#chatbox .msg>span[style="color:undefined"]{display:block;color:#fff!important;text-align:left;margin:-8px -4px!Important;padding:8px 16px!important;font-size:12px}
#chatbox .msg>span[style="color:undefined"]{background:rgba(231,119,0,0.51);text-align:center;color:rgb(238,16,16)!important;font-weight:bold;line-height:15px;text-shadow:0 0 1px rgba(255,255,255,0.54),0 0 18px rgba(255,255,255,0.54);border:2px dashed #DB360D;font-size:15px;margin-bottom:-5.5px!important}
#chatbox .msg>span[style="color:undefined"]:before{content:url(https://cdn2.iconfinder.com/data/icons/designer-tools/512/ERASER-2-24.png);position:absolute;top:2px;margin-top:0;margin-left:-34px;border:2px solid;border-radius:100px}
#chatbox .cb-avatar{background:none repeat scroll 0 0 #fff;border:1px solid #d5d5d5!important;box-shadow:0 2px 2px rgba(0,0,0,0.1);float:left;height:35px!Important;margin-right:4px;padding:1px;vertical-align:middle;width:35px!Important;border-radius:100%}
#chatbox .cb-avatar > img{border-radius:100px;height:35px!important;width:35px!important}
#chatbox .chatbox-message-username{font-size:11px}
#chatbox .user{color:#9c9b9b!important;font-size:0;position:relative;top:3px}
div#chatbox_members{width:200px;border-right:1px solid #e7e7e7;padding:0 5px;background:#fff;z-index:2;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#chatbox_header{position:absolute;height:50px;left:0;top:0;right:0;line-height:20px;padding:0 5px;background:rgba(255,255,255,0.26);color:transparent;margin-top:-2px}
#chatbox_option_co,#chatbox_option_disco,#chatbox_option_with_archives a,#chatbox_option_without_archives a,.chat-title{display:inline-block;text-indent:-9999px;margin:-5px 0;width:30px;height:30px;background:url(//i68.servimg.com/u/f68/19/38/83/61/chat6110.png) center center no-repeat #e7e7e7;border-radius:3px}
#chatbox_option_with_archives a{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/archiv10.png);line-height:49px}
#chatbox_option_without_archives a{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/three110.png);line-height:49px}
#chatbox_option_co{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/power110.png);line-height:41px}
#chatbox_option_disco{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/out10.png);line-height:41px}
#chatbox .msg>span[style="color:green"]{background:#33CC47;text-align:center}
#chatbox .msg>span[style="color:red"]{background:#39c;text-align:center}
span#chatbox_option_without_archives,span#chatbox_option_with_archives{font-size:0}
#chatbox .date-and-time{background:rgb(242,242,242);padding:3px 4px;border-radius:2px;color:#979ba0;font-size:11px;border:1px solid #c4c4c4;box-shadow:0 0 1px #DDD;opacity:0;transition:.2s}
#chatbox>p:hover .date-and-time{opacity:1}
#chatbox{background:white}
#chatbox > p{background:white;border:none!Important;margin:0}
div#chatbox_footer{background:white;border-top:1px solid #DDD;box-shadow:0 0 2px #ddd;z-index:9999999999999}
.chatbox::-webkit-scrollbar{display:none}
#divcolor,#divsmilies,#help-button,.format-message + label{transition:.2s;position:relative;right:360px;font-size:15px;padding:3px 4px;width:19px!important;line-height:22px!Important;border:1px solid #DDD!Important;height:20px!important;top:-2px;color:#333!important;background:white!Important}
.format-message:checked + label:hover{box-shadow:inset 0 2px 4px #2C789D,0 1px 2px rgba(67,166,223,0)!Important}
.format-message:checked + label{background:#39c!Important;color:white!Important;box-shadow:inset 0 2px 4px #2C789D,0 1px 2px rgba(67,166,223,0)!important;border:1px solid #39c!Important}
#divcolor:hover,#help-button:hover,.format-message + label:hover{background:#43A6DF!important;color:white!important;border-color:#43a6df!important;box-shadow:none!important}
#submit_button{display:inline-block!important;text-indent:-9999px;margin:5px 0!important;width:26px!important;height:26px!important;background:url(//i68.servimg.com/u/f68/19/38/83/61/upper110.png) center center no-repeat #2196f3!important;color:#fff!important;border:0!important;box-shadow:none!important;position:relative;top:-7px;margin-top:7px!Important}
input#submit_button:hover{opacity:.8;cursor:pointer}
input#message{position:relative;top:-7px;border-radius:4px;height:26px!important;background:white;box-sizing:border-box!important;border:1px solid #e7e7e7;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;margin-right:10px}
div#divcolor,div#divsmilies{display:none}
h4.member-title.online,#chatbox_members .member-title{text-align:center;background:#f5f5f5!important;padding:5px;border-radius:3px;font-size:14px!Important;font-weight:bold;text-transform:uppercase;margin:5px 0;color:grey!important}
#chatbox .msg span[style="color:#000000"]{-webkit-font-smoothing:antialiased;font:300 13.5px/1.42857em Roboto,arial,sans-serif;padding-right:10px}

#gfooter {
    background-color: #F1F4F9;
    color: #fff;
    font-size: .8em;
    margin: 8px 0;
    padding: .5em;
    text-align: right;
}

#gfooter .footer-links {
    display: none !important;
}



/* View */
.post {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
}
.post-footer{display:inline}
.postprofile {
    float: left;
    margin-left: -18em;
    width: 13em!important;
}
.post-entry {
    margin-left: -5em;padding-top:10px;
}
.post .post-header {
    display: none !important;
}





#fa_toolbar {
    width: 80%;    margin: 0 auto;margin-top: -30px;
}
#fa_toolbar #fa_icon {
    display: inline-block !important;
    visibility: visible !important;
    background-repeat: no-repeat;
    background-image: url('http://i56.servimg.com/u/f56/18/59/49/93/home10.png')!important;
    background-size: 25px!important;
    width: 25px!important;
    height: 25px!important;
}

#fa_search #fa_textarea {
      display: none !important;
    text-indent: 30px !important;
    width: 230px;
    height: 23px;
    padding: 0px;
    border: 0px;
    margin-top: 3px!important;    border-radius: 0px!important;

}

#fa_share {

    display: none !important;
}

#fa_toolbar_hidden #fa_show {
    display: none !important;
}

#fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show {
    display: none !important;
}

#fa_toolbar_hidden {
    display: none !important;
}


table.ipbtable td {
    padding: 10px;  padding-left: 5px; padding-right: 5px;
    vertical-align: top;border-bottom: 1px solid #e4e4e4;
}

table.ipbtable td.last-box {
    font-size: 11.5px;
}

.icon-box {
    font-style: italic;
    font-size: 12px;
    color: #666;
}


body {
    background1: #F1F4F9;
    background: #f5f7f8;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    padding: 0;line-height: 1.42857143;
}

a:link,a:active,a:visited {
    text-decoration: none;
    }
a:hover{
  text-decoration: none !important;
    }

#ipbwrapper {
    margin: 0 auto;
    width: 80%;
}


#pun-intro {
background: #2E3133;
padding-top: 10px;padding-bottom: 10px;
border-top: 0px solid #598f5b;
border-bottom: 0px solid #db7a25;
}

#pun-intro1 {
width: 80%;
margin: 0 auto;
}

div#logostrip img{
width: 250px;
height:65px;
margin-left:-15px;
}

div#logostrip{
 float:left;
}

.headright {
margin-top:20px;
}





.textlogo a{
font-size: 15px;
font-weight: bold;
 color: #f4f4f4;
    text-shadow: 1px 1px 1px #000000;

}





.footer {
height:130px;
background:#2E3133;
border-top:5px solid #2e3539;
}


.footer1 {
margin: 0 auto!important;
width: 80%!important;
}


.footer-right {
float:right;
width: 49%;
padding-top:20px;
}



.footer-left {
float:left;
width: 49%;
font-size: 15px;
color: #f0f0f0!important;
padding-top:20px;
}

.text-link a{
color: #f0f0f0!important;
font-size: 13px;
text-align:right;
}

.text-link {
margin-bottom:10px;
text-align:right;color: #f0f0f0;
}


.menufoo1 {
font-size: 13px;
color: #f0f0f0!important;
padding-top:15px;
}

.cat-footer1 {
color: #f0f0f0!important;
float:left;
margin-bottom:10px;
font-family: Segoe Print;
background: #ffffff;
font-size: 17px;
padding:10px;
border-radius: 5px!important;
}

.cat-footer2 {
color: #f0f0f0!important;
float:right;
margin-bottom:10px;
font-family: Segoe Print;
background: #ffffff;
font-size: 17px;
padding:10px;
border-radius: 5px!important;
}
/* Dropdown Button */


.dropbtn {
    color: #707070;
    padding: 0px;
    font-size: 13px;
    border: none;
    cursor: pointer;font-weight: bold;
}

/* The container  - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;margin-top:-20px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 150px;
    border: 1px solid #e4e4e4;
    margin-top:5px; margin-left:-10px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding:10px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #106FA6;color: #f9f9f9;}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


.tileforum {
  font-family: 'Lobster', cursive;
  font-size: 20px;
  padding-left:10px;
  color: #598f5b;
}


.Login-Box {
float: right;background: #;
margin-top: -35px!important;
padding:10px;padding-right:0px!important;
}

.Login-Box ul {
list-style: none;
padding: 0;
margin: 0;
}

.Login-Box li {
float: left;
margin: 0;
padding: 0 3px;margin-bottom:5px!important;
}


.Login-Box a:hover {
color: #141414;background:#fff;
}


.loginLeft {
margin-top:5px!important;
float: right!important;
}
.notreg {
border-left: 0px solid #dddddd;
padding-left: 10px;
}

.input-login-thanhkent {
background:#FFF;
border: 0;
color: #333333;
padding: 0 5px;
font-size: 9pt;
width: 90px;
height: 20px;
line-height: 20px;
border: 1px solid #dddddd;
margin: -3px 3px 3px 3px;
border-radius: 1px;
}

.oklogin-thanhkent {
background:#106FA6;
border: 0;
color: #fff;
font-size: 9pt!important;
width1: 80px!important;
height: 22px!important;
line-height: 20px;
border: 0px solid #181818;
margin: 3px!important;margin-top: -3px!important;
border-radius: 3px;
font-weight:bold;
padding-top:1px!important;
}

.regfm {
  background-color: #3AAA00;
  font-size: 11px!important;color: #fff!important;text-shadow: 0px 0px 0px #000000!important;
font-weight: bold;padding:11px;padding-left:10px;padding-right:10px;border-radius:3px;
}



.rememberMe {color:#fff;}

div.sceditor-group {
border-radius: 0px!important;
background: #f0f0f0!important;
border: 1px outset #DDD!important;
display: inline-block;
margin: 1px 5px 1px 0;
padding: 1px;
}



.menunav1{    
  background: #ffffff;border-bottom: 1px solid #dbdbdb;
  background1: #106FA6;margin-top:0px;
  
}

.menunav{
    height: 35px;
    z-index: 12 !important;
    color: #fff !important;
width: 80%; margin:0 auto;border-radius: 0px 0px 0px 0px;
    padding-left:0px;
}
.menunav ul{display:block;height:30px;margin:0 auto;padding:0px 0 0;position:relative;z-index:14}
.menunav ul li{display:inline;height:30px;margin:0;text-align:left;}
.menunav ul li a{font-size: 12px;font-weight:bold;color:   rgb(113, 113, 113)!important;display:block;float:left;height:30px;padding:10px 10px 0;text-align:center;z-index:10}
.menunav span{display:block;height:23px!important;position:absolute;right:0;top:4px;width:95px}
.menunav span a,.menunav span a:hover{color: #fff !important;height:23px!important;padding:0!important}

.menunav ul li a:hover,.menunav ul li .active{border-bottom: 5px solid #246FAF!important;margin-top:0px;color:#000;display:block;height:20px;padding-top:10px;text-align:center;z-index:10}
.menunav ul a.ico_home,.menunav ul a.ico_home:hover{background-position:left -3183px;border-right:0px solid #fff;color:#EFEFEF;display:block;height:18px;margin:5px 3px 0 0;padding:5px 0 0!important;width:32px}


/*LATESTTOPIC*/
.Latest{color:#333;background-color:#fff;margin:auto auto 13px;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;-khtml-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;-khtml-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;-khtml-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;-khtml-border-bottom-left-radius:3px;border-bottom-left-radius:3px;font:13px/18px 'Roboto Condensed',sans-serif;height:100%}
.Latest.lasttab .usertabs{height:30px;padding:5px 0;border-bottom:1px solid #eff2f7;display:block;margin:auto 10px!important}
.Latest.lasttab ul.lastnavtab,.Latest.lasttab ul.lastnavtab2{height:30px}
.Latest.lasttab ul.lastnavtab > li,.Latest.lasttab ul.lastnavtab2 > li{border-bottom:none;float:left;position:relative;font-size:1.11em;margin:auto;border:0 solid #DDD;list-style-type:none;height:30px}
.Latest ul.lastnavtab > li.selected,.Latest ul.lastnavtab2 > li.selected{color:#000;background-color:#eff2f7}
.Latest.lasttab ul.lastnavtab > li.selected,.Latest.lasttab ul.lastnavtab2 > li.selected{height:30px}
.Latest ul.lastnavtab > li a,.Latest ul.lastnavtab2 > li a{font-size:14px;font-family:'Roboto',sans-serif;color:#246faf;text-decoration:none;margin:0;outline:none;display:block;line-height:30px;padding:0 15px;text-align:left}
.Latest.lasttab ul.lastnavtab > li a,.Latest.lasttab ul.lastnavtab2 > li a{cursor:pointer;line-height:30px;padding:0 15px}
.Latest .Lastcontent{padding:10px}
.Latest .Lastcontent ol.Lastcontentlist{counter-reset:numlist}
.Latest .Lastcontent ol.Lastcontentlist li{padding:0;border-top:1px solid #eff2f7;float:left;width:100%}
.Latest .Lastcontent ol.Lastcontentlist li:first-child{border-top:1px none black}
.Latest .itemContent{padding:4px 0;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;display:table;table-layout:fixed;word-wrap:normal;width:100%}
.Latest .itemContent:hover{background-color:#eff2f7;padding-right:6px;padding-left:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-decoration:underline!important}
.Latest .itemContent .listBlock{display:table-cell;vertical-align:middle}
.Latest .itemContent .itemTitle{width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}
.Latest .itemContent .itemDetail{width:150px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Latest .itemContent .itemDetail,.BRMSContainer .itemContent .itemDetail a{color:#38445f;font-size:14px;text-align:right}
.Latest .itemContent .itemDetailName{text-align:right}
.Latest.lasttab{position:relative;width:100%;float:right}
.Latest.lasttab2{position:absolute;margin-left:-325px;top:0;width:37%}
.Latest.lasttab2 .itemContent .itemDetail{width:40px}
.after_view::after{content:" Views"}
.after_rep::after{content:" Replies"}

/* Side bar */
.sidebar{padding:10px;background:#fff;margin-bottom:13px;text-align:center;border-radius:3px 3px 0 0}
#SignupButton{font-size:18px;color:#FFF;background-color:#246FAF;border-radius:3px;display:block;text-shadow:0 0 0 transparent,0 0 3px rgba(0,0,0,0.5);font-weight:700;padding:10px}
#LogButton{font-size:18px;color:#FFF;background-color:#246FAF;border-radius:3px;display:block;text-shadow:0 0 0 transparent,0 0 3px rgba(0,0,0,0.5);font-weight:700;padding:10px;margin-top:10px}
#SignupButton:hover,#LogButton:hover{background-color:#0F61A1}
.sidebar h3{font-size:14px;color:#38445F;background-color:#FFF;padding:8px 10px;margin:-10px -10px 10px;border-bottom:1px solid #F1F4F9;border-radius:3px 3px 0 0;text-transform:uppercase}
.thin{border-bottom:0;border-top:0}
.Tinhte_XenTag_TagCloud{zoom:1}
.Tinhte_XenTag_TagCloud:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag{background:#0F61A1;color:#F1F4F9;display:inline;float:left;margin:0.2em;padding:0}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag:hover{background:#f9d9b0;color:#32A34F}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag a{color:inherit;display:block;font-size:1em;font-weight:bold;margin:0.5em;white-space:nowrap}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level1{background-color:#F1F4F9;color:#0F61A1}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level2{background-color:#D4D4D4}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level3{background-color:#6cb2e4}
.sidebar .avatar{margin-right:10px;float:left;width:auto;height:auto;border:0}
.sidebar .avatar img{width:70px;height:70px;display:block;border-radius:3px;padding:0;padding:2px;border:1px solid #246FAF}
.sidebar .username{font-size:14px}
.sidebar .stats{margin-top:10px}
.sidebar .stats .pairsJustified{line-height:normal}
.sidebar .pairsJustified dd,.sidebar .pairsJustified dt{color:#92A5B4}
.pairsJustified dt{float:left}
.sidebar .pairsJustified dd,.sidebar .pairsJustified dt{color:#92A5B4}
.pairsJustified dd{float:right;text-align:right}
dl.pairsColumns,dl.pairsJustified,.pairsColumns dl,.pairsJustified dl{overflow:hidden}

/* Icon input login */
#password,#password_reg{background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_12.jpg) no-repeat 5px center;text-indent:30px}
#username_reg,#username{background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_11.jpg) no-repeat 5px center;text-indent:30px}
#email{background:#FFF url(http://i21.servimg.com/u/f21/17/57/29/64/emaiii10.jpg) no-repeat 5px center;text-indent:30px}
/* breadcrumb for punbb - devs.forumvi.com */
#navstrip{color:#e8e8e8;font-weight:700;list-style:none;background:#fff;margin:10px 0}
#navstrip > li{float:left;color:#666;margin:0;padding:0;line-height:36px;height:36px;display:block;position:relative;background:#FFF;padding:0 5px 0 20px}
#navstrip > li.begin{background-color:#246FAF;background-image:none;background-position:center;background-repeat:no-repeat;width:47px;padding-left:4px}
#navstrip li a{font-weight:700;text-decoration:none}
#navstrip > li.begin > a{text-indent:-9999px;display:block;background:url(http://i39.servimg.com/u/f39/19/09/43/62/house411.png) no-repeat center center transparent}
#navstrip > li:before,.navstrip > li:after{content:" ";border:18px solid transparent;border-left-width:12px;border-right:0;border-left-color:#FFF;display:block;position:absolute;right:-12px;top:0;z-index:10;width:0;height:0}
#navstrip > li:after{border-left-color:#DBDBDB;right:-13px;z-index:5}
#navstrip > li.begin:before{border-left-color:#246FAF}
#navstrip > li:hover,.navstrip > li:hover a{background-color:#444;color:#FFF}
#navstrip > li:hover:before{border-left-color:#444}
/* button css */
.post-icon a,.posting-icons li a{background:#;padding:5px 4px;margin:0 0 0 6px;display:block;border-radius:2px}
.post-icon a{background: #0F61A1!important;color: #fff}
.post-icon a:hover {
    background: #444 !important;
}
.posting-icons a[title="Thank you"]{background:#ff007e;color:#fff}
.zzPoll > h3 a:before,div.errorwrap p:before,div.infowrap p:before,.posting-icons a:before,.post-icon a:before,.contract:before,.expand:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}


.expand:before{content:"\f07b";font-size:22px}

.post-icon a[href*="mode=reply"]:before{content:"\f112"}
.post-icon a[href*="mode=reply"]:after{content:" Trả lời bài viết"}
.post-icon a[href*="mode=newtopic"]:before,.post-icon > a[href^="/privmsg?mode=post"]:before{content:"\f067"}
.post-icon a[href*="mode=newtopic"]:after{content:" Tạo chủ đề mới"}
.post-icon a[href^="/privmsg?mode=reply"]:after{content:" Trả lời tin nhắn"}
.post-icon a[href^="/privmsg?mode=post"]:after{content:" Viết tin nhắn mới"}
.posting-icons a[href*="mode=quote"]:before{content:"\f10d"}
.posting-icons a[href*="mode=quote"]:after{content:" Trích dẫn"}
.posting-icons a[href*="?thank="]:before{content:"\f164"}
.posting-icons a[href*="?thank="]:after{content:" Cảm ơn"}
.posting-icons a[href*="mode=editpost"]:before{content:"\f044"}
.posting-icons a[href*="mode=editpost"]:after{content:" Sửa"}
.zzPoll > h3 a:before,.posting-icons a[href*="mode=delete"]:before{content:"\f00d"}
.posting-icons a[href*="mode=delete"]:after{content:" Xóa"}
.posting-icons a[href*="mode=report"]:before{content:"\f024"}
.posting-icons a[href*="mode=report"]:after{content:" Report"}
.posting-icons a[href^="/report?mode=lock"]:before{content:"\f11d"}
.posting-icons a[href^="/report?mode=lock"]:after{content:" Lock report"}
.posting-icons a[href*="mode=ip"]:before{content:"\f041"}
.posting-icons a[href*="mode=ip"]:after{content:" Xem Ip"}

.posting-options .posting-buttons {
    margin-bottom: 0.5em;
    margin-top: 8px;
}



/* Quote - Spoiler - Hide - Code */
blockquote cite,.codebox dt{font-size:13px;padding:8px;border-bottom:2px solid #FFF;background-color:#F1F4F9;background-image:none}
blockquote,.codebox dd{background-color:#F1F4F9;border:0 none;margin:0}
dl.codebox{max-width:1000px;margin:0}
.spoiler dt{cursor:pointer;padding:8px;border-bottom:2px solid #FFF;background-color:#F1F4F9;background-image:none;font-size:13px}
.spoiler{border:0 none;margin:0}
/* Post */
div.sceditor-toolbar{background:#F1F4F9 !important;border-radius:0!important;text-align:center;border-bottom:1px solid #ddd!important}
div.sceditor-group{background:0!important;border-bottom:0!important;margin:0!important}
.qreply{background-color:0;border:0;margin:0 auto 1em;padding:0;background:0}
/* Số trang */
div.pagination a.goto{padding:7px 15px 7px 6px;display:inline-block;background-color:transparent;border-radius:3px}
div.pagination a{padding:7px 10px;background-color:transparent;border-radius:3px;color:#1062A1}
div.pagination b{padding:7px 10px;background-color:#F1F4F9!important;border-radius:3px;color:#1062A1}
div.pagination{color:#fff;background:#fff;}
div.pagination a.goto:hover,div.pagination a:hover{background-color:#F1F4F9!important}

/* 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{float:left;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:#2a76c7;border:1px solid #2a76c7;color:#fff!important;font-family:sans-serif;border-radius:2px;display:inline-block;padding:2px 13px;margin-right:3px;}
.vote-plus:hover{border-color:#6A9AD6}
  .vote-plus[href="javascript:;"]{color:#666!important;background-color:#f6f6f6;cursor:no-drop;border-color:#ccc}
.vote-time{position:relative;border-radius:0px;display:inline-block;border:1px solid #e4e4e4;margin:auto 5px;padding:3px;padding-left:5px;padding-right: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:6px}
.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:7px}
.vote-minus{margin-left:20px;color:#666!important}
.vote-minus:hover{color:red!important}
.vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}

/* Button icon */
input[type="button"],input.button,a.button,input.button1,input[type="submit"],input[type="reset"]{border-radius:3px;background:#0F61A1;padding:5px 14px;font-size:1em;border:0 none!important;color:#FFF!important}
input[type="button"]:hover,input.button:hover,a.button:hover,input.button1:hover,input[type="submit"]:hover{background-color:#444!important}
a.button,#find_user,select[name="g"] + input,#use,#jqmHide,#friend + input,#foe + input,#find_friend,select[name="avatarcategory"] + input,select[name="active_time"] + input,select[name="msgdays"] + input,input[type="reset"],input[type="submit"],form[name="searchform"] .button{padding:5px 10px 5px 30px;background-repeat:no-repeat;background-position:10px center!important}
#find_user,#find_friend,form[action="/search"] input[type="submit"],input[type="submit"][name="search"],form[name="searchform"] .button{background-image:url(http://i39.servimg.com/u/f39/14/67/90/38/search10.png)}
input[type="reset"],input[type="submit"][name="refresh"],input[type="submit"][name="groupstatus"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/refres10.png)}
a.button[href="/"],input[type="submit"][name="valid"],#jqmHide,input[type="submit"][name="remove"],input[type="submit"][name="cancelavatar"],input[type="submit"][name="cancel"],input[type="submit"][name="delete"],input[type="submit"][name="deleteall"],input[type="submit"][name="delete_all"]{background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/icon_e10.png)}
input[type="submit"][name="prevent_modif"],input[type="submit"][name="preview"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/previe10.png)}
input[type="submit"][name="draft"],input[type="submit"][name="save"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/save10.png)}
a.button[href="/register?agreed=true&step=2"],input[type="submit"][name="prevent_post"],input[type="submit"][name="split_type_beyond"],input[type="submit"][name="split_type_all"],input[type="submit"][name="submitavatar"],input[type="submit"][name="post"],input[type="submit"][name="confirm"],input[type="submit"][name="publish"],input[type="submit"][name="submit"],input[type="submit"][name="login"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/send10.png)}
select[name="g"] + input,select[name="fid"] + input[type="submit"][name="go"],input[type="submit"][name="moveprofile"],select[name="active_time"] + input,select[name="msgdays"] + input,select[name="avatarcategory"] + input[type="submit"]{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085610.png)}
input[type="submit"][name="add"],#friend + input,#foe + input{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085611.png)}
input[type="submit"][name="go"],input[type="submit"][name="select_to"],#use{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085612.png)}
input[type="submit"][name="avatargallery"]{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085613.png)}
.noIcon input.button[type="submit"]{padding-left:10px;background-image:none}
input.button2{margin:0}
.pun .frm .frm-buttons input,.button,.button1{padding:5px 10px 5px 30px!important}


table.ipbtable span.status {
    margin-top: 3px;
}

.lastpost-avatar img {
    border-radius: 50%;
    height: 35px;
    width: 35px;margin-right:3px;    border: 1px solid #F1F4F9;
}
.avabox img {
    border-radius: 50%;
    height: 40px!important;
    width: 40px!important;margin-right:3px;    border: 1px solid #F1F4F9;
}
div.maintitle{color:#FFF;font-weight:500;background-color:#246FAF;padding:10px;border-top-left-radius:0px;border-top-right-radius:0px;min-height:6px}
.row1,.row2{background:#fff !important;border-bottom:1px solid #e4e4e4!important;vertical-align:middle !important}
table.ipbtable td.icon{width:73%;}
.forum-desc{display:none}
.stat4r{color:#888;font-size:12px;padding-right:10px}
span.stat4r > br:nth-child(3){display:none}
span.stat4r > strong{float:left;margin-right:5px}
div.maintitle .contract,div.maintitle .expand{background:0;margin-right:13px;margin-top:-3px}
.PanelScroller .scrollContainer,.PanelScrollerOff .panel{background-color:#FFF;padding:3px;margin-bottom:10px;border-radius:3px;font-size:13pt}
.PanelScroller .PanelContainer{position:relative;clear:both;width:100%;overflow:auto}
.hasJs .PanelScroller .Panels{position:absolute}
.PanelScroller .Panels{clear:both;margin:0;padding:0}
.PanelScroller .panel,.PanelScrollerOff .panel{overflow:hidden;position:relative;padding:0 !important;background:#F1F4F9 url("http://i68.servimg.com/u/f68/17/57/29/64/catego10.png") repeat-x scroll center top}
.PanelScroller .panel .noticeContent,.PanelScrollerOff .panel .noticeContent{padding:10px;color:#ED1B24}
.DismissParent .DismissCtrl{position:absolute;top:12px;right:5px;display:block;background:transparent url("http://i68.servimg.com/u/f68/17/57/29/64/xenfor10.png") no-repeat scroll -80px 0;color:#FFF;width:15px;height:15px;line-height:15px;text-align:center;opacity:0.4;transition:opacity 0.3s ease-in-out 0s;font-size:10px;overflow:hidden;white-space:nowrap;text-indent:20000em;cursor:pointer}




div.errorwrap h4, div.infowrap h4 {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    color: #454545;
    font-size: 12px;
    font-weight: 700;
    padding: 5px;
}
div.errorwrap, div.infowrap {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    margin: 0 5px 5px;
}

.ipbform fieldset {
    border: 1px solid #e4e4e4;
    margin: .5em;
    padding: 0 1em 1em;
}
.box-content {
    background-color: #fff;
    border-bottom: 0px solid #2a76c7;
}



Sponsored content
Sponsored content -


Hãy Đăng Nhập Để Gửi Bình Luận - Nếu Chưa Có Tài Khoản Đăng Ký - Click Tại Đây

Chuyển đến trang : Previous  1, 2


 

© 2016 Spiderum Themes Cover Forumotion By @Thànhkent