aucma-scada-visual-board-new/productionboard/target/classes/static/css/foamBox/style.css

/*发泡看板CSS样式*/
body {
    background-color: aquamarine;
    background: url(../../img/foamBox/foamBoxbackground.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}

.theCurrentTeam {
    display: none;
}

.onDutyPlan {
    border: 0px solid red;
    width: 10.9%;
    position: absolute;
    top: 14.8%;
    letter-spacing: -1px;
}

.scheduledProduction {
    left: 30%;
}

.actualOutPut {
    left: 44.5%;
}

.differenceValue {
    left: 59%;
}

.inventoryStatistics {
    border: 0px solid red;
    position: absolute;
    width: 23.5%;
    height: 23.3%;
    top: 14.5%;
    left: 3.5%;
}

.statisticalOutputByModel {
    border: 0px solid red;
    position: absolute;
    width: 23.5%;
    height: 49%;
    top: 46%;
    left: 3.5%;
}

.hourlyOutputStatistics {
    border: 0px solid red;
    position: absolute;
    width: 68%;
    height: 20%;
    bottom: 5%;
    right: 3.5%;
}

.foamingParameters {
    border: 0px solid red;
    position: absolute;
    width: 23.5%;
    height: 23.3%;
    top: 14.5%;
    right: 3.5%;
}

.deviceRunStatus {
    /*position: absolute;
    width: 38%;
    height: 10%;
    top: 25.5%;
    left: 33%;
    border: 1px solid red;
    color: white;
    font-size: 12px;*/
    position: absolute;
    width: 40%;
    height: 10%;
    top: 25.5%;
    left: 30.2%;
    border: 0px solid red;
    color: white;
    font-size: 12px;
}
.temperatureOne{
    width: 100%;
    height: 100%;
}
.temperatureTwo{
    width: 100%;
    height: 100%;
}
.temperatureThree{
    width: 100%;
    height: 100%;
}
.temperatureFour{
    width: 100%;
    height: 100%;
}

.swiperModule {
    position: absolute;
    width: 23%;
    height: 19%;
    top: 46%;
    left: 73%;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}