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é
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
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.
