FCC/Applications/UniversalApi_WebConsole_App/wwwroot/css/commonlayout.css

body[id*="mainscreen_body"] {
    /*width: 1280px;
    height: 720px;*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    background-image: url(/images/shared/backgroundImage.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    font-family: Noto Sans CJK;
    user-select: none;
    /*border: 1px solid#00bfff;*/
}

body[id*="mainscreen_body"] > header {
    height: 7.5%;
    width: 100%;
}

.commonheader {
    position: relative;
    /* width: 1280px;
    height: 54px;*/
    width: 100%;
    height: 100%;
    /*border: 1px solid#00bfff;*/
}

div[id^="common_header"] > img[id*="common_header_left"] {
    position: absolute;
    width: 85.625%;
    height: 100%;
    top: 0px;
    left: 0px;
}

div[id^="common_header"] > img[id*="common_header_right"] {
    position: absolute;
    top: 0px;
    left: 84.753%;
    height: 61.111%;
    width: 15.247%;
    /*left: 1081px;*/
}
div[id^="common_header"] > div[id="common_header_informations"] {
    position: absolute;
    top: 0px;
    width: 85%;
    height: 100%;
    text-align: left;
    color: #f0ffff;
    font-size: 2rem;
}
div[id^="common_header"] > span[id*="common_header_left"] {
    position: absolute;
    top: 20%;
    height: 80%;
    /*left: 0px;
    width: 1096px;*/
    /*line-height: 54px;*/
    line-height: 100%;
    /*text-align: left;
    color: #f0ffff;
    font-size: 32px;*/
}

div[id^="common_header"] > span[id*="common_header_right"] {
    position: absolute;
    top: 10%;
    /*left: 1081px;
    width: 199px;
    height: 33px;
    line-height: 33px;*/
    left: 84.453%;
    width: 15.547%;
    height: 61.111%;
    line-height: 100%;
    text-align: center;
    color: white;
    font-size: 1.563rem;
}

div[id*="main_view"] {
    position: relative;
    height: 78.611%;
    width: 100%;
    /*border: 1px solid #00ced1;*/
}
body[id*="mainscreen_body"] > footer {
    position: relative;
    height: 13.889%;
    width: 100%;
}
div[id*="common_footer"] {
    position: relative;
    height: 100%;
    width: 100%;
    /*border: 1px solid #00ced1;*/
}

div[id*="common_footer"] > img[id="common_footer_img"] {
    position: relative;
    /*height: 100px;
    width: 1280px;*/
    width: 100%;
    height: 100%;
}

div[id*="common_footer"] > a[id*="common_footer_"] {
        position: absolute;
        top: 20%;
        height: 68%;
        width: 6.094%;
        margin-right: 3.516%;
        /*border: 1px solid #00ced1;*/
    }
div[id*="common_footer"] > a[id*="common_footer_"] > img{
    width: 100%;
    height: 100%;
    /*border: 1px solid #00ced1;*/
}