[Share] Skin Ipad đưa trực tiếp Code

Theo yêu cầu của thành viên meoconboy993

Skin ipad


RIp by An Hung

CSS

Code:

@charset "UTF-8";
/* CSS Document */

/**
* Custom CSS by PurevB.com
*/
.popupbody li > a,
.popupbody li > label {
   padding:8px 10px;
   line-height:18px;
}
.formsubmit label {
   color:#3a3a3a;
}
.socialBox {
position:absolute;
top:63px;
right:10px;
}
.loginBox #fb_loginbtn {
position:relative;
top:6px;
}
.posts, .postlist, #postlist  {
margin:0;
padding:0;
}

/* Misc Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img {
   border:0;
}
.verticalAlign {
   vertical-align:middle;
}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
.clearfix {
   display: inline-block;
}
html[xmlns] .clearfix {
   display: block;
}
* html .clearfix {
   height: 1%;
}

/************************************************************************/
body {
   width:auto;
   min-width:770px;
   max-width:auto;
   margin: 0 0 50px 0;
}
*{ -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }

#forums *, #wgo *, #forumbits * {
   -moz-border-radius: 0 !important;
   -webkit-border-radius: 0 !important;
}
#fb_headerbox {
   padding-right:5px;
}
.wgo_block {
   margin:0;
}
.navbar {
   -moz-border-radius-bottomleft: 0 !important;
   -moz-border-radius-bottomright: 0 !important;
   -webkit-border-bottom-left-radius: 0 !important;
   -webkit-border-bottom-right-radius: 0 !important;
}

.announcements {
   margin-top:10px;
}
.highlight {
   background-image:none;
}
.forumbit_nopost.row1 .forumrow, .forumbit_post.row1 .forumrow {
   background: #f9f9fa none  ;
   border:1px solid #e7e8e9;
   border-top:0;
}
.forumbit_nopost.row2 .forumbit_nopost .forumrow, .forumbit_post.row2 .forumrow {
   background: #f6f6f6;
   border-top:0;
   border:1px solid #e7e8e9;
}
.threadbit.row1 .nonsticky{
   background: #f9f9fa none  ;
}
.threadbit.row2 .nonsticky{
   background: #f6f6f6;
}
.threadbit .sticky .alt {

}
.threadbit.row1 .nonsticky .alt {
   background:#f9f9f9;
}
.threadbit.row2 .nonsticky .alt {
   background:#efefef;
}
.navlinksBox {
   text-align: center;
   color: #5d5d5d;
   font-size: 14px;
        font-weight:700;
        margin-top: 8px;
        margin-bottom: 0;
        width:100%;
        clear:both;
}

.forumrow .forumtitle a:link, .forumrow .forumtitle a:visited {
   color:#000;
   font: 14px arial, helvetica, sans-serif;
}
.forumrow .forumtitle a:hover{
   color:#b93413;
}
.forumrow .lastposttitle a:link, .forumrow .lastposttitle a:visited {
   color:#625e55;
   font-weight:700;
}
.forumrow .lastposttitle a:hover{
   color:#b93413;
}

.bodyWrap {
   background:#fff;
   margin:0 2px;   
}
.body_wrapper {
   padding:0 18px;
   margin:0;
}
.above_body {
   padding:0;
   margin:0;
}
.threadbit .sticky, .threadbit .nonthread, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
   border-top:0;
}
.loginLeft {
   float:left;
}
#sidebar_container > ul {
   width: 99%;
}

/* Page Wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pageWrapper {

}
.pageWrap {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/pageWrapBG.gif) repeat-x top left;
   position:relative;
}
.bodyWrapper {
   margin:0px auto 0px auto;
   min-width:770px;
   width:990px;
   position:relative;
}
.topBarWrap {
   margin:0px auto 0px auto;
   min-width:770px;
   width:990px;
   position:relative;
}

.topMarks {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/topMarks.png) no-repeat top right;
   position:absolute;
   top:5px;
   right:10px;
   width:318px;
   height:266px;
   z-index:1;
}
.topPaper {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/topPaper.png) no-repeat top right;
   position:absolute;
   top:44px;
   right:-79px;
   width:352px;
   height:445px;
   z-index:1;   
}
.topSchool {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/topSchool.png) no-repeat top left;
   position:absolute;
   top:280px;
   left:20px;
   width:89px;
   height:51px;
   z-index:1;
}
.topPaperClip {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/topPaperClip.png) no-repeat top left;
   position:absolute;
   top:37px;
   left:-18px;
   width:101px;
   height:115px;
   z-index:1;   
}
.topSpacer {
   height:80px;
}

/* Top Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#topBar {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/topBarBG.gif) repeat-x top left;
   height:49px;
   color:#9d9d9d;
   font-size:13px;   
}
#topBar .bodyWrapper {
   position:relative;
}
.registerNow {
   float:left;
   padding-top:10px;   
}
.registerNow span {
   padding-right:8px;   
}

/* Login Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#loginBar {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/loginBarBG.gif) repeat-x top left;
   height:49px;
   line-height:49px;
   float:right;
}
#loginBar a:link, #loginBar a:visited {
   color:#fff;
}
#loginBar a:hover {
   color:#c23b00;
}
#loginBar ul {
   list-style:none;
   padding:0;
   margin:0;
}
#loginBar li {
   float:left;
   padding-right:8px;
}
.loginBox {
   float:left;
}
.loginBar ul {
   list-style:none;
   padding:0;
   margin:0;
}
.loginBar li {
   float:left;
}
.loginBoxInput {
   background: url(http://www.purevb.com/demo/images/styles/iPadCom/style/loginBoxInput.png) no-repeat top left;
   width:140px;
   height:30px;
}
.loginInput {
   background:transparent;
   border:0;
   color: #838383;
   font-size:12px;
   width:130px;
   height:30px;
   line-height:30px;
   padding:0 5px;
}
.rememberMe {
   color:#9d9d9d;
   font-size: 14px;   
}
.memberBox .rememberMe {
   font-size: 14px;
}
.memberBox .rememberMe input {
   vertical-align: baseline;
}
.cb_cookieuser_navbar{
   position: relative;
   top: 2px;
}
.inputPad .loginBoxInput {
   margin-top:10px;
}
.inputPad {
   padding:0 4px;   
}
.submitPad input {
   margin-top:10px;
}

/* iPad Body
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#ipadBody {
   background:#000 url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadBG.gif) repeat-x top left;
   position:relative;
   z-index: 999;
}
.ipadWrap {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadBottomBG.gif) repeat-x bottom left;
}
.ipadTL {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadTL.gif) no-repeat top left;
}
.ipadTL2 {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadTL2.gif) no-repeat top left;
}
.ipadTR {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadTR.gif) no-repeat top right;
}
.ipadTR2 {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadTR2.gif) no-repeat top right;
}
.ipadBL {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadBL.gif) no-repeat bottom left;
}
.ipadBR {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadBR.gif) no-repeat bottom right;
}
.ipadLeft {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadLeft.gif) repeat-y top left;
}
.ipadRight {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/ipadRight.gif) repeat-y top right;
}
.ipadBody {
   padding:5px 50px;
}

/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.above_body {
   background:none;

}
.doc_header {
   height:99px;
   line-height:99px;
   color:#838383;
   font-size:13px;
   position:relative;
}
.logo {
   float:left;
   padding-right:21px;
   height:99px;   
}
.slogan {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/sloganSplit.gif) no-repeat top left;
   float:left;
   height:99px;
   padding-left:20px;
}
.slogan a:link, .slogan a:visited {
   color:#c4c4c4;
   font-weight:700;
   font-style:italic;
}
.slogan a:hover {
   color:#fff;
}

.searchBox {
   position:absolute;
   top:35px;
   right:0;
}
.searchBox form {
   padding:0;
   margin:0;
}
.searchBox input {
   float:left;
}
.searchWrap {
   background: url(http://www.purevb.com/demo/images/styles/iPadCom/style/searchinput_left.png) no-repeat top left;
   width:154px;
   height:34px;
   float:left;
}
.searchinput {
   border:0;
   color: #838383;
   padding:0 8px;
   font-size:12px;
   width:138px;
   height:34px;
   line-height:34px;
   background:transparent;
}
.searchButton {
   float:left;
}

/* Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contentMain {
   background:#fff;
}
.topBox {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/topBoxBG.gif) repeat-x top left;
   height:39px;
   line-height:39px;
   color:#838383;
   font-size:11px;
   text-align:right;
}
.topBoxWrap {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/topBoxWrap.gif) no-repeat top left;
   height:39px;
   padding:0 20px;   
}
.topBox .time {
   color:#fff;
}
.bannerBox {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/bannerBoxBG.gif) no-repeat top left;
   width:468px;
   height:60px;
   margin:0 auto;
   padding:4px;
}
.copyright {
   text-align:center;
   padding:30px 0;
   line-height:17px;
}
.copyright a:link, .copyright a:visited {
   color:#343434;
   font-weight:700;
}
.copyright a:hover {
   color:#bd3513;
}

/* Welcome Box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.welcomeBox {
   background:#fff url(http://www.purevb.com/demo/images/styles/iPadCom/style/welcomeIcon.gif) no-repeat top left;
   height:65px;
   color:#353535;
   padding:23px 15px 0 87px;
   line-height:20px;
   border-bottom:1px solid #e7e8e9;
}
.welcomeBox a:link, .welcomeBox a:visited {
   color:#5b98dc;
   font-weight:700;
}
.welcomeBox a:hover {
   color:#3a6c96;
}

/* Footer Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerBar {
   height:69px;
   position:relative;
}
.ipadButton {
   width:40px;
   height:29px;
   margin:0 auto;
   padding-top:22px;
}
.footerLinks {
   position:absolute;
   top:7px;
   left:0;
}
.footerLinks ul {
   list-style:none;
   padding:0;
   margin:0;
}
.footerLinks li {
   float:left;
   padding:18px 8px 0 8px;
}
.footerLinks a:link, .footerLinks a:visited {
   color:#fff;
   font-size:13px;
   font-weight:700;
}
.footerLinks a:hover {
   color:#87b7e8;
}
.skinSelect {
   position:absolute;
   top:20px;
   right:0;
}

/* Postbit Align Username and Avatar Center
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img  {float:none; text-align:center;}
.postbitlegacy .userinfo .usertitle {display: block; float:none; text-align:center; clear: both;}
.postbitlegacy .userinfo .postbit_reputation,.postbitlegacy .userinfo .postbit_reputation img {float:none; text-align:center;}

/* Bottom Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#bottomBar {
   display:none;
}

/*************************************************/
/* TOP MEMBER BAR*/
#toplinks, .toplinks {
   text-align:left;
   line-height:20px;
   padding-top:12px;
   float:right;
}
#toplinks .isuser {
   float:left;
}
#toplinks .welcomelink {
   font-weight:700;
}
.toplinks ul.isuser .notifications .popupbody {

   border: 1px solid #242424; /* makes it look consistent with the popup background */
}
.toplinks .notifications a.popupctrl {   
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 4px;
   padding-right: 12px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active, .toplinks ul.isuser li a:hover {
   -moz-border-radius: 5px !important;
   -webkit-border-radius: 5px !important;
}

.memberBox .welcomeUser {
   font-weight:700;
   font-size:11px;
   float:left;
}
.memberBox .toplinks {
   padding:2px 0 0 3px;
}
.memberBox .toplinks {
   padding:2px 0 0 3px;
}

/* Navbar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.navbar {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/navBG.gif) repeat-x top left;
   position:relative;
   height:93px;
   font:  12px arial, helvetica, sans-serif;
   color:#353535;
   width:100%;
   padding:0;
   margin:0;
}
#navtabs li.selected ul.floatcontainer {
   margin-top:4px;
}
#navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
   line-height:27px;
   height:27px;
}
.navbar a { color:#353535; }
.navbar a:hover { color:#5b9501; }

.navtabs ul li:first-child {
   text-indent: 0;
   margin-left:7px;
}
.navtabs {
   padding-left:0;
}
.navtabs ul {
   position:absolute;
   top:57px;
   left:0px;
   width:100%;
/* This is to fix RTL menu issue under Opera */
        direction:ltr;
}
.navtabs li {
   float:left;
}
.navtabs li li {
   background:none;
}

.navtabs ul li {
   border-right: 0;
   position: relative;
}
.navtabs li a {
   height:57px;
   line-height:57px;
}
.navtabs li a.navtab {
   display:block;
   min-width:60px;
   width:auto !important;
   width:60px;
   _min-width:75px;
   _width:auto !important;
   _width:75px;
   text-align:center;
   color:#353535;
   font-size:18px;
   text-decoration:none;
   line-height:57px;
   height:57px;
   padding:0 10px;
   font-weight:400;
}
.navtabs li a.navtab:hover {
   background:none;
   color:#5b9501;
}
.navtabs li.selected {
   background:none;
   height:57px;
}
.navtabs li.selected a.navtab {
   background:none;
   color:#5b9501;
   position:relative;
   top:-px;
   padding-top:px;
   z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
   text-decoration:none;
   font:  12px arial, helvetica, sans-serif;
   line-height:27px;
}
.navtabs li.selected li {
   padding:0 5px;
}
.navtabs li.selected li li {
   padding:0 2px;
}
.navtabs li.selected li a {
   color:#666;
   font-weight:400;
   padding:2px 5px;
}

.navbar_advanced_search li {
   height: 27px;
   display:block;
   clear:both;
}

.navbar_advanced_search li a {
   color:#353535;
}

.navbar_advanced_search li a:hover {
   color:#5b9501;
   text-decoration:none;
}

.navtabs li.selected li a:hover {
   color:#5b9501;
   text-decoration:none;
}

.navtabs li.selected .popupbody li > a {
   padding:0pxpx 10px;
   text-indent: 0;
   color: ;
}

.navtabs li.selected li a.popupctrl {
   -moz-border-radius:3px;
   -webkit-border-radius:3px;   
   border:solid px transparent;
   _border: none;
   background:transparent url(http://www.purevb.com/demo/images/styles/iPadCom/misc/arrow.png) no-repeat right center;
   padding-right:15px;
        _background-image:url('http://www.purevb.com/demo/images/styles/iPadCom/misc/arrow.gif');
   color:#666;
}

.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active,
.navtabs li.selected li a:hover.popupctrl {
   color:#fff;
}

/* Breadcrumb
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/bcBG.gif) repeat-x top left;
   height:28px;
   padding:6px 18px 0 18px;
   color:#242424;
   font-size:13px;
   margin-bottom:10px;
   border-bottom:1px solid #e7e8e9;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit span {
   border:1px solid transparent;
}
.breadcrumb .navbit a:link, .breadcrumb .navbit a:visited {
   font-weight:700;
}
.breadcrumb .navbit a:hover {
   background:#625e55;
   color:#fff;
   border:1px solid transparent;
}

/*************************************************/
/* TCAT BAR */

.tcat {
   background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/tcatBG.gif) repeat-x top left;
   color: #fff;
   height:44px;
   clear:both;
   margin-top: 8px;
   float: left;
   border:0;
   padding:0;
   width: 100%;
}
.tcatLeft {}
.tcatRight {}
.tcat .forumtitle {
   font-weight:700;

}
.tcat .tcatDesc {
   font-size:12px;
   font-weight:400;
}
.tcat h2 {
   padding-left:16px;
   font: bold 16px arial, helvetica, sans-serif;
   line-height: 44px;
   float:left;
   font-weight:700;
}
.tcat a:link, .tcat a:visited {
   color:#fff;
}
.tcat a:hover {

}
.tcat .tcatCollapse {
   float:right;
   position:absolute;
   top:10px;
   right:10px;
}

/* tcat Thread List Controls - Forumdisplay */
.tcat_threadlist_controls {
   float:right;
   padding-right:8px;
}
.forumdisplaypopups, #forumdisplaypopups {
   clear:both;
}
.tcat_threadlist_controls h6 {
   height:44px;
   line-height:44px;
   padding:0;
   display:block;
   font-size:11px;
}
.forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl,
.postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl,
.postlist_popups h6 a.firstunread, .postlist_popups.popupgroup .popupmenu h6 a.firstunread {
   background:none;
   display:block;
   _display:44px;
   height:44px;
   line-height:44px;
   font-family:arial, helvetica, sans-serif;
   font-weight:700;
   font-size:12px;
   color:#fff;
   padding:0 7px;
   border: 0;
   float: left;
   clear: right;
}
.forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl,
.postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl,
.postlist_popups h6 a:hover.firstunread, .postlist_popups.popupgroup .popupmenu h6 a:hover.firstunread{
   border: 0;
   color:#fff;
   text-decoration:underline;
}
#postlist_popups a, .postlist_popups a {
   color: #fff;
   _border: none;
}

#postlist_popups a:hover, .postlist_popups a:hover {
   color: #fff;
   text-decoration:underline;
}
#postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active {
   border: 0;
}

#postlist_popups ul li {
   color: #3E3E3E;
}
#postlist_popups ul li a, .postlist_popups ul li a {
   color: #3E3E3E;
   _border: none;
}

#postlist_popups ul li a:hover, .postlist_popups ul li a:hover {
   color: #3E3E3E;
   text-decoration:underline;
}

#forumdisplaypopups ul a, .forumdisplaypopups ul a {
   color: #3e3e3e;
}
.tcat .toolsmenu {
   background:none;
   border:none;
   margin:0;
}
.toolsmenu div {
   border:0;
}
.tcat .toolsmenu ul {
   padding:0;
}
.tcat .toolsmenu .popupgroup a.popupctrl, .tcat .toolsmenu .popupgroup .popupmenu a.popupctrl, .tcat .toolsmenu .nopopupgroup li a {
   padding:0 7px;
   _display:44px;
   height:44px;
   line-height:44px;
}

/*************************************************/
/* THEAD BAR*/

.thead_bar .theadrow {
   background:#e6e7e8 url(http://www.purevb.com/demo/images/styles/iPadCom/style/theadBG.gif) repeat-x top left;
   display:block;
   width: 100%;
   float: left;
   position:relative;
   line-height:24px;
   font-size:12px;
   border:1px solid #e6e7e8;
   border-top:0;
   color:#636364;
}
.thead_bar .padding {
   padding-left:12px;
}
.thead_bar .forumhead span.forumlastpost {
   width: 23%;
}
.thead_bar .theadrow .forumdata  {
   float: left;
}
.thead_bar {
   float: left;
   position:relative;
   width: 100%;
   display:block;
}
.thead_bar .forumhead .forumtitle {
   width: 76%;
}
.thead_bar .foruminfo {
   width: 53%;
   min-width: 30%;
   float: left;
   clear: right;
}
.thead_bar .foruminfo .forumdata {
   padding: 0;
   width: 100%;
   _width: 99%;
}
.thead_bar .forumstats, .thead_bar .forumstats_2 {
   display: block;
   float: left;
   clear: right;
   width: 16%;
   margin-right: 2%;
}
.thead_bar .foruminfo .forumdata .datacontainer {
   float: left;
   width: 86%;
   padding:0;
   padding-left: 67px;
}
.thead_bar .forumactionlinks {
   width: 5%;
   display:block;
   float:left;
   clear:right;
}

.thead_bar .forumactionlink {
/* values based on icon size */
   display:block;
   width:18px;

   overflow:hidden;
   float: right;
   clear: left;
   background:transparent none no-repeat;
   position: relative;

}
.thead_bar .forumstats li, .thead_bar .forumstats_2 li{
   font-size: 12pxpx;
   text-align: right;
   padding-right: 20px;
   display:block;
}
.thead_bar .forumlastpost {
   display:block;
   float: left;
   clear: right;
}
.thead_bar .theadrow .forumlastpost {
   width: 22%;
}
.forumbitBody {
   padding-right:2px;
   clear:both;
}

/*threadlisthead and posthead*/
.threadlist {
margin-top:0;
}
#threadlist .threadlisthead {
   background:#e6e7e8 url(http://www.purevb.com/demo/images/styles/iPadCom/style/theadBG.gif) repeat-x top left;
   display:block;
   width: 100%;
   float: left;
   position:relative;
   font-size:12px;
   border:1px solid #e6e7e8;
   border-top:0;
   color:#636364;
   font-weight:400;
   margin: 0;
}

#threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
   color: #79756d;
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
   background:#e6e7e8 url(http://www.purevb.com/demo/images/styles/iPadCom/style/theadBG.gif) repeat-x top left;
   clear:both;
   display:block;
   float: left;
   width: 100%;
   color:#636364;
   margin: -1px -1px 0;
   font:  normal 12px Tahoma,Calibri,Verdana,Geneva,sans-serif;
   padding: 4px 0;
   border:0;
   border:1px solid #e6e7e8;
   border-top:0;
   font-size:12px;
   font-weight:400;
}
#posts .posthead a:link, #posts .posthead a:visited {
   color:#78756d;
}
#posts .posthead a:hover {
   color:#78756d;
}
#posts .posthead .time, #posts .nodecontrols {
   color:#78756d;
}
.wgo_subblock{
   position:relative;
}
.wgo_subblock .whatspace {
   padding-left:55px;
}
.wgo_subblock .whaticon {
   position:absolute;
   top:25%;
   left:10px;
}
#postlist .userinfo {
   padding-top:10px;
}
.username_container {
   padding:2px 0;
   text-align:center;
}
.username_container .username strong {
   font-size: 16pt;
   font-weight:400;
}
.usertitle, .rank {
   text-align:center;
}
.usercenter {
   padding-top:5px;
   text-align:center;
}
.userinfo_extra dt {
   padding:6px 3px 0 10px;
   margin:0;
   color: #625e55;
   font-weight:700;
}
.userinfo_extra dd {
   background: #fff;
   color: #414141;
   border: 1px solid #d3d3d3;
   padding:3px 0 3px 0;
   margin:0;
   margin-top: 2px;
}
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img  {float:none; text-align:center;}
.postbitlegacy .userinfo .usertitle {display: block; float:none; text-align:center; clear: both;}


.postbit, .postbitlegacy, .eventbit {
   margin-bottom: 0;
}
.bbcode_container .bbcode_quote_container {
   background:none;
}

.forum_info_block, .forum_info_form {
   background:none;
}
.postfoot {
   border: 1px solid #d5d5d5;
   border-bottom:0;
   border-right:0;
}
.postfootWrap {
   border-right: 1px solid #d5d5d5;
}

#thread_info a.collapse {
   position: absolute;
   top: 9px;
}

/* Bottom Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bottomBar{
   display:none;
}



#notices .restore {
   border:1px solid #e6b868;
   padding:8px;
}

h1.header, h2.header {
   text-transform:capitalize;
}

/* Advanced Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#searchtypeswitcher {
   border-bottom:4px solid #0b4b78;
}
#searchtypeswitcher li a {
   background-color:#2474ad;
   color:#FFF;
}

#searchtypeswitcher li.selected a {
   background-color:#0b4b78;
}

#searchtypeswitcher li a:hover {
   background-color:#0b4b78;
}

/* vBulletin Groups
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
li.sgicon .maincol, #sidebar li.sgicon .maincol,#thumbnails li {
   background: #fbfbfb none  ;
}
#sidebar li.sgicon .maincol .textcontrol {
   color: #424242;
}
#content .grouplist .blockrow > li, #content .grouplist .blockrow > ol, #content .grouplist .blockrow > div {
   background: #f3f3f3 none  ;
   border: 1px solid #d5d5d5;
}
#pictures .blockbody .blockrow, #group_discussion_inlinemod_form .blockbody .blockrow {
   border: 1px solid #d5d5d5;
}
.toolsmenu {
   background: #f2f3f5 none  ;
   _background-image: none;
   border: 1px solid #e9eaed;
}
.toolsmenu div {
   border-top:none;
   color: #424242;
}
.toolsmenu h1 a {
   color: #424242;
}
.toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .nopopupgroup li a {
   color: #424242;
}

.toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active {
   color: #424242;
}
dl.blogbit, tr.blogbit,
dl.blogcatbit, tr.blogcatbit {
   background: #fbfbfb none  ;
}
.main .main-head
{
background:url(http://www.purevb.com/demo/images/styles/iPadCom/style/tcatBG.gif) repeat-x top left;
   color: #fff;
   height:44px;
   clear:both;
   margin-top: 8px;
   float: left;
   border:0;
   padding:0;
   width: 100%;
}


/*lastopic*/
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
text-decoration: none;
}
li.header dl.icon dd {
padding: 12px 0;
font-weight: normal;
}



input, textarea, keygen, select, button, isindex {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
}
input[type="hidden"] {
display: none;
}
#page-body1 {
margin: 20px 10px 10px 10px;
clear: both;
}







.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;margin:5px 10px 5px 70px;min-height:50px;padding-left:10px;width:858px}
.starsTitle {
background-color: #DDD;
color: #706969;
font-family: Comic Sans MS!important;
font-variant: small-caps!important;
font-weight: 700!important;
height: 20px;
line-height: 20px;
padding: 5px;
text-shadow: 1px 1px 1px white;
}

/* Tooltip */
#tooltip .tiplFMvi{border-bottom:2px dotted #ddd;margin-bottom:5px;padding-bottom:5px}
#tooltip{background:#FFF url(http://i43.servimg.com/u/f43/16/03/04/56/white_10.png);border:1px solid #ddd;border-radius:3px;color:#000;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;max-width:550px;padding:10px;position:absolute;z-index:99}/* memberlist 2 in 1 */
/* Last 9x */
.boxFMvi{margin:0!important}
.top-vi,.viewrep{
min-height:82px;
padding:10px!important}


#active_starters,#most_active,#users_month,#users_week{display:none}
.lastcate,.leftrecent,.repfmvi,.rightrecent,.viewfmvi{
overflow:hidden;
position:absolute;
text-overflow:ellipsis;white-space:nowrap}
.leftrecent{width:265px}

.rightnumber{padding:10px}
.imgstatus{
background-color:#FFF;
left:-32px;
padding:2px 7px;
position:absolute}

.rightrecent{
left:280px;
text-align:right;
width:115px}





.showpost{
  font-size:9px;left:-12px;line-height:18px;position:absolute}

.viewfmvi{
right:190px;text-align:right;width:50px}

.repfmvi{right:135px;text-align:right;width:50px}

.lastcate{right:0;text-align:right;width:120px}

#content-container div#left{border:1px solid #DDD;float:none;margin:10px 0;width:100%}

*+ html #content-container div#main{margin-left:0}* html #content-container #main-content{margin-right:0;overflow:visible}* html #content-container div#main{float:none;margin-right:-99%;width:100%}

.latest_topics{
list-style:decimal-leading-zero outside none;margin:0!important;padding:0 5px 0 30px;text-align:left}

.latest_topics li{line-height:16.1px;position:relative}

.toppost_width{float:left;width:200px}

.recentWidth{float:left;width:680px}
.recentWidth .main-head{height:1.3em;overflow:hidden;position:relative}
.recentWidth h3{marign-left:10px}
.loaddinng{background-image:url(http://i38.servimg.com/u/f38/16/58/45/96/loadin10.gif);
background-position:center center;
background-repeat:no-repeat;
height:150px;width:180px}


#quanlylist{
border:2px solid #EAEAEA;
padding:10px!important;width:276px}

#quanlylist p{
background-color:#8B8B8B;
border:1px solid #807F7F;
color:#FFF;
font-variant:small-caps;
margin:7px -12px;
padding:3px 10px;
text-shadow:1px 1px 1px #000;
width:278px}


.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;margin:5px 10px 5px 70px;min-height:50px;padding-left:10px;width:858px}
.starsTitle {
background-color: #DDD;
color: #706969;
font-family: Comic Sans MS!important;
font-variant: small-caps!important;
font-weight: 700!important;
height: 20px;
line-height: 20px;
padding: 5px;
text-shadow: 1px 1px 1px white;
}


      .jqDrag{width:398px}
.popup{min-width:434px;
width:434px!important}

#profile-advanced-details .autobot{color:#2220FB!important;font-size:14px!important;text-shadow:1px 1px 1px #000!important}

.loaddingLike{background:url(http://i68.servimg.com/u/f68/16/58/45/96/iconlo11.gif) no-repeat scroll center center transparent;display:none;height:1.4em;margin:-1.4em 0 -3px 150px;width:126px}







#smallrum{padding: 0.4em 1em;margin: 3px 1px;
background: #ffffff none;
    -moz-box-shadow: -2px 2px 2px #c8c8c8;
    -webkit-box-shadow: -2px 2px 2px #c8c8c8;box-shadow: -2px 2px 2px #c8c8c8;color: #ffffff;width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}

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





.pun .main table td.tc2,.pun .main table td.tc3,.pun .main table td.tcl,.pun .main table td.tcr {
height: 30px;
border-left:none;
}



.pun {
line-height: 130%;
margin: 0 auto;
min-width: 768px;
padding: 5px;
width: 99%;
}


Code:

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <ul>
                     <li>
<!-- END html_validation -->
                     </li>
                  </ul>






                  <!-- BEGIN switch_footer_links -->
                  <ul>
                     <li>


                        <!-- BEGIN footer_link -->
                           <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                           {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                        <!-- END footer_link -->
                     </li>
                  </ul>
                  <!-- END switch_footer_links -->
               </div>
               <br />
               <p class="center">
                  <strong>{ADMIN_LINK}</strong>
               </p>
            </div>
            {PROTECT_FOOTER}
         </div>
      </div>
   </div>
</div>


<div id="footer" class="floatcontainer footer">
   
   
   
   <script type="text/javascript">
   <!--
      // Main vBulletin Javascript Initialization
      vBulletin_init();
   //-->
   </script>

</div>
</div><!-- closing div for body_wrapper -->
<div class="below_body">

                        
<div class="copyright">
   <!-- Do not remove this copyright notice -->
   Powered by <a href="https://www.vbulletin.com" id="vbulletinlink">vBulletin®</a> Version 4.2.0 <br />Copyright © 2012 vBulletin Solutions, Inc. All rights reserved.
   <!-- Do not remove this copyright notice -->   
   <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
   <img src="http://www.purevb.com/demo/cron.php?rand=1350451095" alt="" width="1" height="1" border="0" />
   <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
   
   

<br />
  Covert FM: <a href="/u1" target="_blank"><font color="red">An Hùng</font></a>
</div>


   <div id="fb-root"></div>
<script type="text/javascript" src="http://www.purevb.com/demo/clientscript/vbulletin_facebook.js?v=420"></script>

<script type="text/javascript">
<!--
   loadFacebookAPI('en_US');
   function fbAsyncInit()
   {
      vBfb = new vB_Facebook({
         appid : "180251098690537",
         connected : 0,
         active : 0,
         autoreg : 0,
         feed_newthread : 1,
         feed_postreply : 1,
         feed_blogentry : 1,
         feed_blogcomment : 1,
         feed_newarticle : 1,
         feed_articlecomment : 1
      });
   }
// -->
</script>

</div>


<!-- Custom Content Wrap -->
                     </div><div class="ipadBR"><div class="ipadBL">
                     <div id="footerBar">
                        <div class="footerLinks">
   <ul>
      <li><a href="sendmessage.php" rel="nofollow" accesskey="9">Contact Us</a></li>
      <li><a href="http://www.purevb.com">PureVB Demos</a></li>
      
      
      <li><a href="archive/index.php">Archive</a></li>
      
      
      
      <li><a href="forum.php?styleid=22#top" onclick="document.location.hash='top'; return false;">Top</a></li>
   </ul>
                        </div>                        
                        <div class="ipadButton">
                           <img src="http://www.purevb.com/demo/images/styles/iPadCom/style/ipadButton.png" alt="iPad Button" />
                        </div>

<div class="skinSelect">
   <form action="forum.php" method="get" id="footer_select" class="footer_select">

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

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>