aucma-benchmarking-factory/ruoyi-admin/src/main/resources/static/css/board/month.css

body {
    height: auto;
    width: auto;
    background: url(../../img/board/month/backgroundImg.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    color: rgba(255, 255, 255, .95);
    font: normal 100% Arial, sans-serif;
}
.cardOne{
    background: url(../../img/board/month/bgTwo.gif);
    background-size: 100% 100%;
    position: absolute;
    top: 14%;
    left: 1.4%;
    width: 23.7%;
    height: 40.5%;
}
.cardTwo{
    background: url(../../img/board/month/bgTwo.gif);
    background-size: 100% 100%;
    position: absolute;
    top: 14%;
    left: 26%;
    width: 23.6%;
    height: 40.5%;
}
.cardThree{
    background: url(../../img/board/month/bgFour.gif);
    background-size: 100% 100%;
    position: absolute;
    top:1%;
    left:1%;
    width:1%;
    height:1%;
}
.cardFour{
    background: url(../../img/board/month/bgFour.gif);
    background-size: 100% 100%;
    position: absolute;
    top:1%;
    left:1%;
    width:1%;
    height:1%;
}
.cardFive{
    background: url(../../img/board/month/bgTwo.gif);
    background-size: 100% 100%;
    position: absolute;
    top: 56.8%;
    left: 1.4%;
    width: 23.7%;
    height: 40.5%;
}
.cardSix{
    background: url(../../img/board/month/bgTwo.gif);
    background-size: 100% 100%;
    position: absolute;
    top: 56.8%;
    left: 26%;
    width: 23.7%;
    height: 40.4%;
}
.cardSeven{
    background: url(../../img/board/month/bgFour.gif);
    background-size: 100% 100%;
    position: absolute;
    top:1%;
    left:1%;
    width:1%;
    height:1%;
}
.cardEight{
    background: url(../../img/board/month/bgFour.gif);
    background-size: 100% 100%;
    position: absolute;
    top:1%;
    left:1%;
    width:1%;
    height:1%;
}
.day{
    background: url(../../img/board/month/time.png);
    background-size: 100% 100%;
    position: absolute;
    top: 1.4%;
    left: 80.5%;
    width: 8%;
    height: 4%;
}
.time{
    background: url(../../img/board/month/day.png);
    background-size: 100% 100%;
    position: absolute;
    top: 1.4%;
    left: 89%;
    width: 8%;
    height: 4%;
}
.satisfaction{
    position: absolute;
    width: 23%;
    height: 35%;
    top: 17%;
    left: 1.5%;
}
.outputStatistics{
    position: absolute;
    width: 23%;
    height: 35%;
    top: 61.5%;
    left: 2%;
}
.quality{
    position: absolute;
    width: 23%;
    height: 35%;
    top: 19%;
    left: 75.5%;
}
.ecosphere{
    /*background: url(../../img/board/month/one.png) no-repeat;*/
    /*background-size: 100% 100%;*/
    /*position: absolute;*/
    /*width: 23%;*/
    /*height: 35%;*/
    /*top: 15%;*/
    /*left: 75%;*/
}
.safe{
    position: absolute;
    width: 22%;
    height: 30%;
    top: 64%;
    left: 75.5%;
}
.abnormal{
    position: absolute;
    width: 22%;
    height: 34%;
    top: 61%;
    left: 51.5%;
}
.scene{
    background: url(../../img/board/month/two.jpg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 22%;
    height: 34%;
    top: 18%;
    left: 51.5%;
}
.Highlight{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 22%;
    height: 34%;
    top: 18.7%;
    left: 26.7%;
}
.slide{
    position: absolute;
    width: 22%;
    height: 34%;
    top: 18.7%;
    left: 26.7%;
}
.energyConsumption{
    position: absolute;
    width: 22%;
    height: 34%;
    top: 61.7%;
    left: 26.7%;
}