share code thống kê MOD tổng hợp

  • Thread starter Thread starter Lê Thanh Giảng
  • Ngày gửi Ngày gửi
  • Từ khóa Từ khóa
    out of date
L

Lê Thanh Giảng

Khách VNXF
Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn
xin chào các bạn.
code phù hợp với Brivium - Modern Statistics 2.4.0
sau đây là một số code mình rip từ nhiều site khác nhau
các bạn chép vào template BRMS_ModernStatistic.css nhoa
Mã: 
.BRMSContainer
{
    color: #333;
background-color: #FFF;
margin: auto auto 10px;
font: 13px/18px "Roboto Condensed",sans-serif;
height: 100%;

}

.BRMSContainer .brmsStatisticHeader
{
    display: block;
margin: auto 0 !important;

}

.BRMSContainer.brmsLeftTabs .brmsStatisticHeader,
.BRMSContainer.brmsRightTabs .brmsStatisticHeader{
    float: left;
    width: 151px;
    position: relative;
    top: 0;
    z-index: 10;
}
.BRMSContainer.brmsRightTabs .brmsStatisticHeader{
    float: right;
}
.BRMSContainer.brmsTopTabs .brmsStatisticHeader{
    border-bottom: 1px solid #EFF2F7;
    height: 39px;
    padding: 0px 0px;
}

.brmlShow{
    display:block;
}
.brmlHide{
    display:none;
}

.BRMSContainer .brmsConfigList{
    text-align: center;

}

.BRMSContainer.brmsLeftTabs .brmsConfigList,
.BRMSContainer.brmsRightTabs .brmsConfigList{
    margin-bottom:10px;
}
.BRMSContainer.brmsTopTabs .brmsConfigList{
    float:right;
}

.BRMSContainer .brmsConfigList .brmsConfigBtn
{
    background-color: #FAFAFA;
padding: 8px 13px 7px;
margin: 2px 0;
-webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
background: none repeat scroll 0% 0% rgb(239, 242, 247);
display: inline-block;
cursor: pointer;
font-weight: bold;
line-height: 13px;

}

.brmsConfigBtn:hover
{
    background: #f6f6f6;
}
.BRMSContainer.brmsRightTabs .brmsConfigList .brmsConfigBtn
{
    margin-right:0px;
    margin-left:5px;
}
.BRMSContainer .brmsConfigList .brmsConfigBtn.last
{
    margin-right:0;
}

.BRMSContainer ul.brmsTabNav
{
   
}

.BRMSContainer.brmsLeftTabs ul.brmsTabNav{
    -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px; -khtml-border-bottom-left-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px; -khtml-border-bottom-left-radius: 12px; border-bottom-left-radius: 12px;
    -webkit-border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; -khtml-border-top-left-radius: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; -khtml-border-top-left-radius: 12px; border-top-left-radius: 12px;
    border: 1px solid #DDD;
    border-right-width: 0;
}
.BRMSContainer.brmsRightTabs ul.brmsTabNav{
    -webkit-border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; -khtml-border-bottom-right-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; -khtml-border-bottom-right-radius: 12px; border-bottom-right-radius: 12px;
    -webkit-border-top-right-radius: 12px; -moz-border-radius-topright: 12px; -khtml-border-top-right-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topright: 12px; -khtml-border-top-right-radius: 12px; border-top-right-radius: 12px;
    border: 1px solid #DDD;
    border-left-width: 0;
}
.BRMSContainer.brmsTopTabs ul.brmsTabNav{
    height: 39px;
}
.BRMSContainer ul.brmsTabNav > li
{
       
}
.BRMSContainer.brmsRightTabs ul.brmsTabNav > li{
    border-bottom-width: 1px;
    border-left-width: 1px;
}
.BRMSContainer.brmsLeftTabs ul.brmsTabNav > li{
    border-right-width: 1px;
    border-bottom-width: 1px;
}
.BRMSContainer.brmsTopTabs ul.brmsTabNav > li{
    border-bottom: none;
    float:left;
    border-left-width: 1px;
    border-top-width: 1px;
    position: relative;
}
.BRMSContainer ul.brmsTabNav > li.current
{
    background: none repeat scroll 0% 0% #EFF2F7;
   
}
.BRMSContainer.brmsLeftTabs ul.brmsTabNav > li.current
{
    border-right: none;
    z-index: 10;
}
.BRMSContainer.brmsRightTabs ul.brmsTabNav > li.current
{
    border-left: none;
    z-index: 10;
}
.BRMSContainer.brmsLeftTabs ul.brmsTabNav > li.first{
    -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -khtml-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px;
}
.BRMSContainer.brmsRightTabs ul.brmsTabNav > li.first{
    -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -khtml-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px;
}

.BRMSContainer.brmsLeftTabs ul.brmsTabNav > li.last
{
    -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
    border-bottom: none;
}
.BRMSContainer.brmsRightTabs ul.brmsTabNav > li.last
{
    -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
    border-bottom: none;
}
.BRMSContainer.brmsTopTabs ul.brmsTabNav > li.first{
   
}
.BRMSContainer.brmsTopTabs ul.brmsTabNav > li.last
{
    border-right-width:1px;
}
.BRMSContainer.brmsTopTabs ul.brmsTabNav > li.current
{
    height: 39px;
}
.BRMSContainer.brmsLeftTabs ul.brmsTabNav > li.first.current,
.BRMSContainer.brmsRightTabs ul.brmsTabNav > li.first.current
{
    border-bottom-width: 1px;
}

.BRMSContainer.brmsTopTabs ul.brmsTabNav > li.first.current
{
    border-bottom: none;
}

.BRMSContainer ul.brmsTabNav > li a
{
    font-weight: bold;
font-size: 13px;
color: #246FAF;
text-decoration: none;
margin: 0px;
outline: none;
display: block;
text-align: left;

}
.BRMSContainer ul.brmsTabNav > li a span{
    display:block;
}
.BRMSContainer ul.brmsTabNav > li a span.description
{
    float:left;
    display:block;
    font-weight:normal;
}
.BRMSContainer.brmsLeftTabs ul.brmsTabNav > li a,
.BRMSContainer.brmsRightTabs ul.brmsTabNav > li a
{
    padding: 15px 10px;
}

.BRMSContainer.brmsTopTabs ul.brmsTabNav > li a
{
    line-height: 38px;
    padding:0 10px;
}
.BRMSContainer.brmsTopTabs ul.brmsTabNav > li a span.description{
    display:none;
}



.BRMSContainer .brmsTabContent
{
    background-color: #FFF;
padding: 5px;
display: none;

}
.BRMSContainer.brmsLeftTabs .brmsTabContent,
.BRMSContainer.brmsRightTabs .brmsTabContent{
    margin-left: 150px;
    position: relative;
    z-index: 9;
    min-height:247px;
}
.BRMSContainer.brmsRightTabs .brmsTabContent{
    margin-right: 150px;
    margin-left: 0;
}
.BRMSContainer .brmsTabContent ol.brmsContentList{
    counter-reset: numList;

}
.BRMSContainer .brmsTabContent ol.brmsContentList li{
    border-bottom: 1px solid #EFF2F7;
float: left;
width: 100%;

}

.BRMSContainer .brmsTabContent ol.brmsContentList li.first{
   
}
.BRMSContainer .itemContent{
    padding: 5px 0px;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
display: table;
table-layout: fixed;
word-wrap: normal;
width: 100%;

}
.BRMSContainer .itemContent:hover{
    background-color: #eee;

}
.BRMSContainer .itemContent .listBlock {
    display: table-cell;
    vertical-align: middle;
}

.brmsIcoRefresh,
.brmsIcoConfig,
.brmsIcoList,
.brmsIcoLayout{
    background-image: url('styles/brivium/ModernStatistic/light-sprite.png');
}

.BRMSContainer .itemContent .counter{
    font-size: 11px;
color: #f00;
background-position: 0px -192px;
padding-right: 5px;
margin-top: 1px;
margin-right: 1px;
text-align: center;
position: relative;
width: 20px;

}
.BRMSContainer .itemContent .counter .countNumber{
    background-color: #eee;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
line-height: 15px;
min-width: 15px;
display: block;
height: 15px;

}
.BRMSContainer .itemContent .counter .arrow{
    border: 3px solid transparent;
border-right: 1px none black;
border-left-color: #eee;
position: absolute;
top: 6px;
right: 2px;
display: block;
-moz-border-left-colors: #ff0000;
width: 0px;
height: 0px;

}
.BRMSContainer .itemContent .counter.counter_1 .countNumber,
.BRMSContainer .itemContent .counter.counter_2 .countNumber,
.BRMSContainer .itemContent .counter.counter_3 .countNumber{
    font-size:12px;
    color:#fff;
}

.BRMSContainer .itemContent .counter.counter_1 .countNumber{
    background-color: #FF0000;
}
.BRMSContainer .itemContent .counter.counter_2 .countNumber{
    background-color: #FF4040;
}
.BRMSContainer .itemContent .counter.counter_3 .countNumber{
    background-color: #FF7373;
}
.BRMSContainer .itemContent .counter.counter_1 .arrow{
    border-left-color: #ff0000;
}
.BRMSContainer .itemContent .counter.counter_2 .arrow{
    border-left-color: #FF4040;
}
.BRMSContainer .itemContent .counter.counter_3 .arrow{
    border-left-color: #FF7373;
}

.BRMSContainer .itemContent:hover .counter .countNumber{
    background-color: #fff;
}
.BRMSContainer .itemContent:hover .counter .arrow{
    border-left-color: #fff;
}
.BRMSContainer .itemContent:hover .counter.counter_1 .countNumber,
.BRMSContainer .itemContent:hover .counter.counter_2 .countNumber,
.BRMSContainer .itemContent:hover .counter.counter_3 .countNumber{
    color: #FF0000;
}

.BRMSContainer .itemContent .itemTitle{
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 65%;
}
.BRMSContainer .itemContent .itemTitle a{
    color: #464646;
}
.BRMSContainer .itemUser .itemContent .itemTitle{
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 35%;
}
.BRMSContainer .itemContent .itemDetail {
        width: 150px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.BRMSContainer .itemContent .itemDetail.itemDate {
        width: 200px;
    max-width: 200px;
}

.BRMSContainer .itemContent .itemDetail,
.BRMSContainer .itemContent .itemDetail a{
    font-size: 13px;
    padding: 0px 5px;
    text-align: right;
    color: #464646;
}
.BRMSContainer .itemUser .itemContent .itemDetail,
.BRMSContainer .itemUser .itemContent .itemDetail a{
    font-size: 11px;
}
.BRMSContainer .itemContent .itemDetailDate a.paint {
    color: #5C5C5C;
}
.BRMSContainer .itemContent .itemDetailDate > span {
    font-size: 0.8em;
    color: rgb(233, 237, 238);
}

.BRMSContainer .itemUser .itemContent .itemDetailMain{
    text-align:right;
}
.BRMSContainer .itemUser .itemContent .itemDetailMain strong{
    font-weight: bold;
}
.BRMSContainer .itemContent .itemDetailName{
    text-align:right;
}
.BRMSContainer .itemContent .itemDetailName a.username span {
    font-weight: bold;
    font-size: 11px;
}

.BRMSContainer .newItemCounter {
    font-weight: bold;
font-size: 10px;
color: white;
background-color: #e03030;
padding: 0 3px;
-webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
position: absolute;
line-height: 16px;
min-width: 12px;
text-align: center;
white-space: nowrap;
word-wrap: normal;
right: 2px;
top: -10px;
z-index: 100;
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -moz-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -khtml-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -moz-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -khtml-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
height: 16px;

}

.BRMSContainer .newItemCounter .totalNumber {

}

.BRMSContainer .newItemCounter .arrow {
    border: 5px solid transparent;
border-top-color: #e03030;
border-bottom: 1px none black;
position: absolute;
right: 3px;
line-height: 0px;
_display: none;
bottom: -4px;
z-index: 100;
width: 0px;
height: 0px;

}

.BRMSContainer .brmsNewItem .itemContent{
    margin-bottom: 1px;

}

.BRMSContainer .brmsSticky .itemContent{
    background: #fff1ba !important;

}
.clear{
    clear:both;
}
.BRMSContainer .xenTooltip{
    position: absolute;
    margin: -50px 0px 0px 60px;
    z-index:999;
}


.BRMSContainer .brmsRefresh{
   
}

.brmsIco{
    height:14px;
    width:14px;
    display:block;
}
.brmsDropdownToggle{
    position:relative;
}
.brmsDropdownMenu{
    font-size: 11px;
background-color: #FFF;
margin: 0px 0 0;
border: 1px solid #DADADA;
border-top: 1px none black;
display: none;
position: absolute;
z-index: 999;
text-align: left;
top: 100%;
left: -1px;
float: left;
min-width: 160px;
background-clip: padding-box;
-webkit-box-shadow: 0 2px 2px -2px #CCC; -moz-box-shadow: 0 2px 2px -2px #CCC; -khtml-box-shadow: 0 2px 2px -2px #CCC; -webkit-box-shadow: 0 2px 2px -2px #CCC; -moz-box-shadow: 0 2px 2px -2px #CCC; -khtml-box-shadow: 0 2px 2px -2px #CCC; box-shadow: 0 2px 2px -2px #CCC;

}
.brmsDropdownMenu li{
    color: #686868;
background-color: #FAFAFA;
border: 1px none black;
border-top: 1px solid #E4E4E4;
-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2); -khtml-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2); -khtml-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
background: -moz-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#F5F5F5));
background: -webkit-linear-gradient(top, #FFF 0%,#F5F5F5 100%);
background: -o-linear-gradient(top, #FFF 0%,#F5F5F5 100%);
background: -ms-linear-gradient(top, #FFF 0%,#F5F5F5 100%);
background: linear-gradient(top, #FFF 0%,#F5F5F5 100%);

}
.brmsDropdownMenu li.current,
.brmsDropdownMenu li:hover{
    background-color: #f6f6f6;

}

.brmsDropdownMenu.left{
    left: 99%;
    top: -1px;
}
.brmsDropdownMenu.right{
    right: 99%;
    top: -1px;
    left: -160px;
}
.brmsDropdownMenu.edge{
    right: -1px;
    left: -160px;
}

.brmsDropdownMenu li.first {
}
.brmsDropdownMenu a {
    font-size: 12px;
color: #6A6A6A;
padding: 8px 10px;
display: block;
clear: both;
font-weight: normal;
white-space: nowrap;

}
.BRMSContainer.brmsLeftTabs .brmsTabNavHidden .brmsDropdownMenu{
    top: -1px;
    left: 99%;
}
.BRMSContainer.brmsRightTabs .brmsTabNavHidden .brmsDropdownMenu{
    right: 99%;
    top: -1px;
    left: -160px;
}
.BRMSContainer ul.brmsTabNav > li.brmsTabNavHiddenMenu {
    display:none;
}

.brmsTabNavHidden li{
    display:none;
}
.brmsTabNavHidden > a {
    text-align:center;
}
.BRMSContainer.brmsTopTabs .brmsTabNavHidden {
    height:38px;
    text-align:center;
}
.BRMSContainer.brmsTopTabs .brmsTabNavHidden > a {
    height: 100%;
    text-align:center;
}


.brmsDropdownToggle:hover .brmsDropdownMenu{
    display:block;
}

.brmsIcoRefresh{
    background-position: -10px -44px;
}

.brmsConfigBtn:hover .brmsIcoRefresh{
    background:url('styles/brivium/ModernStatistic/refresh.gif') no-repeat center center;
}
.brmsIcoConfig{
    background-position: -10px -10px;
}
.brmsIcoList{
    background-position: 0px -102px;
}
.brmsIcoLayout{
    background-position: -10px -78px;
}
.brmsIcoLoader{
    background:url('styles/brivium/ModernStatistic/loader7.gif') no-repeat center center;
    width:220px;
    height:19px;
    display:block;
    margin: auto;
}
@media (max-width:800px)
{
   
}

@media (max-width:610px)
{
   
}

@media (max-width:480px)
{
   
}

demo sống raovat03.net
raovat03.PNG

cái thứ 2 là của sccn.vn
Mã: 
.BRMSContainer
{
    color: #333;
    background-color: rgb(255, 255, 255);
    margin: auto auto 13px;
    -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
    font: 14px/19px 'tahoma';
    height: 100%;

}

.BRMSContainer .brmsStatisticHeader
{
    display: block;
margin: auto 10px !important;

}

.BRMSContainer.brmsLeftTabs .brmsStatisticHeader,
.BRMSContainer.brmsRightTabs .brmsStatisticHeader{
    float: left;
    width: 151px;
    position: relative;
    top: 0;
    z-index: 10;
}
.BRMSContainer.brmsRightTabs .brmsStatisticHeader{
    float: right;
}
.BRMSContainer.brmsTopTabs .brmsStatisticHeader{
    height: 30px;
    padding: 5px 0;
    border-bottom: 1px solid rgb(239, 242, 247);
}

.brmlShow{
    display:block;
}
.brmlHide{
    display:none;
}

.BRMSContainer .brmsConfigList{
    text-align: center;

}

.BRMSContainer.brmsLeftTabs .brmsConfigList,
.BRMSContainer.brmsRightTabs .brmsConfigList{
    margin-bottom:10px;
}
.BRMSContainer.brmsTopTabs .brmsConfigList{
    float:right;
    height: 30px;
}

.BRMSContainer .brmsConfigList .brmsConfigBtn
{
    padding: 7px 10px;
    margin: 0;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    line-height: 14px;
    height: 14px;

}

.brmsConfigBtn:hover
{
    background: #f6f6f6;
}
.BRMSContainer.brmsRightTabs .brmsConfigList .brmsConfigBtn
{
    margin-right:0px;
    margin-left:5px;
}
.BRMSContainer .brmsConfigList .brmsConfigBtn.last
{
    margin-right:0;
}

.BRMSContainer ul.brmsTabNav
{
   
}

.BRMSContainer.brmsLeftTabs ul.brmsTabNav{
    border: 1px solid #DDD;
    border-right-width: 0;
}
.BRMSContainer.brmsRightTabs ul.brmsTabNav{
    border: 1px solid #DDD;
    border-left-width: 0;
}
.BRMSContainer.brmsTopTabs ul.brmsTabNav{
    height: 30px;
}
.BRMSContainer ul.brmsTabNav > li
{
    font-size: 1.11em;
    margin: auto;
    border: 0px solid #DDD;
    list-style-type: none;
    display: block;
   
}

.BRMSContainer ul.brmsTabNav > li:last-child
{
    border-bottom: none;
}

.BRMSContainer.brmsRightTabs ul.brmsTabNav > li{
    border-bottom-width: 1px;
    border-left-width: 1px;
}
.BRMSContainer.brmsLeftTabs ul.brmsTabNav > li{
    border-right-width: 1px;
    border-bottom-width: 1px;
}
.BRMSContainer.brmsTopTabs ul.brmsTabNav > li{
    border-bottom: none;
    float:left;
    position: relative;
}
.BRMSContainer ul.brmsTabNav > li.current
{
    color: black;
background-color: skyblue;
   
}
.BRMSContainer.brmsLeftTabs ul.brmsTabNav > li.current
{
    z-index: 10;
}
.BRMSContainer.brmsRightTabs ul.brmsTabNav > li.current
{
    z-index: 10;
}
.BRMSContainer.brmsLeftTabs ul.brmsTabNav > li.first{
}
.BRMSContainer.brmsRightTabs ul.brmsTabNav > li.first{
}

.BRMSContainer.brmsLeftTabs ul.brmsTabNav > li.last
{
}
.BRMSContainer.brmsRightTabs ul.brmsTabNav > li.last
{
}
.BRMSContainer.brmsTopTabs ul.brmsTabNav > li.first{
   
}
.BRMSContainer.brmsTopTabs ul.brmsTabNav > li.last
{
}
.BRMSContainer.brmsTopTabs ul.brmsTabNav > li.current
{
    height: 30px;
}
.BRMSContainer.brmsLeftTabs ul.brmsTabNav > li.first.current,
.BRMSContainer.brmsRightTabs ul.brmsTabNav > li.first.current
{
    border-bottom-width: 1px;
}

.BRMSContainer.brmsTopTabs ul.brmsTabNav > li.first.current
{
    border-bottom: none;
}

.BRMSContainer ul.brmsTabNav > li a
{
    font-size: 14px;
    font-family: 'Roboto',sans-serif;
    color: rgb(22, 39, 54);
    text-decoration: none;
    margin: 0px;
    outline: none;
    display: block;
    text-align: left;

}

.BRMSContainer ul.brmsTabNav > li.current a
{
}

.BRMSContainer ul.brmsTabNav > li a span{
    display:block;
}
.BRMSContainer ul.brmsTabNav > li a span.description
{
    float:left;
    display:block;
    font-weight:normal;
}
.BRMSContainer.brmsLeftTabs ul.brmsTabNav > li a,
.BRMSContainer.brmsRightTabs ul.brmsTabNav > li a
{
    padding: 15px 10px;
}

.BRMSContainer.brmsTopTabs ul.brmsTabNav > li a
{
    line-height: 30px;
    padding: 0 15px;
}
.BRMSContainer.brmsTopTabs ul.brmsTabNav > li a span.description{
    display:none;
}



.BRMSContainer .brmsTabContent
{
    padding: 10px;
display: none;

}
.BRMSContainer.brmsLeftTabs .brmsTabContent,
.BRMSContainer.brmsRightTabs .brmsTabContent{
    margin-left: 165px;
    position: relative;
    z-index: 9;
    min-height:247px;
}
.BRMSContainer.brmsRightTabs .brmsTabContent{
    margin-right: 165px;
    margin-left: 0;
}
.BRMSContainer .brmsTabContent ol.brmsContentList{
    counter-reset: numList;

}
.BRMSContainer .brmsTabContent ol.brmsContentList li{
    padding: 0;
    border-top: 1px solid rgb(239, 242, 247);
    float: left;
    width: 100%;

}

.BRMSContainer .brmsTabContent ol.brmsContentList li.first{
    border-top: 1px none black;

}
.BRMSContainer .itemContent{
    padding: 7px 0px;
    transition: all .2s ease-out;
    display: table;
    table-layout: fixed;
    word-wrap: normal;
    width: 100%;

}
.BRMSContainer .itemContent:hover{
    background-color: #eff2f7;
    padding-right: 6px;
    padding-left: 6px;
    border-box;
    border-box;
    border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:
    border-box;

}
.BRMSContainer .itemContent .listBlock {
    display: table-cell;
    vertical-align: middle;
}

.brmsIcoRefresh{
    background-image: url('styles/brivium/BRMS_refresh.png');
}

.brmsIcoConfig,
.brmsIcoList,
.brmsIcoLayout
{
    background: url('styles/brivium/BRMS_images.png') no-repeat;
}

.BRMSContainer .itemContent .counter{
    display: none;

}

.BRMSContainer .itemContent .itemTitle{
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 65%;
}

.BRMSContainer .itemContent .itemTitle a
{
    color: rgb(38, 47, 66);
}

.BRMSContainer .itemContent .itemTitle a:hover
{
    color: rgb(56, 68, 91);
}

.BRMSContainer .itemUser .itemContent .itemTitle{
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 35%;
}
.BRMSContainer .itemContent .itemDetail {
        width: 150px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.BRMSContainer .itemContent .itemDetail.itemDate {
        width: 200px;
    max-width: 200px;
}

.BRMSContainer .itemContent .itemDetail,
.BRMSContainer .itemContent .itemDetail a{
    color: rgb(56, 68, 95);
    font-size: 14px;
    text-align: right;
}
.BRMSContainer .itemUser .itemContent .itemDetail,
.BRMSContainer .itemUser .itemContent .itemDetail a{
    font-size: 14px;
}
.BRMSContainer .itemContent .itemDetailDate a.paint {
    color: rgb(157, 171, 181);
}
.BRMSContainer .itemContent .itemDetailDate > span {
    font-size: 0.8em;
    color: rgb(200,200,200);
}

.BRMSContainer .itemUser .itemContent .itemDetailMain{
    text-align:right;
}
.BRMSContainer .itemUser .itemContent .itemDetailMain strong{
    font-weight: bold;
}
.BRMSContainer .itemContent .itemDetailName{
    text-align:right;
}
.BRMSContainer .itemContent .itemDetailName a.username span {
    font-weight: bold;
    font-size: 14px;
}

.BRMSContainer .newItemCounter {
    font-weight: bold;
    font-size: 10px;
    color: white;
    background-color: #e03030;
    padding: 0 3px;
    -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
    position: absolute;
    line-height: 16px;
    min-width: 12px;
    text-align: center;
    white-space: nowrap;
    word-wrap: normal;
    right: 2px;
    top: -10px;
    z-index: 100;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -moz-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -khtml-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
    height: 16px;

}

.BRMSContainer .newItemCounter .totalNumber {

}

.BRMSContainer .newItemCounter .arrow {
    border: 5px solid transparent;
    border-top-color: #e03030;
    border-bottom: 1px none black;
    position: absolute;
    right: 3px;
    line-height: 0px;
    bottom: -4px;
    z-index: 100;
    width: 0px;
    height: 0px;

}

.BRMSContainer .brmsNewItem .itemContent{
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;

}

.BRMSContainer .brmsSticky .itemContent{

}
.clear{
    clear:both;
}
.BRMSContainer .xenTooltip{
    position: absolute;
    margin: -50px 0px 0px 60px;
    z-index:999;
}


.BRMSContainer .brmsRefresh{
   
}

.brmsIco{
    height:14px;
    width:14px;
    display:block;
}
.brmsDropdownToggle{
    position:relative;
}
.brmsDropdownMenu{
    font-size: 14px;
    background-color: #FFF;
    margin: 0px 0 0;
    display: none;
    position: absolute;
    z-index: 999;
    text-align: left;
    top: 100%;
    left: -1px;
    float: left;
    min-width: 160px;
    background-clip: padding-box;

}
.brmsDropdownMenu li{
    color: rgb(79, 92, 119);
    background-color: #FAFAFA;
    border: 1px solid #E4E4E4;
    border-top: 1px none black;

}
.brmsDropdownMenu li.current,
.brmsDropdownMenu li:hover{
    background-color: #f6f6f6;

}

.brmsDropdownMenu.left{
    left: 99%;
    top: -1px;
}
.brmsDropdownMenu.right{
    right: 99%;
    top: -1px;
    left: -160px;
}
.brmsDropdownMenu.edge{
    right: -1px;
    left: -160px;
}

.brmsDropdownMenu li.first
{
    border: 1px solid #E4E4E4;
}
.brmsDropdownMenu a {
    font-size: 12px;
    color: #6A6A6A;
    padding: 8px 10px;
    display: block;
    clear: both;
    font-weight: normal;
    white-space: nowrap;

}
.BRMSContainer.brmsLeftTabs .brmsTabNavHidden .brmsDropdownMenu{
    top: -1px;
    left: 99%;
}
.BRMSContainer.brmsRightTabs .brmsTabNavHidden .brmsDropdownMenu{
    right: 99%;
    top: -1px;
    left: -160px;
}
.BRMSContainer ul.brmsTabNav > li.brmsTabNavHiddenMenu {
    display:none;
}

.brmsTabNavHidden li{
    display:none;
}
.brmsTabNavHidden > a {
    text-align:center;
}
.BRMSContainer.brmsTopTabs .brmsTabNavHidden {
    height:30px;
    text-align:center;
}
.BRMSContainer.brmsTopTabs .brmsTabNavHidden > a {
    height: 100%;
    text-align:center;
}


.brmsDropdownToggle:hover .brmsDropdownMenu{
    display:block;
}

.brmsIcoRefresh{
    width: 14px;
    height: 16px;
}

.brmsConfigBtn:hover .brmsIcoRefresh
{
    background:url('styles/brivium/BRMS_refresh.gif') center center no-repeat;
}
.brmsIcoConfig{
    background-position:center -219px;
}
.brmsIcoList{
    background-position: center -302px;
}
.brmsIcoLayout{
    background-position: center -341px;
}
.brmsIcoLoader{
    background:url('styles/brivium/ModernStatistic/loader7.gif') no-repeat center center;
    width:220px;
    height:19px;
    display:block;
    margin: auto;
}

.BRMSContainer .itemContent .itemDetail.itemDetailDate
{
    display: none !important;
}

sccn.PNG


còn nữa để cập nhật sau nha.
 
Bài viết liên quan
Bị Lỗi share facebook không hiển thị ảnh đại diện xenforo bởi bloghocpiano,
Cho em xin code chèn comment facebook bởi quang9292,
Postbit Bar in XFRM overview - Postbit Bar trong trang tổng quan XFRM cho XenForo 2.3 bởi PVS,
Hiện bài viết trên thống kê. bởi maichi111,
Xenforo modification bởi urkyfight,
Cần thiết kế giao diện diễn đàn bởi fanbongda,
Bài viết mới
Bị Lỗi share facebook không hiển thị ảnh đại diện xenforo bởi bloghocpiano,
Lỗi Nội dung không mong muốn bởi muabandalat,
Cho em xin code chèn comment facebook bởi quang9292,
Socials & Languages PREFIXES - Tiền tố mạng xã hội & ngôn ngữ cho XenForo 2.3 bởi PVS,
Bị lỗi ErrorException: Template error: [E_USER_WARNING] Cannot call method first on a non-object (NULL) src/XF/Template/Templater.php:1177 bởi bloghocpiano,
FA Icon for Public Navigation - Biểu tượng FA cho Public Navigation XenForo 2.3 bởi PVS,
1,453 1 5
Bạn phải đăng nhập hoặc đăng ký để bình luận.

Dịch vụ XenForo của VNXF

Zalo 0906081284
avatar Sildzedt InboxPVS

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS
Xenforo là gì?
Xây dựng MXH bằng Xenforo

Xử lý sự cố (Troubleshooting)

Texlink

Diễn đàn chia sẻ kinh nghiệm massage
Review dịch vụ massage toàn quốc
Cộng Đồng Massage Việt Nam
Liên hệ đặt Textlink

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Back
Top