Dbu3’s official MTZ CSS

/* updated 09/04/2021 */

:root {
    --health-color: #fff;
    --ammo-color: #fff;
    --premium-color: #fbc02d;
    --verified-color: #40c4ff;
    --verified-clan-color: #fbc02d;
    --menu-bg-color: rgba(15, 15, 15, .2);
    --menu-bg-color-secondary: rgba(0, 0, 0, .5);
    --ingame-bg-color: rgba(15, 15, 15,.2);
    --text-transform: none;
}

@font-face{font-family:gamefont;src:url(./fonts/font2.ttf)}@font-face{font-family:headerfont;src:url(./fonts/header.ttf)}

.material-icons {
    font-family: 'Material Icons';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}

.material-icons[style*="color:#40C4FF"] {
    color: var(--verified-color) !important;
}

#timerDisplay {
    text-align: center;
    position: fixed;
    transform: translateX(-50%);
    top: 80%;
    left: 50%;
    padding: 0;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    background-color: transparent;
    will-change: unset;
}

#timerVal {
    font-size: 36px;
    padding-left: 0;
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
    will-change: unset;
}

#timerIcon {
    display: none;
}

#teamScores {
    background-color: var(--ingame-bg-color);
    border-radius: 0;
}

.tScoreC {
    background-color: #eb5656;
}

.tScoreC.you {
    background-color: #fff;
}

#leaderDisplay {
    border-radius: 0;
    background-color: var(--ingame-bg-color);
}

.leaderName {
    color: #eb5656;
}

.leaderNameF {
    color: #fff;
}

.newLeaderContainer {
    border-radius: 0;
    background-color: var(--ingame-bg-color);
}

.newLeaderName,
.newLeaderNameM,
.newLeaderNameF {
    color: #fff;
}

#leaderContainer i[style*="color:#FBC02D"] {
    color: var(--premium-color) !important;
}

#leaderContainer i[style*="color:#40C4FF"] {
    color: var(--verified-color) !important;
}


.leaderName span[style*='color:#FBC02D'],
.newLeaderName span[style*='color:#FBC02D'],
.leaderNameM span[style*='color:#FBC02D'],
.newLeaderNameM span[style*='color:#FBC02D'],
.leaderNameF span[style*='color:#FBC02D'],
.newLeaderNameF span[style*='color:#FBC02D'] {
    color: var(--verified-clan-color) !important;
}

.teamTotals {
    background-color: var(--menu-bg-color-secondary);
    border-radius: 0;
}

.teamTotalN0 {
    color: #fff;
}

.teamTotalN1 {
    color: #eb5656;
}

#endTimer {
    color: #fff;
    text-shadow: none;
    font-style: normal;
}

#endTable {
    background-color: transparent;
    border-radius: 0;
}

.endTableN[style*='color:rgba(255,255,255,0.6)'] {
    color: #fff !important;
}

.endTableN span[style*="color:#FBC02D"] {
    color: var(--verified-clan-color) !important;
}

.endCard {
    left: 50% !important;
    background-color: var(--menu-bg-color-secondary);
    border-radius: 0;
}

#medalTable {
    background-color: transparent;
}

#matchVoteHolder {
    background-color: transparent;
}

.matchVote {
    margin-right: 0;
    border-radius: 0;
    text-shadow: none;
}

.matchVoteThumb {
    border-radius: 0;
}

.countIcon {
    background-color: var(--ingame-bg-color);
    border-radius: 0;
    padding: 7px;
}

#deathsVal,
#killsVal,
#livesDisp,
#myScoreVal {
    bottom: 7px;
    position: relative;
}

#streakCount {
    position: fixed;
    transform: translateX(-50%);
    top: 85%;
    left: 50%;
    background-color: transparent;
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
}

#streakIcon {
    filter: drop-shadow(2px 2px 3px rgba(30, 30, 30, .5));

}

.kfItem {
    border-radius: 0;
    background-color: var(--ingame-bg-color);
}

#hudClassIcon {
    display: none;
}

#healthValueHolder {
    background-color: transparent;
    width: 100px;
    height: 65px;
    border-radius: 0;
    position: fixed;
    left: 30%;
    bottom: 25%;
    padding: 0;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    align-items: center;
}

#healthValue {
    color: var(--health-color);
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 2px;
    text-align: center;
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
    margin-top: 0;
    will-change: unset;
}

#maxHP {
    display: none;
}

#challIcon {
    display: none !important;
}

#healthBar {
    display: none;
}

#ammoDisplay {
    background-color: transparent;
    letter-spacing: 2px;
    width: 100px;
    height: 65px;
    border-radius: 0;
    position: fixed;
    right: 31%;
    bottom: 25%;
    padding: 0;
    padding-top: 0;
    padding-left: 0;
    transform: none;
}

#ammoVal {
    color: var(--ammo-color);
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-left: 12px;
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
}

#ammoMax {
    display: none;
}

#ammoIcon {
    display: none;
}

#killStreakHolder {
    position: fixed;
    left: 53%;
    top: 80%;
}

.killStreakItem {
    width: 50px;
    height: 50px;
    background-color: transparent;
}

#reloadMsg {
    background: transparent !important;
    bottom: 450px;
}

.chatItem {
    border-radius: 0;
    font-size: 20px;
}

.chatMsg span[style*="color:#9eeb56"] {
    color: #fff !important;
}

#weapDisplay {
    bottom: 30px;
}

.weapItem {
    position: absolute;
    bottom: 0;
    right: 0;
}

.weapIcon {
    margin-right: 0 !important;
    transition-duration: 0.1s;
    text-shadow: 2px 2px 0px #000 !important;
}

.weapIcon[style*="opacity: 0.7"], .weapIcon[style*="opacity:0.7"] {
    position: fixed;
    right: calc(50% - 54px);
    bottom: -140px;
    opacity: 0 !important;
    text-shadow: 2px 2px 0px #000 !important;
}

.weapIcon[style*="opacity:1"], .weapIcon[style*="opacity: 1"] {
    position: fixed;
    bottom: 40px;
    right: calc(50% - 54px);
    text-shadow: 2px 2px 0px #000 !important;
}

.weapItem:last-child .weapIcon {
    transform: translateY(5px);
    text-shadow: 2px 2px 0px #000 !important;
}

#weapIconMel {
    margin: 0 !important;
    text-shadow: 2px 2px 0px #000 !important;
}

.weapKey {
    display: none;
    text-shadow: 2px 2px 0px #000 !important;
}

#voiceDisplay {
    display: none;
}

.readAll {
    background-color: transparent;
    color: #fff;
}

.readAll:hover {
    background-color: transparent;
    color: #fff;
}

.serverPing {
    font-size: 30px!important;
    float: right;
    margin-right: 5px;
    display: inline-block
}

.menuClassLevelBox {
    font: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
}

/*Customization*/

#menuClassContainer {
    transform: unset;
}

#bubbleContainer {
    display: none;
}

#menuClassName, #menuClassSubtext {
    text-shadow: none;
}

#menuClassName {
    font-size: 28px;
}

#menuClassSubtext {
    color: var(--accent);
}

#customizeButton {
    width: 300px;
    height: 285px;
    position: fixed;
    right: 19px;
    bottom: 50%;
    transform: translateY(20%);
    font-size: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}


#customizeButton .material-icons {
    display: none;
}

#uiBase.onMenu #spectButton {
    display: flex;
    align-items: center;
    position: absolute;
    top: calc(20% - 60px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    color: rgba(255,255,255,.5);
    font-size: 18px
}

.button {
    padding: 12px 116px;
    padding-right: 168px;
}

#policeButton {
    margin-right: -200px;
}

#chatList {
    background-color: transparent;
}

#menuWindow.dark {
    background-color: #00000017;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 72%)
}