Demo: http://huyenthoai10.forumvi.com/
Css :
Css :
- Code:
#content-container div#left {
float: none;
margin-bottom: 0px;
width: 100%;
}
.module.main {
margin: 0!important;
}
.tag div.active {
background: #FFF;
border-right: 0px solid #FBFBFB!important;
border-left: 0px solid #FBFBFB!important;
cursor: none;
font-style: italic;
position: relative;
z-index: 999;
}
.tag div {
background: none repeat scroll 0 0 #bfd9ff;
cursor: pointer;
float: left;
margin: 0 6px 0 0;
padding: 10px;
}
.last {
border-bottom: 1px solid #029cbf;
border-right: 1px solid #029cbf;
display: block;
font-size: 11px;
font-weight: 700;
line-height: normal;
outline: none;
text-decoration: none;
width: 116px;
}
.****** ol.activea {
display: block;
}
.****** ol {
display: none;
}
.last123 {
border-bottom: 1px solid #029cbf;
border-left: 1px solid #029cbf;
display: block;
font-size: 11px;
font-weight: 700;
line-height: normal;
outline: none;
text-decoration: none;
width: 116px;
}
div.mekiep {
border-top: 0px solid #4f95ff;
border-right: 0px solid #DBE4EF;
border-top: px solid black;
float: left;
height: 236px;
margin-right: -1px;
overflow: hidden;
position: relative;
width: 137px;
z-index: 100;
}
div.mekiep123 {
border-top: 0px solid #4f95ff;
border-left: 0px solid #FFF;
border-right: 0px solid #FFF;
float: right;
height: 236px;
margin-right: -1px;
overflow: hidden;
position: relative;
width: 137px;
z-index: 100;
}
#lastest123 li {
text-decoration: none;
border-bottom: 1px dotted #CCC;
clear: both;
}
#lastest123 {
line-height: 19px;
list-style: decimal-leading-zero outside none;
padding-left: 25px;
}
#lastest li {
text-decoration: none;
border-bottom: 1px dotted #CCC;
clear: both;
}
#lastest {
line-height: 19px;
list-style: decimal-leading-zero outside none;
padding-left: 25px;
}
.sig-content>br:nth-child(1),.sig-content>br:nth-child(2),#pun-about #qjump,#toggle-button,#add-google-bottom,#calendar > p,#calendar > table + br,#right,#sub.profile ul li,.formsearch,.selected .label,#pun-visit,.c3zone i.c3inv,#mudimPanel a:first-child {
display:none;
}
#page-body {
margin:0 auto;
}
#pun-about {
background:none;
border:none;
font-size:0px;
text-align:center;
}
.status img{margin-left: -10px}
.main .main-head .page-title{font-size:14px;font-weight:700;padding-left:0px}
.main .main-foot,.main .main-head{background:url(http://i.imgur.com/R3C8mP3.png) repeat-x scroll 0 0 #058fff;
border-left:1px solid #058fff;border-radius:3px 3px 0 0;border-right:1px solid #058fff;
border-top:1px solid #058fff}
/* Widget
---------------- */
.eazy-widget {border-radius:3px 3px 3px 3px;}
.eazy-widget-body12345 li{display:inline;}
.eazy-widget-body li {color: rgb(150,150,150);padding: 3px 2px;}
.eazy-widget-body strong {color: rgb(20,20,20);font-weight: normal;}
.eazy-widget-body .totalOnline, .eazy-widget-body .totalOnline strong {color: #6cb2e4;}
.totalOnline.totalToday, .totalOnline.totalToday strong {color: rgb(150,150,150);}
.thongke_widget strong {float: right}
.online_now a {font-size: 12px;font-family: Helvetica,Arial,sans-serif;}
.widget_legend {
margin-top: 5px;
padding: 3px !important;
background-color: #FFF;
border: 1px solid;
border-top-color: rgb(192, 192, 192);
border-right-color: rgba(233, 233, 233, 0.44);
border-bottom-color: rgba(233, 233, 233, 0.44);
border-left-color: rgb(192, 192, 192);
}
/* Main blocks
---------------------------------------- */
#eazy-sidebar {width: 250px;float:right;opacity: 1;}
.eazy-widget-header {
font: bold 17px 'Droid Sans',Helvetica,Arial,sans-serif;
color: rgb(82, 82, 82);
margin-bottom: 5px;
}
.eazy-widget-header span {font-weight: normal;}
dl.faq, .titleBar, .eazy-widget, .secondaryContent {
border: 1px solid rgb(207, 207, 207);
background: rgb(247, 248, 249);
padding: 10px;
margin-bottom: 10px;
overflow: hidden;
}
/*Link*/
a:link,a:active,a:visited {
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}
BODY {
PADDING: 0px; MARGIN: 0px; background: url(http://diendan.somo.vn/styles/fusion/xenfocus/background.jpg) #fff center top no-repeat;
}
.pun {
max-width:977px;
margin:0 auto;}
.test123 li{list-style:none;}
#submenu {padding-left:20px}
#submenu ul li a {font-size:12px;font-weight:700;
color: #000;margin: 0;padding: 13px 12px;
display: inline-block;float: left;
} #submenu ul li a:hover {height:13px; border-top:2px solid #ff8c00;
background-color: rgba(0,0,0,0.2);box-shadow: inset 0 14px 10px rgba(0,0,0,0.1);
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
#submenu a[href*="/forum"] {height:13px;
border-top:2px solid #058fff;
background-color: rgba(0,0,0,0.3);box-shadow: inset 0 14px 10px rgba(0,0,0,0.1);
text-shadow: 0 1px 1px rgba(0,0,0,0.3);}
#submenu a[href*="/login"], #submenu a[href*="/privmsg"], #submenu a[href*="/profile?mode=edit"]{
float: right;}
#submenu a[href*="/profile?mode=edit"] {padding-right: 30px}
#content {border-radius: 0 0 4px 4px;
padding:10px;
border: 1px solid #DEDEDE;
max-width:977px;
background-color:#fafafa;
margin:0 auto;}
.test123{background:url(http://3.bp.blogspot.com/-H-1OGfwBYPE/UT5MjCvbKII/AAAAAAAADVg/pNg_ASiPzqQ/s1600/grey-up.png) repeat-x scroll left bottom #e3e3e3;
border-radius:4px 4px 0 0;
border-top:0px solid #e3e3e3;
max-width:997px;
height:40px;
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
margin:0 auto;
}