CSYON HUD Verschieben

  • Hey, und zwar will ich die HUD auf meinem Server verschieben, Ich zeig euch mal ein Bild wie es jetzt aussieht und wie ich es haben will:
    bei dem ersten bild ist es so wie es grade ist bei dem zweiten ist mein wunsch hier der css code:


    @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');

    * {padding: 0; margin: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif;}


    .playerStats{

    position: absolute;

    left: 325px; /* Default: 450px */

    bottom: 28px; /* Default: 20px */


    right: 82.0%; /* (18.2% Right Side of Map) | (82.0% Right Side of Screen) | (2.7% Above Map) */

    bottom: 41.85; /* (1.85% Default-Fix for all 16:9 resolutions) | (21.0% Above Map) */

    }


    .carStats{

    position: absolute;

    right: 50px;

    bottom: 50px;

    display: none;

    }


    .stat{

    color: #fff;

    background: linear-gradient(to right, rgb(2, 0, 5, 0.65) 100%,rgb(68, 63, 68, 0.65) 25%);

    width: 220px;

    height: 30px;

    position: relative;

    margin-bottom: 7px;

    box-shadow: 0 10px 15px rgba(0,0,0,0.3);

    }


    .stat .icon{

    height: 30px;

    width: 30px;

    background: rgb(2,0,5);

    border-radius: 100%;

    position: relative;

    display: inline-block;

    right: 15px;

    }


    .stat .icon i, .stat .icon img{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    }


    .stat .icon img{

    height: 18px;

    width: 18px;

    }



    .stat span{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    margin-left: -10px;

    }



    .stat .progress {

    top: 17.5%;

    left: 9%;

    width: 87.5%;

    height: 65%;

    box-sizing: border-box;

    border-radius: 15px 15px 15px 15px;

    position: absolute;

    }


    .carStats .stat{

    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

    text-align: right;

    }


    .carStats .stat .icon{

    float: right;

    right: 0px;

    left: 15px;

    }


    .carStats .stat span{

    white-space: nowrap;

    right: 20px;

    }


    .status{

    display: flex;

    width: 195px;

    position: relative;

    left: -15px;

    justify-content: space-between;

    }


    .veh-gas{

    display: flex;

    width: 235px;

    position: relative;

    right: -15px;

    justify-content: space-between;

    }



    .vert-stat{

    border-radius: 50%;

    width: 40px;

    height: 40px;

    position: relative;

    overflow: hidden;

    background-color: rgba(0,0,0,0.5);

    }


    .vert-stat .bg{

    height: 100%;

    width: 100%;

    position: absolute;

    bottom: 0;

    }


    .vert-stat img{

    width: 50%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    }



    #gas{

    position: absolute;

    right: 100px;

    bottom: 50px;


    }