.stats-well { border: 1px solid #d7d7d7; -moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px; background-color: #f9f8f8; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f7f7f7),color-stop(100%,#eee));background-image: -webkit-linear-gradient(#f7f7f7,#eee);background-image: -moz-linear-gradient(#f7f7f7,#eee);background-image: -o-linear-gradient(#f7f7f7,#eee);background-image: -ms-linear-gradient(#f7f7f7,#eee);background-image: linear-gradient(#f7f7f7,#eee); padding: 8px; min-width: 280px; margin-bottom: 15px; h2, h4{ font-weight: normal; } } .fact_chart { min-height: 400px !important; width: 560px !important; padding: 0 !important; text-align: center; font-weight: bold; overflow: hidden; } #statistics{ .stats-well{ float: left; padding: 10px 20px; margin: 0 0 20px 20px; &:hover{ border-color:#0069d6; -webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25); } } } #reports .stats-well{ min-height: 380px; } #hosts .stats-well{ min-height: 270px; } .statistics-bar{ width: 260px; height: 330px; margin: 0px auto 10px auto; } .statistics-pie{ width: 450px; height: 450px; margin: 20px auto 20px auto; &.small{ width: 240px; height: 240px; } } .axisLabels{ color: #626262; font-weight: bold; } #flot-tooltip { font-size: 12px; font-family: 'Overpass', Interstate, sans-serif; position: absolute; display: none; border: 2px solid; padding: 2px; background-color: #FFF; opacity: 0.8; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; b{ color: black; font-weight: bold; } } .xAxis > .tickLabel { margin-top:15px; -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .pie-title{ color: #626262; } .pie-labels{ text-align:center; padding:2px; font-weight: bold; text-wrap: normal; color: white; } .statistics-pie.small .overlay { background: url(/assets/pie_overlay.png) no-repeat; background-size: cover; -ms-behavior: url(/assets/background-size.htc); z-index: 1; } .statistics-chart{ height: 270px; width: 100%; margin-bottom: 20px; } #host-show .statistics-chart{ height: 230px; } .reset-zoom{ float: right; } #legendContainer table{ width: 100%; } .legend td.legendColorBox, #legendContainer td.legendColorBox{ &:hover, &.disabled:hover{ background-color: #0069d6; color: white; cursor: pointer; } &.disabled{ opacity: (0.3); } }