» 
Giới tính
CSS:
index_body
- 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%;
}
index_body
- Code:
<!-- facebook -->
<center> <div class="tsfb">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ffit.hui5&width=353&height=187&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&appId=205636829540559" style="border:none; overflow:hidden; width:600px; height:167px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
</div>
</center>
<!-- KetThuc facebook -->
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<div class="main">
<!-- BEGIN message_admin_titre -->
<div class="main-head">
<h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div id="pun-announcement">
<p>{message_admin_index.message_admin_txt.MES_TXT}</p>
</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
</div>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div class="tcat"><div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse"><h2><span class="forumtitle"><a href="forumdisplay.php?f=1">Thống Kê</a></span</h2></div></div></div>
<div id="pun-info" class="main">
<div class="main-content">
<div id="stats">
<p class="right">{TOTAL_POSTS}</p>
<p>{TOTAL_USERS}</p>
<p>{NEWEST_USER}</p>
</div>
<div id="onlinelist">
<img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
<p class="right">
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
{L_WHO_IS_ONLINE}
<!-- END switch_viewonline_nolink -->
</p>
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}
<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
<div class="clear"></div>
<p>{LEGEND} : {GROUP_LEGEND}</p>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div id="onlinechat">
<p class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
</p>
</div>
<!-- END switch_chatbox_activate -->
</div>
</div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
<!-- END switch_user_login_form_footer -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_legend -->
<ul id="pun-legend">
<li>
<img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
<img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
<img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
</li>
</ul>
<!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
