[Thắc mắc] Xin code cho view_topic cho skin Invision Chinh Phục[✔]

[Martius Sworden]

Có bác nào có code view của skin Chinh phục thì cho em xin nhé~ Hôm trước lấy skin từ pro Hand cơ mà view thì vẫn y nguyên thuở đầu :'(

Thanks mọi người trước a~

[K.-Kun]

View của là view Invision

[Martius Sworden]

View của CPlà view Invision

Tuôi biết chớ :'( Tôi dùng sang ver Invision mà Làm theo tut của bác Hand cơ mà cái view vẫn còn thô quá >"<

[pro_qng]

Code:

::-webkit-scrollbar {width: 12px;height: 12px;}
::-webkit-scrollbar-thumb {background: #e74c2e;}::-webkit-scrollbar-thumb:active {background: #f40;}
::-webkit-scrollbar-track {background: rgba(0,0,0,0.1);}
#ipbwrapper {min-width:0!important;padding:0;width:937px}
#content-container div#content {margin-right:0}
:focus {outline: none;}
button, input, select, textarea, .button {border: none;border-radius: 2px;font-family: Verdana;}
input[type="text"], input[type="password"], textarea {border: 1px solid #ccc;padding: 5px 8px;}
.ipbform2 dl dd textarea.inputbox {background-color: #FFF;border: 1px solid #ccc !important;}
/*-------------------*/
select {padding: 2px;border-radius: 2px;border: 1px solid #ccc;}
/*-------------------*/
body {font-family: Verdana;background:#f6f1e7 url(http://i72.servimg.com/u/f72/15/64/85/86/square10.png) fixed}
#logostrip{
min-height:138px;
max-height:458px;
height:180px;
border-radius:0 0 3px 3px;
position:relative;
margin-top:42px;
border-bottom:42px solid rgba(231,76,46,.7);
/*background: #FFF url(http://i72.servimg.com/u/f72/15/64/85/86/cp16810.png) 28px -62px!important;*/
background: #FFF url(http://i72.servimg.com/u/f72/15/64/85/86/cp19210.jpg) !important;
}

.borderwrap .padded,.messaging-box, #smiley-box {border-radius: 2px;}
.box-content {border-bottom: none;}
div.errorwrap {-webkit-animation: error_blink 1s linear infinite;}
@-webkit-keyframes error_blink {
 0% {box-shadow: 0 0 14px red;}
 50% {box-shadow: 0 0 0 red;}
 100% {box-shadow: 0 0 14px red;}
}
.ipbform fieldset {border: 1px solid #A2A2A2;padding: 3px 10px 10px;border-radius: 3px;}
.nodis, .ipbtable thead, .ipbtable thead+tfoot, #logostrip #main-title, #logostrip #site-desc, #fo_stat.borderwrap tbody tr:first-child {display: none;}
a {text-decoration: none !important;}
button, input[type="submit"], input[type="reset"], input[type="button"], .button {
 padding: 0 10px;background-color: #333;color: #fff !important;height: 30px;border-radius: 2px;font-weight: bold;
 cursor: pointer;border: none;display: inline-block;font-size: 12px;
} button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover {background-color: #e74c2e;}
button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .button:active {background-color: #f40;}
a.button {height: auto;padding: 9px 10px;}
button.button2, input.button2 {background-image: none;}
button.button2:hover, input.button2:hover {border: none;}
div.maintitle div.toggle, div.maintitle h1, div.maintitle h2, div.maintitle h3 {color: #e74c2e;}
#submenu a, button, input[type="submit"], input[type="reset"], input[type="button"], .button, .forum-name a.forumtitle, .mods+p a[href^="/f"], .last-post-icon,
#fo_stat tbody tr td strong, .posting-buttons a:before,.postdetails dt+dd+dd+dd,.post-footer a,.postprofile-details dt *, .postprofile-details dt+dd,
.postprofile-details dt+dd * {
 -webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;
 -o-transition: all 0.1s ease;transition: all 0.1s ease;-ms-transition: all 0.1s ease;
}
.mods+p a[href^="/f"], #left .borderwrap:nth-child(5) a, a[href^="/t"]:after,.thin+div a,.thin div[class*="hours"] a,.post-footer, #chatbox_members {
 -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;transition: all 0.5s ease;-ms-transition: all 0.5s ease;
}
.mods+p a[href^="/f"]:hover, #left .borderwrap:nth-child(5) a:hover, a[href^="/t"]:hover:after,.thin+div a:hover,.thin div[class*="hours"] a:hover,
.post-footer:hover {
 -webkit-transition: all 0s ease;-moz-transition: all 0s ease;
 -o-transition: all 0s ease;transition: all 0s ease;-ms-transition: all 0s ease;
}
.postprofile-details.postdetails .label:nth-child(3){margin-left:57px}
.postprofile-details.postdetails .label:nth-child(8){margin-left:91px}
.postprofile-details.postdetails .label:nth-child(13){margin-left:23px}
.postprofile-details.postdetails dd:last-child br {display:none}
.postprofile-details.postdetails .label:nth-child(13)+br+br{display:block}
.posting-icons img[alt="Select/Unselect multi-quote"]{margin-top:-5px}
.posting-icons img[alt="Select/Unselect multi-quote"]:hover {border-bottom:1px solid #e74c2e}
.post[style="background-color:#thanks;"]:before {
content: "★ HAY NHẤT";
position: absolute;
margin: -3px 0 0 820px;
background: #7CBA2C;
color: #FFF;
width: 40px;
text-align: center;
padding: 14px 5px 11px 5px;
font-weight: bold;
z-index:1;
}
.post[style="background-color:#thanks;"] {border-color:#7CBA2C!important}
.ddvote {
background: #00ADFF;
padding: 0 5px;
border-radius: 3px;
position: absolute;
margin: 27px 0 0 0;
}
.ddvote .plus {
background: #333;
padding:0 3px;
color: #FFF;
text-shadow: none;
border-radius: 2px;
}
.ddvote a {padding:5px}
.fly #logostrip {margin-bottom: 42px;}
div#logostrip #logo {position: absolute;top: 50%;margin-top: -25px;display: none;}
#cp_a_logo {
 position:absolute;width: 345px;height: 180px;overflow: hidden;margin-left: 50px;display: block;
}
#cp_a_logo .t_text {
 display: inline-block;height: 50px;width: 36px;background-image: url(http://i37.servimg.com/u/f37/18/10/55/32/logo10.png);
 background-repeat: no-repeat;position: absolute;top: 50px;
}.t_text.c {background-position: 3px;-webkit-animation: cp_c 0.5s linear;-moz-animation: cp_c 0.5s linear;}
.t_text.h {background-position: -32px;left: 36px;-webkit-animation: cp_c 0.6s linear;-moz-animation: cp_c 0.6s linear;}
.t_text.i {background-position: -68px;width: 12px !important;left: calc(36px * 2);-webkit-animation: cp_c 0.7s linear;-moz-animation: cp_c 0.7s linear;}
.t_text.n {background-position: -80px;left: calc(36px * 2 + 12px);-webkit-animation: cp_c 0.8s linear;-moz-animation: cp_c 0.8s linear;}
.t_text.hh {background-position: -30px;left: calc(36px * 3 + 12px);-webkit-animation: cp_c 0.9s linear;-moz-animation: cp_c 0.9s linear;}
.t_text.p {background-position: -152px;left: calc(36px * 4 + 12px);-webkit-animation: cp_c 1s linear;-moz-animation: cp_c 1s linear;}
.t_text.hhh {background-position: -188px;left: calc(36px * 5 + 12px);-webkit-animation: cp_c 1.1s linear;-moz-animation: cp_c 1.1s linear;}
.t_text.u {background-position: -224px;left: calc(36px * 6 + 12px);-webkit-animation: cp_c 1.2s linear;-moz-animation: cp_c 1.2s linear;}
.t_text.cc {background-position: -260px;left: calc(36px * 7 + 12px);-webkit-animation: cp_c 1.3s linear;-moz-animation: cp_c 1.3s linear;}
#cp_a_logo .t_plane {
 height: 95px;width: 115px;background-image: url(http://i37.servimg.com/u/f37/18/10/55/32/cp_pla10.png);left: 226px;
 background-repeat: no-repeat;position: absolute;top: 70px;
 -webkit-animation: cp_p 2s linear;-moz-animation: cp_p 2s linear;
} #cp_a_logo .t_slogan {
 height: 19px;width: 246px;background-image: url(http://i72.servimg.com/u/f72/15/64/85/86/cp16710.png);
 background-repeat: no-repeat;position: absolute;top: 114px;left: 5px;
 -webkit-animation: cp_s 3s linear;-moz-animation: cp_s 3s linear;
}
@-webkit-keyframes cp_s {0% {-webkit-filter: blur(30px);}75% {-webkit-filter: blur(30px);}100%{-webkit-filter: blur(0px);}}
@-moz-keyframes cp_s {0% {opacity: 0;}75% {opacity: 0;}100%{opacity: 1;}}
@-webkit-keyframes cp_c {0% {-webkit-transform: scale(0);}50% {-webkit-transform: scale(0);}100%{-webkit-transform: scale(1);}}
@-moz-keyframes cp_c {0% {-moz-transform: scale(0);}50% {-moz-transform: scale(0);}100%{-moz-transform: scale(1);}}
@-webkit-keyframes cp_p {0% {left: 0;top: 100%;}70% {left: 0;top: 100%;}100%{left: 226px;top: 70px;}}
@-moz-keyframes cp_p {0% {left: 0;top: 100%;}70% {left: 0;top: 100%;}100%{left: 226px;top: 70px;}}
#logostrip+#submenu {background-color:#E74C2E;padding:0;position:fixed;font-size:0;z-index:666;right:0;top:0;width:100%}
#submenu ul {
 width:937px;margin: 0 auto;
} #submenu ul li a {
 color: #FFF;margin: 0;padding: 13px 12px;font-size: 12px;font-weight: bold;
 display: inline-block;float: left;
} #submenu ul li a:hover {
 background-color: rgba(0,0,0,0.1);box-shadow: inset 0 14px 10px rgba(0,0,0,0.1);
 text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
#submenu ul li a img {display: none;}
#submenu a[href*="/login"],#submenu a[href*="/privmsg"], #submenu a[href*="/profile?mode=edit"] {
 float: right;width: 32px;height: 32px;padding: 0;font-size: 0;margin: 5px 0;
 border-radius: 4px;margin-right: 5px;background-image: url(http://i37.servimg.com/u/f37/18/10/55/32/cpskin10.png);background-repeat: no-repeat;
} #submenu a[href*="/login"]:hover,#submenu a[href*="/privmsg"]:hover, #submenu a[href*="/profile?mode=edit"]:hover {
 box-shadow: none;
} #submenu a[href*="/profile?mode=edit"] {background-position: 9px;margin-right: 42px;}
#submenu a[href*="/privmsg"] {background-position: -15px 8px;}
#submenu a[href*="/login"] {background-position: -39px;}
#submenu a[href*="/login?logout"] {background-position: -62px;
}/* http://i37.servimg.com/u/f37/18/10/55/32/cpskin10.png */
#submenu a[href*="/search"] {display: none;}
#submenu+#userlinks {
background:rgba(0,0,0,0);
padding: 0;
padding-top: 10px;
border-bottom: none;
padding-left: 5px;
position: absolute;
width:931px;
margin-top: -37px;
color: #FFF;
}
#submenu+#userlinks a {
color: #FFF;
padding: 16px 6px 13px;
}
#submenu+#userlinks a:hover{background:rgba(255,68,0,.6)}
#userlinks ul li:after{display:none}
#userlinks ul li{margin:0!important}
#left {overflow:hidden!important;height:406px;float:none!important;width:937px!important;margin-right:0!important;}
#left .module.borderwrap {padding: 10px;border:1px solid #DDD;border-radius:3px;margin-top: 10px;}
#left .module.borderwrap+div[style*="height"] {display: none;}
#left .module.borderwrap:nth-of-type(3) {width: 200px;float: left;}
#left .module.borderwrap:nth-of-type(5) {margin-left: 230px;counter-reset:nbr;}
#left .module .maintitle, #profile-advanced-right .module .maintitle, ul.popupmenu li.popupmenu-category, .activeusers-box .formsubtitle,
.pagination+.right+.borderwrap .maintitle, #chatbox_header {
 background-color: transparent;color: #e74c2e;font-size: 15px;padding: 0;padding-bottom: 8px;
 border-bottom: 3px solid #e5e5e5;line-height: 14px;max-height: 14px;
}
.box-content form[name="cpsearch"] td:first-child {width: 850px !important;}
.box-content form[name="cpsearch"] td:last-child {width: 90px !important;text-align: right !important;}
.box-content form[name="cpsearch"] td:first-child input {
 width: calc(100% - 20px) !important;border-radius: 2px;padding: 0 8px;outline: none;
}
#left .module.borderwrap:nth-of-type(5) .maintitle h3, #left .module.borderwrap:nth-of-type(3) .maintitle h3 {font-size: 0;}
#left .module.borderwrap:nth-of-type(5) .maintitle h3:before {content: "Các bài viết cuối cùng";font-size: 15px;}
#left .module.borderwrap:nth-of-type(3) .maintitle h3:before {content: "Tích cực trong tuần";font-size: 15px;}
#left .module.borderwrap:nth-child(5) .box-content a:nth-child(10n+1) {color: #00A5CD;}
#left .module.borderwrap:nth-child(5) .box-content a:nth-child(10n+6) {color: #7CBA2C;}
#left .module.borderwrap:nth-child(5) .box-content a:hover {color: #e74c2e;}
.module .box-content {padding: 0;background: transparent;margin-top: 10px;font-size: 13px;line-height: 22px;}
#left .module.borderwrap:nth-child(5) .box-content a[href^="/u"] {float: right;}
#left .module.borderwrap:nth-child(5) .box-content a[href^="/t"] {
 margin-right: -30px;background: #FFF;position: relative;max-width: 328px;height: 20px;float: left;
} #left .module.borderwrap:nth-child(5) .box-content a[href^="/t"]:after {
 content: "";position: absolute;height: 22px;width: 220px;background: #fff;top: 0;left: 100%;
} #left .module.borderwrap:nth-child(5) .box-content a[href^="/t"]:hover:after {background: transparent;}
#left .module.borderwrap:nth-child(5) .box-content a[href^="/t"]:before{
 content: counter(nbr);counter-increment: nbr;width: 18px;display: inline-block;text-align: center;
 margin-right: 8px;background: #E0E0E0;font-size: 10px;line-height: 14px;border-radius: 2px;font-weight: lighter;
}
#left .module.borderwrap:nth-child(5) .box-content a+br {display: none;}
#left .module.borderwrap:nth-child(5) .box-content {max-height: 220px;overflow-y: scroll;}
.box-content::-webkit-scrollbar {width: 12px;}
.box-content::-webkit-scrollbar-thumb {background: #e5e5e5;border-left: 6px solid #fff;}
.box-content:hover::-webkit-scrollbar-thumb {background: #e5e5e5;}
.box-content::-webkit-scrollbar-thumb:active {background: #e74c2e;}
.box-content::-webkit-scrollbar-track {background: rgba(0,0,0,0);}
.reload-posts {font-size: 12px;color: #aaa !important;cursor: pointer;}
#content-container div#left, #content-container div#main {overflow: visible;margin-bottom: 10px;}
.box-content table[summary="Top posting users this week"] {border: none;border-spacing: 0;}
table[summary="Top posting users this week"] .row1, table[summary="Top posting users this week"] .row2 {border-bottom: none!important;background-color: transparent !important;}
table[summary="Top posting users this week"] tr > td[title] {text-align:right;width: 20px !important;}
table[summary="Top posting users this week"] tr > td[title] table {width: 12px;display: inline-block;}
table[summary="Top posting users this week"] tr > td:first-child {width: 150px !important;}
#tp_nb {padding:1px 5px;color:#fff;background:#e74c2e;border-radius:2px;font-size:12px;}
.rl-loading {
 font-size: 11px;background: #E74C2E;padding: 2px 5px;border-radius: 3px;
 color: #FFF;margin-left: 5px;cursor: default;
}
.pagination.topic-options {font-size: 0;}
.topic-footer, .borderwrap .bar,.pagination.topic-options > a, div.pagination b, #forum_rules,.postreview > .box-content,
div.overview, #fo_stat+br+.module form[name="form_login"], #profile-advanced-details, #profile-advanced-right .module,
.dropped+.ipbtable, strong.pagination a, #forummenu-options_menu ,.darkrow, .activeusers-box, .activeusers, .pagination+.right+.borderwrap,
#chatbox_contextmenu, .posting-options+.clearfix+.row2 {
 padding: 8px 10px !important;border-radius:3px;
 line-height: 16px;background-color: #fff !important;border:1px solid #DDD!important;
} .pagination.topic-options > a, div.pagination b {padding: 4px 6px !important;font-size: 12px;margin-right: 5px;}
div.pagination b {background-color: #333 !important;box-shadow: 0 0 transparent;font-weight: bold;cursor: default;}
.pagination.topic-options > a.goto {padding-right: 14px !important;}
.pagination+.right+.borderwrap td {background: transparent;}
.activeusers-box .row1 {background: transparent;border-bottom: none !important;} .activeusers-box .row1 p {padding: 10px 0;}
#forum_rules {margin-bottom: 10px;} #forum_rules .maintitle {
 border-bottom: 1px solid #DDD;padding: 0;padding-bottom: 10px;
} #forum_rules+br {display: none;}
#forum_rules+.borderwrap.ipbform2 {
 box-shadow: 0 0 0 1px rgba(0,0,0,0.1);border-radius: 2px;border: none !important;
}
.overview .title-overview {padding: 0;padding-bottom: 10px;}
.popmenubutton p.left-overview a {background-color: #333 !important;margin: 1px 0;display: inline-block !important;padding: 2px 5px !important;}
.popmenubutton p.left-overview a:hover {background-color: #e74c2e !important;}
.darkrow {margin-top: 10px;}
.mainmenu[href="/faq"], .mainmenu[href="/groups"] {display:none!important}
#navstrip, .subtitle, div.box-content.agreement, div.newslink, .box-content.profile {
 padding: 8px 10px !important;border-radius:3px;
 line-height: 16px;text-transform: uppercase;background-color: #fff !important;border:1px solid #DDD;
} #navstrip[style] {display: none;}
#navstrip li {background-image: none;}
#navstrip li.begin {background: url(http://i37.servimg.com/u/f37/18/10/55/32/cpskin10.png) no-repeat -94px;padding-left: 24px;margin: 0;}
#navstrip a {color: #aaa;} #navstrip a:hover {color: #f40 !important;}
#navstrip+.borderwrap, #navstrip+.newslink+.borderwrap, .borderwrap+br+.borderwrap, #fo_stat.borderwrap, .posting-options+.clearfix+.borderwrap {
 background: transparent;border:none;padding: 0;}
div.box-content.agreement {margin-top: 10px}
div.box-content.agreement > .agreement, .box-content.profile {
 background: #fff;padding: 0;padding-bottom: 10px;
 border-bottom: none !important;text-transform: initial;
}.box-content .agreement+.rules {background: #fff;}
.topic-footer {text-transform: initial;}
.formbuttonrow {
 background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important;
}
.maintitle, #qpost {background-color: transparent !important;}
.borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1;}
table.index-box tbody tr {
 width: 302px;float: left;margin-right: 12px;margin-top: 12px;border-radius: 2px;
 background: #fff;border:1px solid #DDD;height: 350px;position: relative;
}
table.index-box tbody tr:nth-child(3n+3) {margin-right:0}
#c2 tbody tr:nth-child(5){margin:12px 0 0 0}
#c4 tbody tr{height:304px!important}
#c11 tbody tr:nth-child(4){margin-right:-9px}
#c11 tbody tr {
height: 279px;
width: 231px;
margin-right: 4px;
}
#c11 tbody {
margin-left: -4px;
display: block;
}
table.index-box tbody tr td {display: block;background: transparent !important;border-bottom: none !important;}
table.index-box tbody tr td .forum-name a.forumtitle {
 display: block;background-color: #e74c2e;padding: 10px;padding-top: 130px;line-height: 10px;border-radius: 2px 2px 0 0;
 color: #FFF;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);position: relative;margin-bottom: 10px;
 background-position: center !important;background-repeat: no-repeat !important;z-index: 1;
} table.index-box tbody tr:hover .forum-name a.forumtitle {margin-top: -32px;margin-bottom: 42px;}
table.index-box tbody tr td .status {position: absolute;right: 0;z-index: 2;margin: 0 !important;}
table.index-box tbody tr td .status img[title^="Bài viết mới"] {
 position: absolute;background: url(http://i35.servimg.com/u/f35/15/64/85/86/untitl21.png);width: 105px;height: 31px;
 margin-top: 10px;right: -5px;
}
table.index-box tbody tr td.row2.icon {padding: 0 !important;height: auto;}
table.index-box tbody tr td.row1.centered, table.index-box tbody tr td.row2.centered {
 padding: 10px;line-height: 12px;color: #fff;background: #333 !important;top: 118px;font-weight: bold;
 position: absolute;width: calc(50% - 20px);height: auto;text-align: left;
} table.index-box tbody tr td.row2.centered {left: 50%;}
table.index-box tbody tr td.row1.centered:after {content: "chủ đề";margin-left: 4px;}
table.index-box tbody tr td.row2.centered:after {content: "bài viết";margin-left: 4px;}
.forum-desc {padding: 0 10px;}
.forum-name+.mods {padding: 10px;padding-top: 0;font-weight: bold;}
.forum-name+.mods+p {padding: 0 10px;font-size: 0;}
.mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;}
.mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;}
.mods+p a:nth-of-type(2n+2) {
 padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px);
 border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px;
 height: 16px;overflow: hidden;float: left;
} .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
table.index-box tbody tr td:last-child {
 position: absolute;padding: 0;bottom: 0;margin: 10px;padding-top: 10px;
 width: calc(100% - 20px);border-top: 1px solid #f4f4f4;
} table.index-box tbody tr td:last-child strong+a {
 position: absolute;margin: 10px 0;width: 44px;height: 44px;border-radius: 4px;
 right: 0;top: 0;background: #333 url(http://i37.servimg.com/u/f37/18/10/55/32/arrow10.png) center no-repeat;
} table.index-box tbody tr td:last-child strong+a:hover {background-color: #e74c2e;}
table.index-box tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;}
table.index-box#c2 tbody tr:first-child {height: 714px;}
table.index-box#c2 tbody tr:first-child td:last-child {display: none;}
.mtbox {
 padding: 10px;display: block;width:289px;max-height:450px;
 overflow: hidden;padding-bottom: 0;
} .thuxem {margin-top: 10px;}
.thuxem a[href^="/t"] {display: block;height: 15px;overflow: hidden;}
div.maintitle .contract, div.maintitle .expand {
 height: 16px;width: 16px;background-color: #333 !important;border-radius: 2px;position: relative;
} div.maintitle .contract:after,div.maintitle .expand:after {
 content: "-";color: #FFF;width: 16px;position: absolute;height: 16px;left: 0;
 top: -1px;font-size: 19px;text-align: center;background: #333;border-radius: 2px;
} div.maintitle .expand:after {content: "+";}
div.maintitle .expand:before {
 content: "";position: absolute;width: 960px;height: 32px;background: #fff;
 right: -8px;border-radius: 2px;box-shadow: 0 0 0 1px rgba(0,0,0,0.1);top: -9px;
}
#fo_stat {margin-top: 10px;}
#fo_stat .maintitle {color: #e74c2e;padding: 5px 10px;} #fo_stat .maintitle h3 {position: relative;z-index: 1;}
#fo_stat tbody tr:nth-of-type(2n+2), .qreply {
 background: #fff;border-radius:2px;display:block;margin:5px 0;
 padding: 10px;position: relative;border: 1px solid #DDD;
} #fo_stat .maintitle .expand:before {right: -10px;}
#fo_stat tbody tr:nth-of-type(2n+2) td.row1 {display: none;}
#fo_stat tbody tr:nth-of-type(2n+2) td.row2 {display: block;padding: 0;}
.thin {border-bottom: 1px solid #f4f4f4;border-top: 1px solid #f4f4f4;margin: 10px 0;padding: 10px 0;line-height: 100%;}
.thin div[class*="hours"] {font-size:0;text-align:justify}
.thin div[class*="hours"]:before {
 content: "Các thành viên truy cập trong 24 giờ qua:";font-size: 12px;display: block;
 padding: 6px 0;border-top: 1px solid #f4f4f4;margin-top: 10px;padding-top: 10px;
}
.thin div[class*="hours"] a {
 padding: 3px 4px;color: #333;line-height: 12px;
 border-radius: 2px;font-size: 12px;display: inline-block;
}
.thin+div {font-size: 0;text-align: center;} .thin+div a {
 padding: 2px 4px;color: #333;
 border-radius: 2px;font-size: 12px;display: inline-block;
} .thin+div a:hover, .thin div[class*="hours"] a:hover, .thin div[class*="hours"] a:hover * {background: #333;color: #fff !important;}
#chatbox_popup {font-size: 0;height: 0px;} #chatbox_popup a {
 position: absolute;right: 10px;top: -30px;font-weight: bold;text-transform: uppercase;
 background: #333;padding: 4px 8px;border-radius: 2px;color: #fff;max-height: 16px;
} #chatbox_popup a:hover {background: #e74c2e;} #chatbox_popup a:after {content: "Tham gia chat";font-size: 12px;}
#fo_stat tbody tr:nth-of-type(6) td.row2 p:first-child {float: right;}
#fo_stat tbody tr:nth-of-type(6) td.row2 strong {background: #ddd;padding: 1px 4px;border-radius: 2px;}
#fo_stat tbody tr:nth-of-type(6) td.row2 strong:hover {background: #e74c2e;color: #fff;}
#fo_stat tbody tr th.formsubtitle {background: transparent;color: #e74c2e;padding: 5px 10px;}
#fo_stat tbody tr td {background: transparent;border-bottom:none !important;}
#chatbox .user-msg {float:left}
#chatbox_bottom, #gfooter {background: #fff;border-radius:3px;border:1px solid #DDD}
#chatbox_bottom+script+div[style*="resize"] {height: 15px;margin-top: -15px;}
#chatbox_bottom+script+div[style*="resize"] img {position: relative;z-index: 1;}
#fo_stat+br+.borderwrap+br,#fo_stat+br+.borderwrap+br+br {display: none;}
.qreply {width: auto !important;border: none;margin: 0;}
#qpost .maintitle+br {display: none;}
#gfooter {
color: #333;position: relative;padding:10px 10px 36px 10px;margin-bottom:0;border-radius:3px 3px 0 0;border-bottom:0
}
#gfooter a {color:#e74c2e!important;}
#gfooter ul li strong~strong,#gfooter+p br,#gfooter #CPskin {display:none}
#gfooter+p a {color:#E74C2E}
#gfooter+p{
position: absolute;
margin:-24px 0 0 690px;
}
.current-time {float: right;font-size: 12px;padding-top: 5px;}
#gfooter .footer-links {
width: 100%;border-top: 1px solid #F4F4F4;margin-top: 10px;padding-top: 10px;margin-bottom: 4px;
}
.footer-links del {display: block;position: relative}
.footer-links del ul {float: right;width:200px;font-size: 0;text-align: right;}
.footer-links del ul a {display: block;font-size: 11px;line-height: 0;}
#gfooter a[href="http://diendan.chinhphuc.info"] {
 position: absolute;width: 260px;height: 78px;left: 25%;top: 0;color: transparent !important;margin:10px 0 0 -56px;
 background: url(http://i12.servimg.com/u/f12/15/64/85/86/cpclog10.png) center no-repeat;background-size: 100%;
}
#gfooter [href="http://juskteez.com"] {
margin:34px 0 0 -507px;
position: absolute;
color: #FFF!important;
background: #E74C2E!important;
padding: 11px 9px;
border-radius: 3px 3px 0 0;
box-shadow: inset 0 2px 9px -4px #333;
}
.posting-options {margin: 10px 0;} #navstrip+.posting-options {margin-top: 0;}
.posting-options+.clearfix+br {display: none;}
.posting-buttons a img {display: none;}
.posting-buttons a:before {
 content: "Trả lời chủ đề";font-size: 16px;font-weight: bold;background-color: #7CBA2C;
 padding: 8px 14px;border-radius: 2px;color: #fff;margin-left: 10px;display: inline-block;
}
.posting-buttons a[href*="mode=reply"]:before {background-color: #00A5CD;}
.posting-buttons a[href*="mode=newtopic"]:before {content: "Mở chủ đề mới";}
.posting-buttons a:hover:before {background-color: #e74c2e;}
.posting-options+.clearfix+.borderwrap > .post, .posting-options+.clearfix+.borderwrap .maintitle {
 border:1px solid #DDD;background-color: #fff !important;border-radius:3px;
 margin-bottom:10px
}
.posting-options+.clearfix+.borderwrap .maintitle {color: #e74c2e;padding: 8px 10px;padding-bottom: 7px;}
.posting-options+.clearfix+.borderwrap .maintitle h3 {margin-top: 2px;}
.posting-options+.clearfix+.borderwrap .maintitle .popmenubutton a {
 background-color: #333;border: none;border-radius: 2px;color: #fff;
 padding: 2px 5px;display: inline-block;background-image: none;
} .posting-options+.clearfix+.borderwrap .maintitle .popmenubutton a:hover {background-color: #e74c2e;}
.postprofile .popmenubutton {padding: 0;}
.postprofile .popmenubutton+.popupmenu {
 margin-top: -18px;margin-left: 70px;border-radius: 2px;border: none;
 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
} .postprofile .popmenubutton+.popupmenu li img,.postprofile .popmenubutton+.popupmenu .avatar {display: none;}
.postprofile .popmenubutton+.popupmenu li {
 border-bottom: none;padding: 0;max-height: 20px;
} .postprofile .popmenubutton+.popupmenu li a, #chatbox_contextmenu a {
 padding: 2px;width: auto;margin: 0;display: block;font-size: 11px;
 float: none;text-align: left;border-radius: 2px;color: #333;
} .postprofile .popmenubutton+.popupmenu li a:hover, #chatbox_contextmenu a:hover {background: #333;color: #fff;}
.popupmenu li a[title*="Website"]:after {content: "Trang web";padding-left: 4px;}
.post,.post-container,.post-footer {background-color: transparent;}
.post-container {margin-left: 0;padding-top: 71px;position: relative;}
.post-container .postbody-head {
 padding: 11px;position: absolute;width:915px;background-color:#F7F7F7;
 left: -1px; top: -1px;border-radius: 3px 3px 0 0;height: 49px;font-size: 12px;
 text-shadow: 0 0 3px #fff,0 0 4px #FFF,0 0 5px #fff,0 0 6px #fff,0 0 2px #fff;
} .postbody-head .post-info {font-size: 11px;}
.postbody-head.postdetails.post-header .post-info+h3 a{
display:inline-block;max-width:290px;height:17px;overflow:hidden;vertical-align:middle
}
.postbody-head h3 img {display: none;}
.postbody-head h3 {
 display: inline-block;font-size: 12px;margin-right: 0;vertical-align: middle;
 margin-left: 58px;margin-top: 35px;
} .postbody-head h3 a {color: #e74c2e;}
.postbody-head h3:after {content: " -";}
.postbody-head .author {display: inline-block;overflow: hidden;text-indent: -22px;vertical-align: middle;margin-top: 35px;padding-right: 5px}
.postbody-head .author img, .postbody-head .author a {display: none;}
.post-entry {margin: 0 10px;margin-top: -2px;border-top: 1px solid #F4F4F4;padding: 10px 0}
.postprofile {margin-top: -70px;position: absolute;margin-left: -1px;z-index: 1;} .postprofile:hover {z-index: 2;}
.postprofile .post-header {background-color: transparent;padding: 0;width: 0;float: left;z-index: 3;}
.postprofile .post-header .popmenubutton a {
 margin: 10px;display: inline-block;height: 50px;width: 50px;
 padding: 0;border-radius: 100%;overflow: hidden;border: none;opacity: 0;
} .popmenubutton-new-out {width: 60px;}
.postprofile-details {
 margin: 0;width: 400px;border-radius: 2px;
} .postprofile:hover .postprofile-details {box-shadow: 0 21px 21px rgba(0,0,0,0.5), 1px 0 rgba(0,0,0,0.1);background: rgba(255,255,255,0.3);}
.postprofile-details dt,.postprofile-details dt+dd {position: relative;z-index: 2;text-shadow: 0 0 3px #fff,0 0 4px #FFF,0 0 5px #fff,0 0 6px #fff,0 0 2px #fff;}
.postprofile-details dt img {background:#FFF;height:50px;width:50px;border-radius:100%;margin:8px 10px 0 10px;float:left;border:3px solid #FFF}
.postprofile-details dt a+br+a {font-size: 13px;float: left;font-weight: bolder;margin-top: -6px;}
.postprofile:hover .postprofile-details dt a+br+a {margin-top: -3px;}
.postprofile-details dt+dd {margin-top: -6px;height: 24px;z-index: 1;}
.postprofile:hover .postprofile-details dt+dd {margin-top: -3px;}
.postprofile-details dt+dd img:first-child {height: 16px;width: 16px;margin: 0 8px;}
.postprofile-details dt+dd > img{height: 18px;position: absolute;margin-top: 1px;border-radius: 2px;}
.postprofile:hover .postprofile-details dt+dd > img {height: 20px;margin-top: 13px;}
.postprofile:hover .postprofile-details dd:last-child hr~img, .postprofile:hover .postprofile-details dd:last-child hr~a img {
max-width: 64px!important;
}
.postprofile-details dt+dd+dd {display: none;}
.postprofile-details dd:last-child {
background: #fff;border-radius: 0 0 2px 2px;box-shadow: 0 -1px rgba(0,0,0,0.1);padding:10px;
padding-top:32px;position: relative;display: none;line-height: 20px;width: 378px;padding-right: 12px;
} .postprofile:hover  .postprofile-details dd:last-child {display: block;}


.postprofile-details dd:last-child hr {border: 1px dashed #ddd;border-bottom: 0;margin: 5px 0;margin-bottom: 10px;}
.postprofile .postdetails dd:last-child a[href*="/f48-"] {
 color: #FFF;width: 85px;text-align: center;padding: 2px 0;padding-left: 22px;display: inline-block;
 background: #333 center left no-repeat;background-position: 6px;border-radius: 2px;
} .postprofile .postdetails dt+dd+dd+dd a[href*="/f48-"]:hover {background-color: #e74c2e;}
.postdetails img[src*="9356f62b1a_th.png"] {display: none;}
.post-footer {border-top: none;padding:10px;border-top: 1px solid #DDD}
.post-footer a img {display: none;} .post-footer ul {margin: 0 !important;}
.post-footer a {
 color: #e74c2e;margin-right: 24px;
} .post-footer a:hover {color: #f40;text-decoration: underline !important;}
.post-footer a:after {content: "•";text-decoration: none !important;margin-left: 9px;position: absolute;}
.post-footer li:last-child a:after {content: "";} .post-footer li:last-child a {margin-right: 0;}
.post-footer a[href*="mode=delete"]:before {content: "Xoá";}
.post-footer a[href*="mode=edit"]:before {content: "Sửa";}
.post-footer a[href*="mode=quote"]:before {content: "Trích dẫn";}
.post-footer a[href*="mode=report"]:before {content: "Báo cáo";}
.post-footer a[href*="mode=lock"]:before {content: "Chặn";}
.post-footer a[href*="?thank"]:before {content: "Chọn làm câu trả lời hay nhất"}
.post-footer a[href*="#top"] {display: none;}
.post-footer a[href^="/report?mode=unlock&p="]:before {content:"Bỏ chặn"}
.vote {display: none;}
.cplike {position: absolute;bottom: 10px;right: 10px;}
.cplike .cp_like_button {
 background: #00ADFF;padding: 2px 4px;display: inline-block;color: #fff;
 font-weight: bold;font-size: 11px;border-radius: 2px;text-shadow:none;
} .cplike .cp_like_button a {color: #fff;}
.cp_like_button .plus {
 background: #333;padding: 0 3px;line-height: 14px;border-radius: 2px;
 display: inline-block;margin-left: 4px;
} #quick_reply .center {margin-top: 10px;}
.ipbform[action^="/privmsg?folder="] .postprofile-details, .ipbform[action^="/privmsg?folder="]~div .postprofile-details {
display: none!important;
}
.postreview .postprofile {right: 0;width: auto;margin: 0;}
.postreview .post-header {width: auto;min-height: 16px;}
.postreview .postbody-head {height: auto;padding: 0;padding-bottom: 10px;position: relative;}
.postreview .postbody-head h3 {margin: 0;}
.postreview .post-container {padding-top: 0;}
.postreview .post-entry {margin:10px 0;margin-top:0}
#fo_stat+br+.module form[name="form_login"] {
 position: fixed;width: 198px;height: 200px;top: 60px;
 left: 20px;z-index: 666;
} #fo_stat+br+.module {margin-top: 0;box-shadow: none;}
#fo_stat+br+.module form[name="form_login"] label {display: block;}
#fo_stat+br+.module form[name="form_login"] label .genmed {display: none;}
#fo_stat+br+.module form[name="form_login"] label input[size] {width: 180px;}
#fo_stat+br+.module form[name="form_login"] label:nth-of-type(3) .gensmall {font-size: 0;}
#fo_stat+br+.module form[name="form_login"] label:nth-of-type(3) .gensmall:after {content: "Duy trì đăng nhập";font-size: 13px;}
#fo_stat+br+.module form[name="form_login"] .box-content {padding: 0 !important;margin: 2px 0 !important;}
#profile-advanced-details .separator {padding-top: 0 !important;}
#profile-advanced-details dl {margin: 0;}
ul.privmsg li {background-color: #e74c2e;margin-right: 0;}
ul.privmsg li a {
 background-color: #333;display: inline-block;margin: -5px -10px;
 padding: 4px 8px;color: #FFF;
} ul.privmsg li a:hover {background-color: #e74c2e;}
#profile-advanced-right {margin-top: 34px;}
#profile-advanced-details .message-header {background: #DDD;border-top: 1px solid #333;}
#profile-advanced-add {position: absolute;margin: 0;margin-top: -20px;width: 304px;text-align: center;}
#profile-advanced-add br {display: none;}
#profile-advanced-add a {display: inline-block;margin: 0 6px;background: #333;padding: 2px 5px;color: #fff;border-radius: 2px;}
#profile-advanced-add a:hover {background: #e74c2e;}
.dropped+.ipbtable td {background-color: transparent;}
.dropped+.ipbtable td.row2.centered {font-weight: bold;}
strong.pagination a {padding: 2px 3px !important;font-size: 11px;}
.formbuttonrow input[name="sticky"] {margin-left: 4px;}
.chatbox {background: #fff;}
.chatbox-title {padding: 3px 10px;font-size: 13px;font-weight: bold;}
.chatbox-title a {color: #e74c2e}
.chatbox-options {margin: 1px;}
#chatbox .user span, .online-users li a span, .online-users li span, .away-users li a span, .away-users li span {display: none;}
#chatbox .user a *, .online-users li a span:last-child, .away-users li a span:last-child {display: inline-block !important;}
#chatbox_members {
 left: -160px;background-color: #fff;z-index: 1;
 border-right: 3px solid #ddd;position: fixed;opacity: 0;
} #chatbox_members:hover {left: 0;opacity: 1;}
#chatbox {left: 0;bottom: 39px;}
#chatbox_header {padding: 5px;padding-bottom: 8px;box-shadow: 0 5px 20px rgba(0,0,0,0.5);z-index: 3;position: relative;}
#chatbox_footer {background-color: #fff;border-top: 1px solid #ddd;z-index: 3;}
#chatbox_footer input[name="submit_button"] {height: 28px;}
#chatbox_messenger_form .style-buttons {width: 100%;}
.text-field label {font-size: 0;}
#chatbox_messenger_form .text-field label #message {width:621px}
#chatbox_messenger_form .right:last-child {margin: 2px;position: absolute;left: 4px;}
#chatbox_messenger_form .right .fontbutton {border: 1px solid #ccc;border-radius: 2px;margin-right: 5px;}
#chatbox_messenger_form .right .fontbutton#divcolor {padding: 3px 1px;}
#chatbox_contextmenu {z-index: 2;}
#chatbox_contextmenu p {border-bottom: none;padding: 0;}
#chatbox p[class*="chatbox_row"] {margin-bottom: 1px;border-top: 1px solid #ddd;}
#chatbox p[class*="chatbox_row"] .date-and-time {float: right;color: #aaa;}
#chatbox .user {display: block;margin-bottom: 3px;font-size: 0;}
#chatbox .user a {font-size: 14px;}
#chatbox .msg {line-height: 130%;}
#chatbox_bottom {min-height: 500px!important;}

.gensmall[href="/g2-group"], span[style="color:#575757"] {text-decoration: line-through!important;}

.cp7color {
color: #F00;
animation: svcolor 1s infinite;
-moz-animation: svcolor 1s infinite;
-webkit-animation: svcolor 1s infinite;
}
@keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}
@-moz-keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}
@-webkit-keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}
@-webkit-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-moz-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-ms-keyframes blink{0%{opacity:1}100%{opacity:.1}}@keyframes blink{0%{opacity:1}100%{opacity:.1}}

#scroll {position: fixed;right: 0px;top:40%} .fly #scroll {top: 42px;}
#scroll a {
background-size: 9px!important;
width: 15px;
height:25px;
display: block;
border-radius: 3px;
margin-bottom: 4px;
}
#scroll a:hover{opacity:.5}
.scroll_b, .scroll_b:hover {
 width: 20px;height: 20px;border-radius: 2px;margin: 5px;display: block;
 background-position: center;background-repeat: no-repeat;
}
.scroll_b.up {background-image: url(http://i72.servimg.com/u/f72/15/64/85/86/up10.png);} .scroll_b.down {background-image: url(http://i72.servimg.com/u/f72/15/64/85/86/down10.png);}
#right .module.borderwrap:nth-child(5) .avatar img {
 position: absolute;top: 180px;height: 32px;width: 32px;margin-left: -278px;
 margin-top: 5px;border-radius: 4px;z-index: 998;
} .fly #right .module.borderwrap:nth-child(5) .avatar img {position: fixed;top: 0;}
.titleQT, .titleTB, .titleTNB {
background-color:#F40;
padding:3px 5px;
color:#FFF;
text-shadow:rgba(0,0,0,.2) 0 -1px 0;
font-size:11px;
font-weight:bold;
background-image:url(http://i72.servimg.com/u/f72/15/64/85/86/highli10.png);
border-radius:3px;
}
.titleTNB{background-color:#00A5CD}
.titleTB {background-color:#7CBA2C}
/*Tin nhắn nổi bật*/
.CPModeration{
overflow-y:auto;
-webkit-transition: All .5s ease;
-moz-transition: All .5s ease;
-o-transition: All .5s ease;
border-right: 10px solid rgba(0, 0, 0, 0);
width: 200px;
height: 100%;
position: fixed;
top: 0;
left: -220px;
padding: 10px;
z-index: 999;
}
.CPModeration:hover {
background: #3C3C3C;
border-right-color: #DDD;
left: 0;
}
.CPMt {
margin: 3px 0;
color: #FFF;
background: #DDD;
padding: 10px;
text-align: center;
font-weight: bold;
}
.CPMtb {
padding-left: 74px;
overflow: hidden;
width: 126px;
height: 32px;
margin: 5px -1px;
}
.CPMl {
color: #FFF!important;
padding:0 3px;
background: #00A5CD;
margin: 2px 2px 2px 0;
display: inline-block;
width: 194px;
border-radius: 2px;
transition: 0!important;
-webkit-transition: 0!important;
-moz-transition: 0!important;
-o-transition: 0!important;
}
.CPMl:hover{background:#7CBA2C}
.CPtableW1{padding-left:100px;border-radius:10px;margin:0 auto;color:#FFF}
.CPtableW2{border:0;width:66px;border-radius:90px;height:66px;position:absolute;margin:-12px 0 0 -91px;border:7px solid #FFF}
.CPtableW3{border:0;vertical-align:top;max-width:420px;text-align:justify;padding:0 10px 10px 5px;border:0}
#khungSmile {
background:#FFF;
border:1px solid #DDD!important;
width:935px!important;
}
#tag {padding:2px 0 10px 0}
#tag a {
background: #E74C2E;
color: #FFF!important;
padding: 4px;
border-radius: 3px;
}
#tag a:hover {background:#F40}
#right {width:0!important}
.post.search-results-posts .username {
display: inline-block;
width: 220px;
}
.post.search-results-posts .post-options {
width: 900px;
margin-top: -9px;
}
.post.search-results-posts .post-options li {float:right}
#right .module.borderwrap:nth-child(3) .avatar img {
position: fixed;
top: 3px;
margin-left: -40px;
z-index: 999;
height: 35px;
width: 35px;
border-radius: 2px;
}
#new-message ul{display:none}
#WallNav a {
padding: 14px 10px;
color: #FFF!important;
border-right:1px solid #EEE;
}
#WallNav {
position: absolute;
margin: -29px 0 0 15px;
}
#userlinks p strong:before {
content: "Xin chào ";
font-weight: normal;
}
#userlinks p strong {font-size:11px}
#userlinks p {font-size:0}
#profile-advanced-right .module.borderwrap+.module.borderwrap .box-content.profile {
padding: 0!important;
border:0!important
}
.box-content.profile .friend-block {
width: 90px;
height: 90px;
margin: -3px 0 9px 8px;
}
/*Display:none*/
.ipbform[action="/privmsg?folder=inbox"] .postprofile-details,.ipbform[action="/privmsg?folder=inbox"]~.borderwrap.postreview .postprofile-details,#profile-advanced-right .module.borderwrap+.module.borderwrap .maintitle,#profile-advanced-right .module.borderwrap em,span[r],.friend_list_online_status,.box-content.profile .friend-block span:before,#profile-advanced-right .module.borderwrap+.module.borderwrap .box-content.profile .clear {
display: none!important;
}
.friend-block .avatar {
border: 0;
width: 90px;
}
.box-content.profile .friend-block .avatar img {
height: 90px;
width: 90px;
}
.box-content.profile .friend-block span {
font-size: 10px;
overflow: hidden;
width: 84px!important;
text-align: left;
display: inline-block;
margin: -17px 0 0 0px;
text-shadow: 0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF;
height: 19px;
}
#profile-advanced-right .module.borderwrap+.module.borderwrap {
padding-right: 0!important;
padding-left: 0!important;
}
#profile-advanced-right #profile-advanced-add+.module.borderwrap .box-content.profile.center img:nth-child(1),#profile-advanced-right .module.borderwrap:nth-child(1) .box-content.profile.center img:nth-child(1) {
margin:-186px 0 0 -9px;
width: 120px;
height: 120px;
position: absolute;
border-radius: 99px;
border: 5px solid rgba(231, 76, 46, 0.7);
background:#FFF;
}
#profile-advanced-right .module.borderwrap+.module.borderwrap .mainmenu {
color:rgba(0,0,0,0);
clear: both;
display: block;
}
#profile-advanced-right #profile-advanced-add+.module.borderwrap span, #profile-advanced-right .module.borderwrap:nth-child(1) span {
margin: -118px 0 0 -107px;
position: absolute;
width: 230px;
text-align: right;
font-size: 20px;
text-shadow:0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF
}
#profile-advanced-right .module.borderwrap .box-content.profile.center br+img {
position: absolute;
margin: -161px 0 0 -188px;
border-radius: 4px;
}
#profile-advanced-right #profile-advanced-add+.module.borderwrap, #profile-advanced-right .module.borderwrap:nth-child(1) {
height: 0;
background: rgba(0, 0, 0, 0)!important;
border: 0!important;
}
#profile-advanced-right .module.borderwrap .maintitle{border-color:rgba(0,0,0,0)}
#profile-advanced-right .box-content.profile.center{
color:rgba(0,0,0,0);height:0;overflow:hidden
}
#i_icon_mini_new_message ~ strong {
margin: -5px 0 0 -8px;
border-radius: 2px;
text-align: center;
font-size: 14px;
padding: 2px 1px 0 1px;
color: #FFF;
width: 20px;
height: 20px;
position: absolute;
background: url(http://i15.servimg.com/u/f15/12/24/45/65/iconbl10.gif);
}
.signature_div:hover {
max-height:200px;
}
.signature_div {
max-height:100px;
overflow: hidden;
}
.codebox dt {
padding: 10px;
border-radius: 3px 3px 0 0;
}
.codebox dd {
border: 1px solid #FDDBCC;
border-radius: 0 0 3px 3px;
}
.codebox.contcode {
box-shadow: 1px 1px 2px #DDD;
border-radius: 3px;
}
#WallStt div {position:absolute}
#WallStt {
position:absolute;
margin:-224px 0 0 -647px;
color:#000;
background:rgba(255,255,255,.7);
padding:10px;
border-radius:5px;
text-align:right;
width:521px;
height: 16px;
}
#WallStt:after {
display: inline-block;
border-color:rgba(0,0,0,0) rgba(255,255,255,.7);
border-width: 7px 0 7px 15px;
border-style: solid;
position: absolute;
margin: 2px 0 0 10px;
content: "";
}
#field_id9 .field_uneditable,#field_id7+div, #field_id8+div, #field_id9+div {display:none}
#field_id7:before {
content: "Cài đặt";
position: absolute;
padding: 10px 10px 18px 10px;
margin: -55px 0 0 506px;
font-weight: bold;
color: #DDD;
}
#field_id7, #field_id8, #field_id9 {
max-height:0;
background: #FFE4E4;
padding:0 0 0 10px!important;
overflow:hidden;
-webkit-transition: all .5s ease;-moz-transition: all .5s ease;
-o-transition: all .5s ease;transition: all .5s ease;-ms-transition: all .5s ease;
transition-delay:5s;-webkit-transition-delay:5s
}
#field_id7:hover,#field_id8:hover,#field_id9:hover,#field_id7:hover~#field_id8,#field_id7:hover~#field_id9{
padding: 10px 0 10px 10px!important;
max-height:510px;
transition-delay:0;-webkit-transition-delay:0
}
#profile_field_2_7 {background:#FFF url(http://i72.servimg.com/u/f72/15/64/85/86/cp17611.png) center no-repeat}
#profile_field_2_8 {background:#FFF url(http://i72.servimg.com/u/f72/15/64/85/86/cp17710.png) center no-repeat}
#profile_field_2_9 {background:#FFF url(http://i72.servimg.com/u/f72/15/64/85/86/cp18010.png) center no-repeat}
#profile_field_2_7:hover,#profile_field_2_8:hover,#profile_field_2_9:hover,#profile_field_2_7:focus,#profile_field_2_8:focus,#profile_field_2_9:focus{background:#FFF}
#WallStt img {
width: auto!important;
height: auto!important;
position: relative!important;
margin: 0!important;
border: 0!important;
background: none!important;
border-radius: 0!important;
}
#chatbox_footer #message{background:#FFF url(http://i72.servimg.com/u/f72/15/64/85/86/cp18110.png) left center no-repeat}
#chatbox_footer #message:focus,#chatbox_footer #message:hover{background:#FFF}
#fa_toolbar {
width: 980px;
margin: 0 auto;
margin-top: -30px;
}
#fa_notifications {
background: url(http://i72.servimg.com/u/f72/15/64/85/86/cp18310.png) center no-repeat;
color: rgba(0, 0, 0, 0)!important;
float:right;
margin:36px 220px 0 0;
width: 20px;
}
#fa_toolbar > #fa_right.notification > #fa_notifications{background-color:rgba(0,0,0,0)!important}
#fa_right {height:0}
#notif_list {
width: 350px;
margin: 42px 0 0 112px!important;
border-color: #E74C2E!important;
}
#notif_list .see_all {
background:#E74C2E!important;
}
#notif_unread {
background: url(http://i15.servimg.com/u/f15/12/24/45/65/iconbl10.gif);
padding: 2px 5px;
z-index: 675;
border-radius: 2px;
line-height: 14px;
font-weight: bold;
color: #FFF;
margin-left: -54px!important;
}
#live_notif {
position: fixed!important;
bottom: 10px;
left: 10px;
}
.fa_notification{background:#E74C2E!important}
#alert{font-size:14px}
.cptitlewarn{
  font-size : 15px;
  color:#00A5CD;
  font-weight:bold;
  float:left;
  width: 100%;
}
.cptitlewarn a {
float: right;
background: #00A5CD;
padding: 0 3px;
color: #FFF;
border-radius: 3px;
}
.cpwarn{
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1.5px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
padding: 12px ;
border-radius: 3px;
width : auto;
color:black;
min-height:50px;
position: fixed;
top: 60px;
right: 30px;
z-index: 9;
opacity:.85;
}
.cpwarn:hover{opacity:1}
#cpwarn div b{color:#F00}
#cpwarn div label {
cursor: pointer;
margin: 0 6px;
}
#cpwarn [type="submit"] {
margin: 5px 110px;
width: 120px;
}

 

full skin đang xài về CSS , tự tách cái view ra nhé

[Martius Sworden]

Code:

::-webkit-scrollbar {width: 12px;height: 12px;}
::-webkit-scrollbar-thumb {background: #e74c2e;}::-webkit-scrollbar-thumb:active {background: #f40;}
::-webkit-scrollbar-track {background: rgba(0,0,0,0.1);}
#ipbwrapper {min-width:0!important;padding:0;width:937px}
#content-container div#content {margin-right:0}
:focus {outline: none;}
button, input, select, textarea, .button {border: none;border-radius: 2px;font-family: Verdana;}
input[type="text"], input[type="password"], textarea {border: 1px solid #ccc;padding: 5px 8px;}
.ipbform2 dl dd textarea.inputbox {background-color: #FFF;border: 1px solid #ccc !important;}
/*-------------------*/
select {padding: 2px;border-radius: 2px;border: 1px solid #ccc;}
/*-------------------*/
body {font-family: Verdana;background:#f6f1e7 url(http://i72.servimg.com/u/f72/15/64/85/86/square10.png) fixed}
#logostrip{
min-height:138px;
max-height:458px;
height:180px;
border-radius:0 0 3px 3px;
position:relative;
margin-top:42px;
border-bottom:42px solid rgba(231,76,46,.7);
/*background: #FFF url(http://i72.servimg.com/u/f72/15/64/85/86/cp16810.png) 28px -62px!important;*/
background: #FFF url(http://i72.servimg.com/u/f72/15/64/85/86/cp19210.jpg) !important;
}

.borderwrap .padded,.messaging-box, #smiley-box {border-radius: 2px;}
.box-content {border-bottom: none;}
div.errorwrap {-webkit-animation: error_blink 1s linear infinite;}
@-webkit-keyframes error_blink {
 0% {box-shadow: 0 0 14px red;}
 50% {box-shadow: 0 0 0 red;}
 100% {box-shadow: 0 0 14px red;}
}
.ipbform fieldset {border: 1px solid #A2A2A2;padding: 3px 10px 10px;border-radius: 3px;}
.nodis, .ipbtable thead, .ipbtable thead+tfoot, #logostrip #main-title, #logostrip #site-desc, #fo_stat.borderwrap tbody tr:first-child {display: none;}
a {text-decoration: none !important;}
button, input[type="submit"], input[type="reset"], input[type="button"], .button {
 padding: 0 10px;background-color: #333;color: #fff !important;height: 30px;border-radius: 2px;font-weight: bold;
 cursor: pointer;border: none;display: inline-block;font-size: 12px;
} button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover {background-color: #e74c2e;}
button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .button:active {background-color: #f40;}
a.button {height: auto;padding: 9px 10px;}
button.button2, input.button2 {background-image: none;}
button.button2:hover, input.button2:hover {border: none;}
div.maintitle div.toggle, div.maintitle h1, div.maintitle h2, div.maintitle h3 {color: #e74c2e;}
#submenu a, button, input[type="submit"], input[type="reset"], input[type="button"], .button, .forum-name a.forumtitle, .mods+p a[href^="/f"], .last-post-icon,
#fo_stat tbody tr td strong, .posting-buttons a:before,.postdetails dt+dd+dd+dd,.post-footer a,.postprofile-details dt *, .postprofile-details dt+dd,
.postprofile-details dt+dd * {
 -webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;
 -o-transition: all 0.1s ease;transition: all 0.1s ease;-ms-transition: all 0.1s ease;
}
.mods+p a[href^="/f"], #left .borderwrap:nth-child(5) a, a[href^="/t"]:after,.thin+div a,.thin div[class*="hours"] a,.post-footer, #chatbox_members {
 -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;transition: all 0.5s ease;-ms-transition: all 0.5s ease;
}
.mods+p a[href^="/f"]:hover, #left .borderwrap:nth-child(5) a:hover, a[href^="/t"]:hover:after,.thin+div a:hover,.thin div[class*="hours"] a:hover,
.post-footer:hover {
 -webkit-transition: all 0s ease;-moz-transition: all 0s ease;
 -o-transition: all 0s ease;transition: all 0s ease;-ms-transition: all 0s ease;
}
.postprofile-details.postdetails .label:nth-child(3){margin-left:57px}
.postprofile-details.postdetails .label:nth-child(8){margin-left:91px}
.postprofile-details.postdetails .label:nth-child(13){margin-left:23px}
.postprofile-details.postdetails dd:last-child br {display:none}
.postprofile-details.postdetails .label:nth-child(13)+br+br{display:block}
.posting-icons img[alt="Select/Unselect multi-quote"]{margin-top:-5px}
.posting-icons img[alt="Select/Unselect multi-quote"]:hover {border-bottom:1px solid #e74c2e}
.post[style="background-color:#thanks;"]:before {
content: "★ HAY NHẤT";
position: absolute;
margin: -3px 0 0 820px;
background: #7CBA2C;
color: #FFF;
width: 40px;
text-align: center;
padding: 14px 5px 11px 5px;
font-weight: bold;
z-index:1;
}
.post[style="background-color:#thanks;"] {border-color:#7CBA2C!important}
.ddvote {
background: #00ADFF;
padding: 0 5px;
border-radius: 3px;
position: absolute;
margin: 27px 0 0 0;
}
.ddvote .plus {
background: #333;
padding:0 3px;
color: #FFF;
text-shadow: none;
border-radius: 2px;
}
.ddvote a {padding:5px}
.fly #logostrip {margin-bottom: 42px;}
div#logostrip #logo {position: absolute;top: 50%;margin-top: -25px;display: none;}
#cp_a_logo {
 position:absolute;width: 345px;height: 180px;overflow: hidden;margin-left: 50px;display: block;
}
#cp_a_logo .t_text {
 display: inline-block;height: 50px;width: 36px;background-image: url(http://i37.servimg.com/u/f37/18/10/55/32/logo10.png);
 background-repeat: no-repeat;position: absolute;top: 50px;
}.t_text.c {background-position: 3px;-webkit-animation: cp_c 0.5s linear;-moz-animation: cp_c 0.5s linear;}
.t_text.h {background-position: -32px;left: 36px;-webkit-animation: cp_c 0.6s linear;-moz-animation: cp_c 0.6s linear;}
.t_text.i {background-position: -68px;width: 12px !important;left: calc(36px * 2);-webkit-animation: cp_c 0.7s linear;-moz-animation: cp_c 0.7s linear;}
.t_text.n {background-position: -80px;left: calc(36px * 2 + 12px);-webkit-animation: cp_c 0.8s linear;-moz-animation: cp_c 0.8s linear;}
.t_text.hh {background-position: -30px;left: calc(36px * 3 + 12px);-webkit-animation: cp_c 0.9s linear;-moz-animation: cp_c 0.9s linear;}
.t_text.p {background-position: -152px;left: calc(36px * 4 + 12px);-webkit-animation: cp_c 1s linear;-moz-animation: cp_c 1s linear;}
.t_text.hhh {background-position: -188px;left: calc(36px * 5 + 12px);-webkit-animation: cp_c 1.1s linear;-moz-animation: cp_c 1.1s linear;}
.t_text.u {background-position: -224px;left: calc(36px * 6 + 12px);-webkit-animation: cp_c 1.2s linear;-moz-animation: cp_c 1.2s linear;}
.t_text.cc {background-position: -260px;left: calc(36px * 7 + 12px);-webkit-animation: cp_c 1.3s linear;-moz-animation: cp_c 1.3s linear;}
#cp_a_logo .t_plane {
 height: 95px;width: 115px;background-image: url(http://i37.servimg.com/u/f37/18/10/55/32/cp_pla10.png);left: 226px;
 background-repeat: no-repeat;position: absolute;top: 70px;
 -webkit-animation: cp_p 2s linear;-moz-animation: cp_p 2s linear;
} #cp_a_logo .t_slogan {
 height: 19px;width: 246px;background-image: url(http://i72.servimg.com/u/f72/15/64/85/86/cp16710.png);
 background-repeat: no-repeat;position: absolute;top: 114px;left: 5px;
 -webkit-animation: cp_s 3s linear;-moz-animation: cp_s 3s linear;
}
@-webkit-keyframes cp_s {0% {-webkit-filter: blur(30px);}75% {-webkit-filter: blur(30px);}100%{-webkit-filter: blur(0px);}}
@-moz-keyframes cp_s {0% {opacity: 0;}75% {opacity: 0;}100%{opacity: 1;}}
@-webkit-keyframes cp_c {0% {-webkit-transform: scale(0);}50% {-webkit-transform: scale(0);}100%{-webkit-transform: scale(1);}}
@-moz-keyframes cp_c {0% {-moz-transform: scale(0);}50% {-moz-transform: scale(0);}100%{-moz-transform: scale(1);}}
@-webkit-keyframes cp_p {0% {left: 0;top: 100%;}70% {left: 0;top: 100%;}100%{left: 226px;top: 70px;}}
@-moz-keyframes cp_p {0% {left: 0;top: 100%;}70% {left: 0;top: 100%;}100%{left: 226px;top: 70px;}}
#logostrip+#submenu {background-color:#E74C2E;padding:0;position:fixed;font-size:0;z-index:666;right:0;top:0;width:100%}
#submenu ul {
 width:937px;margin: 0 auto;
} #submenu ul li a {
 color: #FFF;margin: 0;padding: 13px 12px;font-size: 12px;font-weight: bold;
 display: inline-block;float: left;
} #submenu ul li a:hover {
 background-color: rgba(0,0,0,0.1);box-shadow: inset 0 14px 10px rgba(0,0,0,0.1);
 text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
#submenu ul li a img {display: none;}
#submenu a[href*="/login"],#submenu a[href*="/privmsg"], #submenu a[href*="/profile?mode=edit"] {
 float: right;width: 32px;height: 32px;padding: 0;font-size: 0;margin: 5px 0;
 border-radius: 4px;margin-right: 5px;background-image: url(http://i37.servimg.com/u/f37/18/10/55/32/cpskin10.png);background-repeat: no-repeat;
} #submenu a[href*="/login"]:hover,#submenu a[href*="/privmsg"]:hover, #submenu a[href*="/profile?mode=edit"]:hover {
 box-shadow: none;
} #submenu a[href*="/profile?mode=edit"] {background-position: 9px;margin-right: 42px;}
#submenu a[href*="/privmsg"] {background-position: -15px 8px;}
#submenu a[href*="/login"] {background-position: -39px;}
#submenu a[href*="/login?logout"] {background-position: -62px;
}/* http://i37.servimg.com/u/f37/18/10/55/32/cpskin10.png */
#submenu a[href*="/search"] {display: none;}
#submenu+#userlinks {
background:rgba(0,0,0,0);
padding: 0;
padding-top: 10px;
border-bottom: none;
padding-left: 5px;
position: absolute;
width:931px;
margin-top: -37px;
color: #FFF;
}
#submenu+#userlinks a {
color: #FFF;
padding: 16px 6px 13px;
}
#submenu+#userlinks a:hover{background:rgba(255,68,0,.6)}
#userlinks ul li:after{display:none}
#userlinks ul li{margin:0!important}
#left {overflow:hidden!important;height:406px;float:none!important;width:937px!important;margin-right:0!important;}
#left .module.borderwrap {padding: 10px;border:1px solid #DDD;border-radius:3px;margin-top: 10px;}
#left .module.borderwrap+div[style*="height"] {display: none;}
#left .module.borderwrap:nth-of-type(3) {width: 200px;float: left;}
#left .module.borderwrap:nth-of-type(5) {margin-left: 230px;counter-reset:nbr;}
#left .module .maintitle, #profile-advanced-right .module .maintitle, ul.popupmenu li.popupmenu-category, .activeusers-box .formsubtitle,
.pagination+.right+.borderwrap .maintitle, #chatbox_header {
 background-color: transparent;color: #e74c2e;font-size: 15px;padding: 0;padding-bottom: 8px;
 border-bottom: 3px solid #e5e5e5;line-height: 14px;max-height: 14px;
}
.box-content form[name="cpsearch"] td:first-child {width: 850px !important;}
.box-content form[name="cpsearch"] td:last-child {width: 90px !important;text-align: right !important;}
.box-content form[name="cpsearch"] td:first-child input {
 width: calc(100% - 20px) !important;border-radius: 2px;padding: 0 8px;outline: none;
}
#left .module.borderwrap:nth-of-type(5) .maintitle h3, #left .module.borderwrap:nth-of-type(3) .maintitle h3 {font-size: 0;}
#left .module.borderwrap:nth-of-type(5) .maintitle h3:before {content: "Các bài viết cuối cùng";font-size: 15px;}
#left .module.borderwrap:nth-of-type(3) .maintitle h3:before {content: "Tích cực trong tuần";font-size: 15px;}
#left .module.borderwrap:nth-child(5) .box-content a:nth-child(10n+1) {color: #00A5CD;}
#left .module.borderwrap:nth-child(5) .box-content a:nth-child(10n+6) {color: #7CBA2C;}
#left .module.borderwrap:nth-child(5) .box-content a:hover {color: #e74c2e;}
.module .box-content {padding: 0;background: transparent;margin-top: 10px;font-size: 13px;line-height: 22px;}
#left .module.borderwrap:nth-child(5) .box-content a[href^="/u"] {float: right;}
#left .module.borderwrap:nth-child(5) .box-content a[href^="/t"] {
 margin-right: -30px;background: #FFF;position: relative;max-width: 328px;height: 20px;float: left;
} #left .module.borderwrap:nth-child(5) .box-content a[href^="/t"]:after {
 content: "";position: absolute;height: 22px;width: 220px;background: #fff;top: 0;left: 100%;
} #left .module.borderwrap:nth-child(5) .box-content a[href^="/t"]:hover:after {background: transparent;}
#left .module.borderwrap:nth-child(5) .box-content a[href^="/t"]:before{
 content: counter(nbr);counter-increment: nbr;width: 18px;display: inline-block;text-align: center;
 margin-right: 8px;background: #E0E0E0;font-size: 10px;line-height: 14px;border-radius: 2px;font-weight: lighter;
}
#left .module.borderwrap:nth-child(5) .box-content a+br {display: none;}
#left .module.borderwrap:nth-child(5) .box-content {max-height: 220px;overflow-y: scroll;}
.box-content::-webkit-scrollbar {width: 12px;}
.box-content::-webkit-scrollbar-thumb {background: #e5e5e5;border-left: 6px solid #fff;}
.box-content:hover::-webkit-scrollbar-thumb {background: #e5e5e5;}
.box-content::-webkit-scrollbar-thumb:active {background: #e74c2e;}
.box-content::-webkit-scrollbar-track {background: rgba(0,0,0,0);}
.reload-posts {font-size: 12px;color: #aaa !important;cursor: pointer;}
#content-container div#left, #content-container div#main {overflow: visible;margin-bottom: 10px;}
.box-content table[summary="Top posting users this week"] {border: none;border-spacing: 0;}
table[summary="Top posting users this week"] .row1, table[summary="Top posting users this week"] .row2 {border-bottom: none!important;background-color: transparent !important;}
table[summary="Top posting users this week"] tr > td[title] {text-align:right;width: 20px !important;}
table[summary="Top posting users this week"] tr > td[title] table {width: 12px;display: inline-block;}
table[summary="Top posting users this week"] tr > td:first-child {width: 150px !important;}
#tp_nb {padding:1px 5px;color:#fff;background:#e74c2e;border-radius:2px;font-size:12px;}
.rl-loading {
 font-size: 11px;background: #E74C2E;padding: 2px 5px;border-radius: 3px;
 color: #FFF;margin-left: 5px;cursor: default;
}
.pagination.topic-options {font-size: 0;}
.topic-footer, .borderwrap .bar,.pagination.topic-options > a, div.pagination b, #forum_rules,.postreview > .box-content,
div.overview, #fo_stat+br+.module form[name="form_login"], #profile-advanced-details, #profile-advanced-right .module,
.dropped+.ipbtable, strong.pagination a, #forummenu-options_menu ,.darkrow, .activeusers-box, .activeusers, .pagination+.right+.borderwrap,
#chatbox_contextmenu, .posting-options+.clearfix+.row2 {
 padding: 8px 10px !important;border-radius:3px;
 line-height: 16px;background-color: #fff !important;border:1px solid #DDD!important;
} .pagination.topic-options > a, div.pagination b {padding: 4px 6px !important;font-size: 12px;margin-right: 5px;}
div.pagination b {background-color: #333 !important;box-shadow: 0 0 transparent;font-weight: bold;cursor: default;}
.pagination.topic-options > a.goto {padding-right: 14px !important;}
.pagination+.right+.borderwrap td {background: transparent;}
.activeusers-box .row1 {background: transparent;border-bottom: none !important;} .activeusers-box .row1 p {padding: 10px 0;}
#forum_rules {margin-bottom: 10px;} #forum_rules .maintitle {
 border-bottom: 1px solid #DDD;padding: 0;padding-bottom: 10px;
} #forum_rules+br {display: none;}
#forum_rules+.borderwrap.ipbform2 {
 box-shadow: 0 0 0 1px rgba(0,0,0,0.1);border-radius: 2px;border: none !important;
}
.overview .title-overview {padding: 0;padding-bottom: 10px;}
.popmenubutton p.left-overview a {background-color: #333 !important;margin: 1px 0;display: inline-block !important;padding: 2px 5px !important;}
.popmenubutton p.left-overview a:hover {background-color: #e74c2e !important;}
.darkrow {margin-top: 10px;}
.mainmenu[href="/faq"], .mainmenu[href="/groups"] {display:none!important}
#navstrip, .subtitle, div.box-content.agreement, div.newslink, .box-content.profile {
 padding: 8px 10px !important;border-radius:3px;
 line-height: 16px;text-transform: uppercase;background-color: #fff !important;border:1px solid #DDD;
} #navstrip[style] {display: none;}
#navstrip li {background-image: none;}
#navstrip li.begin {background: url(http://i37.servimg.com/u/f37/18/10/55/32/cpskin10.png) no-repeat -94px;padding-left: 24px;margin: 0;}
#navstrip a {color: #aaa;} #navstrip a:hover {color: #f40 !important;}
#navstrip+.borderwrap, #navstrip+.newslink+.borderwrap, .borderwrap+br+.borderwrap, #fo_stat.borderwrap, .posting-options+.clearfix+.borderwrap {
 background: transparent;border:none;padding: 0;}
div.box-content.agreement {margin-top: 10px}
div.box-content.agreement > .agreement, .box-content.profile {
 background: #fff;padding: 0;padding-bottom: 10px;
 border-bottom: none !important;text-transform: initial;
}.box-content .agreement+.rules {background: #fff;}
.topic-footer {text-transform: initial;}
.formbuttonrow {
 background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important;
}
.maintitle, #qpost {background-color: transparent !important;}
.borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1;}
table.index-box tbody tr {
 width: 302px;float: left;margin-right: 12px;margin-top: 12px;border-radius: 2px;
 background: #fff;border:1px solid #DDD;height: 350px;position: relative;
}
table.index-box tbody tr:nth-child(3n+3) {margin-right:0}
#c2 tbody tr:nth-child(5){margin:12px 0 0 0}
#c4 tbody tr{height:304px!important}
#c11 tbody tr:nth-child(4){margin-right:-9px}
#c11 tbody tr {
height: 279px;
width: 231px;
margin-right: 4px;
}
#c11 tbody {
margin-left: -4px;
display: block;
}
table.index-box tbody tr td {display: block;background: transparent !important;border-bottom: none !important;}
table.index-box tbody tr td .forum-name a.forumtitle {
 display: block;background-color: #e74c2e;padding: 10px;padding-top: 130px;line-height: 10px;border-radius: 2px 2px 0 0;
 color: #FFF;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);position: relative;margin-bottom: 10px;
 background-position: center !important;background-repeat: no-repeat !important;z-index: 1;
} table.index-box tbody tr:hover .forum-name a.forumtitle {margin-top: -32px;margin-bottom: 42px;}
table.index-box tbody tr td .status {position: absolute;right: 0;z-index: 2;margin: 0 !important;}
table.index-box tbody tr td .status img[title^="Bài viết mới"] {
 position: absolute;background: url(http://i35.servimg.com/u/f35/15/64/85/86/untitl21.png);width: 105px;height: 31px;
 margin-top: 10px;right: -5px;
}
table.index-box tbody tr td.row2.icon {padding: 0 !important;height: auto;}
table.index-box tbody tr td.row1.centered, table.index-box tbody tr td.row2.centered {
 padding: 10px;line-height: 12px;color: #fff;background: #333 !important;top: 118px;font-weight: bold;
 position: absolute;width: calc(50% - 20px);height: auto;text-align: left;
} table.index-box tbody tr td.row2.centered {left: 50%;}
table.index-box tbody tr td.row1.centered:after {content: "chủ đề";margin-left: 4px;}
table.index-box tbody tr td.row2.centered:after {content: "bài viết";margin-left: 4px;}
.forum-desc {padding: 0 10px;}
.forum-name+.mods {padding: 10px;padding-top: 0;font-weight: bold;}
.forum-name+.mods+p {padding: 0 10px;font-size: 0;}
.mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;}
.mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;}
.mods+p a:nth-of-type(2n+2) {
 padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px);
 border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px;
 height: 16px;overflow: hidden;float: left;
} .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
table.index-box tbody tr td:last-child {
 position: absolute;padding: 0;bottom: 0;margin: 10px;padding-top: 10px;
 width: calc(100% - 20px);border-top: 1px solid #f4f4f4;
} table.index-box tbody tr td:last-child strong+a {
 position: absolute;margin: 10px 0;width: 44px;height: 44px;border-radius: 4px;
 right: 0;top: 0;background: #333 url(http://i37.servimg.com/u/f37/18/10/55/32/arrow10.png) center no-repeat;
} table.index-box tbody tr td:last-child strong+a:hover {background-color: #e74c2e;}
table.index-box tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;}
table.index-box#c2 tbody tr:first-child {height: 714px;}
table.index-box#c2 tbody tr:first-child td:last-child {display: none;}
.mtbox {
 padding: 10px;display: block;width:289px;max-height:450px;
 overflow: hidden;padding-bottom: 0;
} .thuxem {margin-top: 10px;}
.thuxem a[href^="/t"] {display: block;height: 15px;overflow: hidden;}
div.maintitle .contract, div.maintitle .expand {
 height: 16px;width: 16px;background-color: #333 !important;border-radius: 2px;position: relative;
} div.maintitle .contract:after,div.maintitle .expand:after {
 content: "-";color: #FFF;width: 16px;position: absolute;height: 16px;left: 0;
 top: -1px;font-size: 19px;text-align: center;background: #333;border-radius: 2px;
} div.maintitle .expand:after {content: "+";}
div.maintitle .expand:before {
 content: "";position: absolute;width: 960px;height: 32px;background: #fff;
 right: -8px;border-radius: 2px;box-shadow: 0 0 0 1px rgba(0,0,0,0.1);top: -9px;
}
#fo_stat {margin-top: 10px;}
#fo_stat .maintitle {color: #e74c2e;padding: 5px 10px;} #fo_stat .maintitle h3 {position: relative;z-index: 1;}
#fo_stat tbody tr:nth-of-type(2n+2), .qreply {
 background: #fff;border-radius:2px;display:block;margin:5px 0;
 padding: 10px;position: relative;border: 1px solid #DDD;
} #fo_stat .maintitle .expand:before {right: -10px;}
#fo_stat tbody tr:nth-of-type(2n+2) td.row1 {display: none;}
#fo_stat tbody tr:nth-of-type(2n+2) td.row2 {display: block;padding: 0;}
.thin {border-bottom: 1px solid #f4f4f4;border-top: 1px solid #f4f4f4;margin: 10px 0;padding: 10px 0;line-height: 100%;}
.thin div[class*="hours"] {font-size:0;text-align:justify}
.thin div[class*="hours"]:before {
 content: "Các thành viên truy cập trong 24 giờ qua:";font-size: 12px;display: block;
 padding: 6px 0;border-top: 1px solid #f4f4f4;margin-top: 10px;padding-top: 10px;
}
.thin div[class*="hours"] a {
 padding: 3px 4px;color: #333;line-height: 12px;
 border-radius: 2px;font-size: 12px;display: inline-block;
}
.thin+div {font-size: 0;text-align: center;} .thin+div a {
 padding: 2px 4px;color: #333;
 border-radius: 2px;font-size: 12px;display: inline-block;
} .thin+div a:hover, .thin div[class*="hours"] a:hover, .thin div[class*="hours"] a:hover * {background: #333;color: #fff !important;}
#chatbox_popup {font-size: 0;height: 0px;} #chatbox_popup a {
 position: absolute;right: 10px;top: -30px;font-weight: bold;text-transform: uppercase;
 background: #333;padding: 4px 8px;border-radius: 2px;color: #fff;max-height: 16px;
} #chatbox_popup a:hover {background: #e74c2e;} #chatbox_popup a:after {content: "Tham gia chat";font-size: 12px;}
#fo_stat tbody tr:nth-of-type(6) td.row2 p:first-child {float: right;}
#fo_stat tbody tr:nth-of-type(6) td.row2 strong {background: #ddd;padding: 1px 4px;border-radius: 2px;}
#fo_stat tbody tr:nth-of-type(6) td.row2 strong:hover {background: #e74c2e;color: #fff;}
#fo_stat tbody tr th.formsubtitle {background: transparent;color: #e74c2e;padding: 5px 10px;}
#fo_stat tbody tr td {background: transparent;border-bottom:none !important;}
#chatbox .user-msg {float:left}
#chatbox_bottom, #gfooter {background: #fff;border-radius:3px;border:1px solid #DDD}
#chatbox_bottom+script+div[style*="resize"] {height: 15px;margin-top: -15px;}
#chatbox_bottom+script+div[style*="resize"] img {position: relative;z-index: 1;}
#fo_stat+br+.borderwrap+br,#fo_stat+br+.borderwrap+br+br {display: none;}
.qreply {width: auto !important;border: none;margin: 0;}
#qpost .maintitle+br {display: none;}
#gfooter {
color: #333;position: relative;padding:10px 10px 36px 10px;margin-bottom:0;border-radius:3px 3px 0 0;border-bottom:0
}
#gfooter a {color:#e74c2e!important;}
#gfooter ul li strong~strong,#gfooter+p br,#gfooter #CPskin {display:none}
#gfooter+p a {color:#E74C2E}
#gfooter+p{
position: absolute;
margin:-24px 0 0 690px;
}
.current-time {float: right;font-size: 12px;padding-top: 5px;}
#gfooter .footer-links {
width: 100%;border-top: 1px solid #F4F4F4;margin-top: 10px;padding-top: 10px;margin-bottom: 4px;
}
.footer-links del {display: block;position: relative}
.footer-links del ul {float: right;width:200px;font-size: 0;text-align: right;}
.footer-links del ul a {display: block;font-size: 11px;line-height: 0;}
#gfooter a[href="http://diendan.chinhphuc.info"] {
 position: absolute;width: 260px;height: 78px;left: 25%;top: 0;color: transparent !important;margin:10px 0 0 -56px;
 background: url(http://i12.servimg.com/u/f12/15/64/85/86/cpclog10.png) center no-repeat;background-size: 100%;
}
#gfooter [href="http://juskteez.com"] {
margin:34px 0 0 -507px;
position: absolute;
color: #FFF!important;
background: #E74C2E!important;
padding: 11px 9px;
border-radius: 3px 3px 0 0;
box-shadow: inset 0 2px 9px -4px #333;
}
.posting-options {margin: 10px 0;} #navstrip+.posting-options {margin-top: 0;}
.posting-options+.clearfix+br {display: none;}
.posting-buttons a img {display: none;}
.posting-buttons a:before {
 content: "Trả lời chủ đề";font-size: 16px;font-weight: bold;background-color: #7CBA2C;
 padding: 8px 14px;border-radius: 2px;color: #fff;margin-left: 10px;display: inline-block;
}
.posting-buttons a[href*="mode=reply"]:before {background-color: #00A5CD;}
.posting-buttons a[href*="mode=newtopic"]:before {content: "Mở chủ đề mới";}
.posting-buttons a:hover:before {background-color: #e74c2e;}
.posting-options+.clearfix+.borderwrap > .post, .posting-options+.clearfix+.borderwrap .maintitle {
 border:1px solid #DDD;background-color: #fff !important;border-radius:3px;
 margin-bottom:10px
}
.posting-options+.clearfix+.borderwrap .maintitle {color: #e74c2e;padding: 8px 10px;padding-bottom: 7px;}
.posting-options+.clearfix+.borderwrap .maintitle h3 {margin-top: 2px;}
.posting-options+.clearfix+.borderwrap .maintitle .popmenubutton a {
 background-color: #333;border: none;border-radius: 2px;color: #fff;
 padding: 2px 5px;display: inline-block;background-image: none;
} .posting-options+.clearfix+.borderwrap .maintitle .popmenubutton a:hover {background-color: #e74c2e;}
.postprofile .popmenubutton {padding: 0;}
.postprofile .popmenubutton+.popupmenu {
 margin-top: -18px;margin-left: 70px;border-radius: 2px;border: none;
 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
} .postprofile .popmenubutton+.popupmenu li img,.postprofile .popmenubutton+.popupmenu .avatar {display: none;}
.postprofile .popmenubutton+.popupmenu li {
 border-bottom: none;padding: 0;max-height: 20px;
} .postprofile .popmenubutton+.popupmenu li a, #chatbox_contextmenu a {
 padding: 2px;width: auto;margin: 0;display: block;font-size: 11px;
 float: none;text-align: left;border-radius: 2px;color: #333;
} .postprofile .popmenubutton+.popupmenu li a:hover, #chatbox_contextmenu a:hover {background: #333;color: #fff;}
.popupmenu li a[title*="Website"]:after {content: "Trang web";padding-left: 4px;}
.post,.post-container,.post-footer {background-color: transparent;}
.post-container {margin-left: 0;padding-top: 71px;position: relative;}
.post-container .postbody-head {
 padding: 11px;position: absolute;width:915px;background-color:#F7F7F7;
 left: -1px; top: -1px;border-radius: 3px 3px 0 0;height: 49px;font-size: 12px;
 text-shadow: 0 0 3px #fff,0 0 4px #FFF,0 0 5px #fff,0 0 6px #fff,0 0 2px #fff;
} .postbody-head .post-info {font-size: 11px;}
.postbody-head.postdetails.post-header .post-info+h3 a{
display:inline-block;max-width:290px;height:17px;overflow:hidden;vertical-align:middle
}
.postbody-head h3 img {display: none;}
.postbody-head h3 {
 display: inline-block;font-size: 12px;margin-right: 0;vertical-align: middle;
 margin-left: 58px;margin-top: 35px;
} .postbody-head h3 a {color: #e74c2e;}
.postbody-head h3:after {content: " -";}
.postbody-head .author {display: inline-block;overflow: hidden;text-indent: -22px;vertical-align: middle;margin-top: 35px;padding-right: 5px}
.postbody-head .author img, .postbody-head .author a {display: none;}
.post-entry {margin: 0 10px;margin-top: -2px;border-top: 1px solid #F4F4F4;padding: 10px 0}
.postprofile {margin-top: -70px;position: absolute;margin-left: -1px;z-index: 1;} .postprofile:hover {z-index: 2;}
.postprofile .post-header {background-color: transparent;padding: 0;width: 0;float: left;z-index: 3;}
.postprofile .post-header .popmenubutton a {
 margin: 10px;display: inline-block;height: 50px;width: 50px;
 padding: 0;border-radius: 100%;overflow: hidden;border: none;opacity: 0;
} .popmenubutton-new-out {width: 60px;}
.postprofile-details {
 margin: 0;width: 400px;border-radius: 2px;
} .postprofile:hover .postprofile-details {box-shadow: 0 21px 21px rgba(0,0,0,0.5), 1px 0 rgba(0,0,0,0.1);background: rgba(255,255,255,0.3);}
.postprofile-details dt,.postprofile-details dt+dd {position: relative;z-index: 2;text-shadow: 0 0 3px #fff,0 0 4px #FFF,0 0 5px #fff,0 0 6px #fff,0 0 2px #fff;}
.postprofile-details dt img {background:#FFF;height:50px;width:50px;border-radius:100%;margin:8px 10px 0 10px;float:left;border:3px solid #FFF}
.postprofile-details dt a+br+a {font-size: 13px;float: left;font-weight: bolder;margin-top: -6px;}
.postprofile:hover .postprofile-details dt a+br+a {margin-top: -3px;}
.postprofile-details dt+dd {margin-top: -6px;height: 24px;z-index: 1;}
.postprofile:hover .postprofile-details dt+dd {margin-top: -3px;}
.postprofile-details dt+dd img:first-child {height: 16px;width: 16px;margin: 0 8px;}
.postprofile-details dt+dd > img{height: 18px;position: absolute;margin-top: 1px;border-radius: 2px;}
.postprofile:hover .postprofile-details dt+dd > img {height: 20px;margin-top: 13px;}
.postprofile:hover .postprofile-details dd:last-child hr~img, .postprofile:hover .postprofile-details dd:last-child hr~a img {
max-width: 64px!important;
}
.postprofile-details dt+dd+dd {display: none;}
.postprofile-details dd:last-child {
background: #fff;border-radius: 0 0 2px 2px;box-shadow: 0 -1px rgba(0,0,0,0.1);padding:10px;
padding-top:32px;position: relative;display: none;line-height: 20px;width: 378px;padding-right: 12px;
} .postprofile:hover  .postprofile-details dd:last-child {display: block;}


.postprofile-details dd:last-child hr {border: 1px dashed #ddd;border-bottom: 0;margin: 5px 0;margin-bottom: 10px;}
.postprofile .postdetails dd:last-child a[href*="/f48-"] {
 color: #FFF;width: 85px;text-align: center;padding: 2px 0;padding-left: 22px;display: inline-block;
 background: #333 center left no-repeat;background-position: 6px;border-radius: 2px;
} .postprofile .postdetails dt+dd+dd+dd a[href*="/f48-"]:hover {background-color: #e74c2e;}
.postdetails img[src*="9356f62b1a_th.png"] {display: none;}
.post-footer {border-top: none;padding:10px;border-top: 1px solid #DDD}
.post-footer a img {display: none;} .post-footer ul {margin: 0 !important;}
.post-footer a {
 color: #e74c2e;margin-right: 24px;
} .post-footer a:hover {color: #f40;text-decoration: underline !important;}
.post-footer a:after {content: "•";text-decoration: none !important;margin-left: 9px;position: absolute;}
.post-footer li:last-child a:after {content: "";} .post-footer li:last-child a {margin-right: 0;}
.post-footer a[href*="mode=delete"]:before {content: "Xoá";}
.post-footer a[href*="mode=edit"]:before {content: "Sửa";}
.post-footer a[href*="mode=quote"]:before {content: "Trích dẫn";}
.post-footer a[href*="mode=report"]:before {content: "Báo cáo";}
.post-footer a[href*="mode=lock"]:before {content: "Chặn";}
.post-footer a[href*="?thank"]:before {content: "Chọn làm câu trả lời hay nhất"}
.post-footer a[href*="#top"] {display: none;}
.post-footer a[href^="/report?mode=unlock&p="]:before {content:"Bỏ chặn"}
.vote {display: none;}
.cplike {position: absolute;bottom: 10px;right: 10px;}
.cplike .cp_like_button {
 background: #00ADFF;padding: 2px 4px;display: inline-block;color: #fff;
 font-weight: bold;font-size: 11px;border-radius: 2px;text-shadow:none;
} .cplike .cp_like_button a {color: #fff;}
.cp_like_button .plus {
 background: #333;padding: 0 3px;line-height: 14px;border-radius: 2px;
 display: inline-block;margin-left: 4px;
} #quick_reply .center {margin-top: 10px;}
.ipbform[action^="/privmsg?folder="] .postprofile-details, .ipbform[action^="/privmsg?folder="]~div .postprofile-details {
display: none!important;
}
.postreview .postprofile {right: 0;width: auto;margin: 0;}
.postreview .post-header {width: auto;min-height: 16px;}
.postreview .postbody-head {height: auto;padding: 0;padding-bottom: 10px;position: relative;}
.postreview .postbody-head h3 {margin: 0;}
.postreview .post-container {padding-top: 0;}
.postreview .post-entry {margin:10px 0;margin-top:0}
#fo_stat+br+.module form[name="form_login"] {
 position: fixed;width: 198px;height: 200px;top: 60px;
 left: 20px;z-index: 666;
} #fo_stat+br+.module {margin-top: 0;box-shadow: none;}
#fo_stat+br+.module form[name="form_login"] label {display: block;}
#fo_stat+br+.module form[name="form_login"] label .genmed {display: none;}
#fo_stat+br+.module form[name="form_login"] label input[size] {width: 180px;}
#fo_stat+br+.module form[name="form_login"] label:nth-of-type(3) .gensmall {font-size: 0;}
#fo_stat+br+.module form[name="form_login"] label:nth-of-type(3) .gensmall:after {content: "Duy trì đăng nhập";font-size: 13px;}
#fo_stat+br+.module form[name="form_login"] .box-content {padding: 0 !important;margin: 2px 0 !important;}
#profile-advanced-details .separator {padding-top: 0 !important;}
#profile-advanced-details dl {margin: 0;}
ul.privmsg li {background-color: #e74c2e;margin-right: 0;}
ul.privmsg li a {
 background-color: #333;display: inline-block;margin: -5px -10px;
 padding: 4px 8px;color: #FFF;
} ul.privmsg li a:hover {background-color: #e74c2e;}
#profile-advanced-right {margin-top: 34px;}
#profile-advanced-details .message-header {background: #DDD;border-top: 1px solid #333;}
#profile-advanced-add {position: absolute;margin: 0;margin-top: -20px;width: 304px;text-align: center;}
#profile-advanced-add br {display: none;}
#profile-advanced-add a {display: inline-block;margin: 0 6px;background: #333;padding: 2px 5px;color: #fff;border-radius: 2px;}
#profile-advanced-add a:hover {background: #e74c2e;}
.dropped+.ipbtable td {background-color: transparent;}
.dropped+.ipbtable td.row2.centered {font-weight: bold;}
strong.pagination a {padding: 2px 3px !important;font-size: 11px;}
.formbuttonrow input[name="sticky"] {margin-left: 4px;}
.chatbox {background: #fff;}
.chatbox-title {padding: 3px 10px;font-size: 13px;font-weight: bold;}
.chatbox-title a {color: #e74c2e}
.chatbox-options {margin: 1px;}
#chatbox .user span, .online-users li a span, .online-users li span, .away-users li a span, .away-users li span {display: none;}
#chatbox .user a *, .online-users li a span:last-child, .away-users li a span:last-child {display: inline-block !important;}
#chatbox_members {
 left: -160px;background-color: #fff;z-index: 1;
 border-right: 3px solid #ddd;position: fixed;opacity: 0;
} #chatbox_members:hover {left: 0;opacity: 1;}
#chatbox {left: 0;bottom: 39px;}
#chatbox_header {padding: 5px;padding-bottom: 8px;box-shadow: 0 5px 20px rgba(0,0,0,0.5);z-index: 3;position: relative;}
#chatbox_footer {background-color: #fff;border-top: 1px solid #ddd;z-index: 3;}
#chatbox_footer input[name="submit_button"] {height: 28px;}
#chatbox_messenger_form .style-buttons {width: 100%;}
.text-field label {font-size: 0;}
#chatbox_messenger_form .text-field label #message {width:621px}
#chatbox_messenger_form .right:last-child {margin: 2px;position: absolute;left: 4px;}
#chatbox_messenger_form .right .fontbutton {border: 1px solid #ccc;border-radius: 2px;margin-right: 5px;}
#chatbox_messenger_form .right .fontbutton#divcolor {padding: 3px 1px;}
#chatbox_contextmenu {z-index: 2;}
#chatbox_contextmenu p {border-bottom: none;padding: 0;}
#chatbox p[class*="chatbox_row"] {margin-bottom: 1px;border-top: 1px solid #ddd;}
#chatbox p[class*="chatbox_row"] .date-and-time {float: right;color: #aaa;}
#chatbox .user {display: block;margin-bottom: 3px;font-size: 0;}
#chatbox .user a {font-size: 14px;}
#chatbox .msg {line-height: 130%;}
#chatbox_bottom {min-height: 500px!important;}

.gensmall[href="/g2-group"], span[style="color:#575757"] {text-decoration: line-through!important;}

.cp7color {
color: #F00;
animation: svcolor 1s infinite;
-moz-animation: svcolor 1s infinite;
-webkit-animation: svcolor 1s infinite;
}
@keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}
@-moz-keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}
@-webkit-keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}
@-webkit-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-moz-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-ms-keyframes blink{0%{opacity:1}100%{opacity:.1}}@keyframes blink{0%{opacity:1}100%{opacity:.1}}

#scroll {position: fixed;right: 0px;top:40%} .fly #scroll {top: 42px;}
#scroll a {
background-size: 9px!important;
width: 15px;
height:25px;
display: block;
border-radius: 3px;
margin-bottom: 4px;
}
#scroll a:hover{opacity:.5}
.scroll_b, .scroll_b:hover {
 width: 20px;height: 20px;border-radius: 2px;margin: 5px;display: block;
 background-position: center;background-repeat: no-repeat;
}
.scroll_b.up {background-image: url(http://i72.servimg.com/u/f72/15/64/85/86/up10.png);} .scroll_b.down {background-image: url(http://i72.servimg.com/u/f72/15/64/85/86/down10.png);}
#right .module.borderwrap:nth-child(5) .avatar img {
 position: absolute;top: 180px;height: 32px;width: 32px;margin-left: -278px;
 margin-top: 5px;border-radius: 4px;z-index: 998;
} .fly #right .module.borderwrap:nth-child(5) .avatar img {position: fixed;top: 0;}
.titleQT, .titleTB, .titleTNB {
background-color:#F40;
padding:3px 5px;
color:#FFF;
text-shadow:rgba(0,0,0,.2) 0 -1px 0;
font-size:11px;
font-weight:bold;
background-image:url(http://i72.servimg.com/u/f72/15/64/85/86/highli10.png);
border-radius:3px;
}
.titleTNB{background-color:#00A5CD}
.titleTB {background-color:#7CBA2C}
/*Tin nhắn nổi bật*/
.CPModeration{
overflow-y:auto;
-webkit-transition: All .5s ease;
-moz-transition: All .5s ease;
-o-transition: All .5s ease;
border-right: 10px solid rgba(0, 0, 0, 0);
width: 200px;
height: 100%;
position: fixed;
top: 0;
left: -220px;
padding: 10px;
z-index: 999;
}
.CPModeration:hover {
background: #3C3C3C;
border-right-color: #DDD;
left: 0;
}
.CPMt {
margin: 3px 0;
color: #FFF;
background: #DDD;
padding: 10px;
text-align: center;
font-weight: bold;
}
.CPMtb {
padding-left: 74px;
overflow: hidden;
width: 126px;
height: 32px;
margin: 5px -1px;
}
.CPMl {
color: #FFF!important;
padding:0 3px;
background: #00A5CD;
margin: 2px 2px 2px 0;
display: inline-block;
width: 194px;
border-radius: 2px;
transition: 0!important;
-webkit-transition: 0!important;
-moz-transition: 0!important;
-o-transition: 0!important;
}
.CPMl:hover{background:#7CBA2C}
.CPtableW1{padding-left:100px;border-radius:10px;margin:0 auto;color:#FFF}
.CPtableW2{border:0;width:66px;border-radius:90px;height:66px;position:absolute;margin:-12px 0 0 -91px;border:7px solid #FFF}
.CPtableW3{border:0;vertical-align:top;max-width:420px;text-align:justify;padding:0 10px 10px 5px;border:0}
#khungSmile {
background:#FFF;
border:1px solid #DDD!important;
width:935px!important;
}
#tag {padding:2px 0 10px 0}
#tag a {
background: #E74C2E;
color: #FFF!important;
padding: 4px;
border-radius: 3px;
}
#tag a:hover {background:#F40}
#right {width:0!important}
.post.search-results-posts .username {
display: inline-block;
width: 220px;
}
.post.search-results-posts .post-options {
width: 900px;
margin-top: -9px;
}
.post.search-results-posts .post-options li {float:right}
#right .module.borderwrap:nth-child(3) .avatar img {
position: fixed;
top: 3px;
margin-left: -40px;
z-index: 999;
height: 35px;
width: 35px;
border-radius: 2px;
}
#new-message ul{display:none}
#WallNav a {
padding: 14px 10px;
color: #FFF!important;
border-right:1px solid #EEE;
}
#WallNav {
position: absolute;
margin: -29px 0 0 15px;
}
#userlinks p strong:before {
content: "Xin chào ";
font-weight: normal;
}
#userlinks p strong {font-size:11px}
#userlinks p {font-size:0}
#profile-advanced-right .module.borderwrap+.module.borderwrap .box-content.profile {
padding: 0!important;
border:0!important
}
.box-content.profile .friend-block {
width: 90px;
height: 90px;
margin: -3px 0 9px 8px;
}
/*Display:none*/
.ipbform[action="/privmsg?folder=inbox"] .postprofile-details,.ipbform[action="/privmsg?folder=inbox"]~.borderwrap.postreview .postprofile-details,#profile-advanced-right .module.borderwrap+.module.borderwrap .maintitle,#profile-advanced-right .module.borderwrap em,span[r],.friend_list_online_status,.box-content.profile .friend-block span:before,#profile-advanced-right .module.borderwrap+.module.borderwrap .box-content.profile .clear {
display: none!important;
}
.friend-block .avatar {
border: 0;
width: 90px;
}
.box-content.profile .friend-block .avatar img {
height: 90px;
width: 90px;
}
.box-content.profile .friend-block span {
font-size: 10px;
overflow: hidden;
width: 84px!important;
text-align: left;
display: inline-block;
margin: -17px 0 0 0px;
text-shadow: 0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF;
height: 19px;
}
#profile-advanced-right .module.borderwrap+.module.borderwrap {
padding-right: 0!important;
padding-left: 0!important;
}
#profile-advanced-right #profile-advanced-add+.module.borderwrap .box-content.profile.center img:nth-child(1),#profile-advanced-right .module.borderwrap:nth-child(1) .box-content.profile.center img:nth-child(1) {
margin:-186px 0 0 -9px;
width: 120px;
height: 120px;
position: absolute;
border-radius: 99px;
border: 5px solid rgba(231, 76, 46, 0.7);
background:#FFF;
}
#profile-advanced-right .module.borderwrap+.module.borderwrap .mainmenu {
color:rgba(0,0,0,0);
clear: both;
display: block;
}
#profile-advanced-right #profile-advanced-add+.module.borderwrap span, #profile-advanced-right .module.borderwrap:nth-child(1) span {
margin: -118px 0 0 -107px;
position: absolute;
width: 230px;
text-align: right;
font-size: 20px;
text-shadow:0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF
}
#profile-advanced-right .module.borderwrap .box-content.profile.center br+img {
position: absolute;
margin: -161px 0 0 -188px;
border-radius: 4px;
}
#profile-advanced-right #profile-advanced-add+.module.borderwrap, #profile-advanced-right .module.borderwrap:nth-child(1) {
height: 0;
background: rgba(0, 0, 0, 0)!important;
border: 0!important;
}
#profile-advanced-right .module.borderwrap .maintitle{border-color:rgba(0,0,0,0)}
#profile-advanced-right .box-content.profile.center{
color:rgba(0,0,0,0);height:0;overflow:hidden
}
#i_icon_mini_new_message ~ strong {
margin: -5px 0 0 -8px;
border-radius: 2px;
text-align: center;
font-size: 14px;
padding: 2px 1px 0 1px;
color: #FFF;
width: 20px;
height: 20px;
position: absolute;
background: url(http://i15.servimg.com/u/f15/12/24/45/65/iconbl10.gif);
}
.signature_div:hover {
max-height:200px;
}
.signature_div {
max-height:100px;
overflow: hidden;
}
.codebox dt {
padding: 10px;
border-radius: 3px 3px 0 0;
}
.codebox dd {
border: 1px solid #FDDBCC;
border-radius: 0 0 3px 3px;
}
.codebox.contcode {
box-shadow: 1px 1px 2px #DDD;
border-radius: 3px;
}
#WallStt div {position:absolute}
#WallStt {
position:absolute;
margin:-224px 0 0 -647px;
color:#000;
background:rgba(255,255,255,.7);
padding:10px;
border-radius:5px;
text-align:right;
width:521px;
height: 16px;
}
#WallStt:after {
display: inline-block;
border-color:rgba(0,0,0,0) rgba(255,255,255,.7);
border-width: 7px 0 7px 15px;
border-style: solid;
position: absolute;
margin: 2px 0 0 10px;
content: "";
}
#field_id9 .field_uneditable,#field_id7+div, #field_id8+div, #field_id9+div {display:none}
#field_id7:before {
content: "Cài đặt";
position: absolute;
padding: 10px 10px 18px 10px;
margin: -55px 0 0 506px;
font-weight: bold;
color: #DDD;
}
#field_id7, #field_id8, #field_id9 {
max-height:0;
background: #FFE4E4;
padding:0 0 0 10px!important;
overflow:hidden;
-webkit-transition: all .5s ease;-moz-transition: all .5s ease;
-o-transition: all .5s ease;transition: all .5s ease;-ms-transition: all .5s ease;
transition-delay:5s;-webkit-transition-delay:5s
}
#field_id7:hover,#field_id8:hover,#field_id9:hover,#field_id7:hover~#field_id8,#field_id7:hover~#field_id9{
padding: 10px 0 10px 10px!important;
max-height:510px;
transition-delay:0;-webkit-transition-delay:0
}
#profile_field_2_7 {background:#FFF url(http://i72.servimg.com/u/f72/15/64/85/86/cp17611.png) center no-repeat}
#profile_field_2_8 {background:#FFF url(http://i72.servimg.com/u/f72/15/64/85/86/cp17710.png) center no-repeat}
#profile_field_2_9 {background:#FFF url(http://i72.servimg.com/u/f72/15/64/85/86/cp18010.png) center no-repeat}
#profile_field_2_7:hover,#profile_field_2_8:hover,#profile_field_2_9:hover,#profile_field_2_7:focus,#profile_field_2_8:focus,#profile_field_2_9:focus{background:#FFF}
#WallStt img {
width: auto!important;
height: auto!important;
position: relative!important;
margin: 0!important;
border: 0!important;
background: none!important;
border-radius: 0!important;
}
#chatbox_footer #message{background:#FFF url(http://i72.servimg.com/u/f72/15/64/85/86/cp18110.png) left center no-repeat}
#chatbox_footer #message:focus,#chatbox_footer #message:hover{background:#FFF}
#fa_toolbar {
width: 980px;
margin: 0 auto;
margin-top: -30px;
}
#fa_notifications {
background: url(http://i72.servimg.com/u/f72/15/64/85/86/cp18310.png) center no-repeat;
color: rgba(0, 0, 0, 0)!important;
float:right;
margin:36px 220px 0 0;
width: 20px;
}
#fa_toolbar > #fa_right.notification > #fa_notifications{background-color:rgba(0,0,0,0)!important}
#fa_right {height:0}
#notif_list {
width: 350px;
margin: 42px 0 0 112px!important;
border-color: #E74C2E!important;
}
#notif_list .see_all {
background:#E74C2E!important;
}
#notif_unread {
background: url(http://i15.servimg.com/u/f15/12/24/45/65/iconbl10.gif);
padding: 2px 5px;
z-index: 675;
border-radius: 2px;
line-height: 14px;
font-weight: bold;
color: #FFF;
margin-left: -54px!important;
}
#live_notif {
position: fixed!important;
bottom: 10px;
left: 10px;
}
.fa_notification{background:#E74C2E!important}
#alert{font-size:14px}
.cptitlewarn{
  font-size : 15px;
  color:#00A5CD;
  font-weight:bold;
  float:left;
  width: 100%;
}
.cptitlewarn a {
float: right;
background: #00A5CD;
padding: 0 3px;
color: #FFF;
border-radius: 3px;
}
.cpwarn{
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1.5px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
padding: 12px ;
border-radius: 3px;
width : auto;
color:black;
min-height:50px;
position: fixed;
top: 60px;
right: 30px;
z-index: 9;
opacity:.85;
}
.cpwarn:hover{opacity:1}
#cpwarn div b{color:#F00}
#cpwarn div label {
cursor: pointer;
margin: 0 6px;
}
#cpwarn [type="submit"] {
margin: 5px 110px;
width: 120px;
}

 

full skin đang xài về CSS , tự tách cái view ra nhé

  Mình gà css lắm, bạn tách hộ mình được không?  

[pro_qng]

hỏi về người làm skin ấy , mình chịu&gt; 

[Draudrey]

CSS thôi thì không đủ   

[pro_qng]

CSS vẫn đủ , Demo :http://tinve32.forumvi.com/

[Sponsored content]