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

  • Thread starter Lê Thanh Giảng
  • Ngày gửi
1,374 1 5
L

Lê Thanh Giảng

Khách VNXF
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
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,
em cần tìm thanh kéo chuột bởi Kendy,
Dark/Light Mode Automatic Toggle Switch/jsdmat - Tự động chuyển đổi chế độ tối/sáng/jsdmat XenForo 2 0.4.0 bởi PVS,
Make the media slider horizontal scroll arrows more visible - Làm cho các mũi tên cuộn ngang của media slider hiển thị rõ ràng hơn cho XenForo 2.2 bởi PVS,
Bài viết mới
Mong các AE giúp đỡ em tạo Custom thread fields bởi nguyendinhnham,
Hiện bài viết trên thống kê. bởi maichi111,
làm như thế này như thế nào ạ bởi phamnguyen,
Sao profile post của mình k hiện bởi sanhpv,
Hỏi về rank bị dài bởi boyngheo21,
Xenforo modification bởi urkyfight,
Bạn phải đăng nhập hoặc đăng ký để bình luận.
Người đăng Chủ đề tương tự Diễn đàn Trả lời Ngày đăng
sukoro Help Chuyển nút share từ dưới lên cuối bài viết đầu tiên của topic Template Modifications 14
phong 1997 Help Sửa Lỗi Hiện hienj ảnh khi share lên fb ạ Template Modifications 5
hardcore Other Share footer FIFAVN.ORG Full Responsive Template Modifications 10
PVS Other Moving Share Buttons From Bottom to Top of Thread - Di chuyển nút Share từ Bottom đến Top của Thread Template Modifications 0
L Share code giao diện phẳng cho thống kê 1.7 Template Modifications 7

Chủ đề tương tự


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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Xử lý sự cố (Troubleshooting)

Texlink

Liên hệ đặt Textlink
Liên hệ đặt Textlink
Liên hệ đặt Textlink
Liên hệ đặt Textlink

Nhà Tài Trợ

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