/* widget */
.card-header,
.modal-header {
- background-color: #efefef;
- background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fdfdfd), to(#eaeaea));
- background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
- background-image: -moz-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
- background-image: -ms-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
- background-image: -o-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
- background-image: -linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-
- /* IE6-9 */
- /* stylelint-disable-next-line function-name-case */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdfdfd", endColorstr="#eaeaea", GradientType=0);
+ background-color: #f3f3f3;
+ background-image: linear-gradient(to bottom, #fdfdfd, #eaeaea);
}
.card-header > .icon > svg {
vertical-align: middle;
}
.stat-box {
- background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#f9f9f9), to(#ededed));
- background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
- background-image: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
- background-image: -ms-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
- background-image: -o-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
- background-image: linear-gradient(to bottom, #f9f9f9 0%, #ededed 100%);
+ background-color: #f3f3f3;
+ background-image: linear-gradient(to bottom, #f9f9f9, #ededed);
line-height: 1;
}
.stat-box:not(.float-right) {
function widget(k, v, cls) {
var c = (typeof cls === "undefined") ? "" : cls;
var titleAtt = d3.format(",")(v) + " " + k;
- return '<div class="card stat-box d-inline-block text-center bg-light shadow-sm mr-3 px-3">' +
+ return '<div class="card stat-box d-inline-block text-center shadow-sm mr-3 px-3">' +
'<div class="widget overflow-hidden p-2' + c + '" title="' + titleAtt +
'"><strong class="d-block mt-2 mb-1 font-weight-bold">' +
d3.format(".3~s")(v) + "</strong>" + k + "</div></div>";
$(item).appendTo("#statWidgets");
});
$("#statWidgets > div:not(.stat-box)")
- .wrapAll('<div class="card stat-box text-center bg-light shadow-sm float-right">' +
+ .wrapAll('<div class="card stat-box text-center shadow-sm float-right">' +
'<div class="widget overflow-hidden p-2 text-capitalize"></div></div>');
$("#statWidgets").find("div.float-right").appendTo("#statWidgets");
$("#statWidgets").show();