/* personalized from slugexe css by namekujilsds#7777 modifications by realHAX v1.1 - 10/29/2022 -fixed a number that bothered me old: bottom: 32.2009% !important; new: bottom: calc(30% + 25px) !important; -made reload bar actually centered -rounded reload bar -teaked some colors */ @font-face { font-family: gamefont; src : url("https://namekujilsds.github.io/font/vag-rounded-400.woff2"); } /* MENU */ #termsInfo, #braveWarning, #aHider, .verticalSeparator, .imageButton, #editorBtnM, .menuSocialB, #newsHolder, #tlInfHold, #gameNameHolder, #seasonLabel, .setSugBox2, .bigMFeatHold { display: none !important; } #menuItemContainer { top : unset; bottom : 20px; left : 100px; height : 100px; width : 100%; display : flex; flex-direction : row; align-items : center; align-content : center; justify-content: center; flex-wrap : nowrap; background : transparent; } .menuItem { height : 100%; display : flex; width : 150px; justify-content: center; align-content : center; align-items : center; flex-direction : row; flex-wrap : nowrap; flex-grow : unset; margin-left : 20px; margin-right : 20px; background : #0006; } .menuItem:hover .menBtnIcn { transform: unset !important; } .menuItem .menuItemTitle { display: none !important; } #subLogoButtons { bottom: 160px; } #subLogoButtons>.button:hover, .menuItem:hover { transform : unset; box-shadow: 0 0 0 5px white !important; transition: .1s; } #subLogoButtons>.button { background : #0006; height : 100px; border : unset !important; border-radius : unset; width : -webkit-fill-available; display : flex; align-items : center; justify-content: center; } #subLogoButtons { width : 50%; display: flex; } #uiBase.onMenu #chatHolder { bottom: 20px !important; left : 30px !important; } #uiBase.onMenu #voiceDisplay { bottom: 20px; left: 380px; } #mapInfoHolder { position: absolute; bottom: 25px; } /* Menu Window*/ ::-webkit-scrollbar { width: 5px; } #menuWindow.dark { background: #fff6; } #selectorContainer, .settingsHeader, .setBodH, .setHed { background: transparent !important; border : unset !important; } .settName, .settNameSmall { color: #000 !important; } /* INGAME */ #maxHP, #rankedSoonTm, #igXPBar, #timerIcon, #hudClassIcon, #challIcon, #healthBar { display: none !important; } #uiBase.onGame #chatHolder { bottom: 10px !important; left : 10px !important; } #uiBase.onGame #voiceDisplay { bottom: 8px; left: 340px; transform: scale(0.85); } #healthValue, #timerVal, #ammoVal { text-shadow: 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black; } #timerVal { color : #00ffff; font-size : 35px; padding-left: 0; will-change : unset; } #healthValue { color : #009a9a; font-size : 40px; letter-spacing: 1px; text-align : center; will-change : unset; } #timerDisplay { text-align : center; position : fixed; transform : translateX(-50%); bottom : 5%; left : 50%; padding : unset; margin : unset; border-radius : 0; background-color: transparent; } #healthValueHolder { background-color: transparent; width : 125px; height : 65px; border-radius : 0; position : fixed; bottom : 30% !important; left : 40% !important; padding : 50px; /* margin : unset;*/ align-items : center; } #bottomRight { position: fixed; } #ammoDisplay { background-color: #fff0 !important; border-radius: 10px !important; width: 65px; height: 10px; top: calc(50% + 35px); left: calc(50% - 32.5px); } #ammoVal { color: #00aaaa; position: fixed; bottom : calc(30% + 25px) !important; right : 40% !important; padding : 50px; /*margin-bottom: 10% !important;*/ font-size: 40px !important; } #ammoDisplay { background-color: transparent; background-image: linear-gradient(to right, #006666, #009999); letter-spacing: 1px; border-radius: 0px; position: fixed; right: 40%; bottom: 50%; padding: 0; padding-top: 0; padding-left: 0; transform: none; } #weapDisplay { position: absolute; z-index: 1; right: 20px; bottom: 30px; } /* #ammoDisplay { display : block !important; background-color: transparent; background-image: linear-gradient(to right, #000000, #009999); position : fixed; bottom : 50%; padding : 50px; left : 55%; transform : none; width : 8px; height : 50px; border-radius : 100px; } #ammoVal { color : #00ffaa; bottom : 35% !important; left : 55% !important; font-size: 30px !important; } */ #ammoMax { display: none; } #ammoIcon { display: none; } #reloadMsg { background: transparent; position : fixed; border : unset !important; bottom : 45%; font-size : 20px; } /* Menu Timer */ #uiBase.onMenu #spectateUI { display : block !important; position : fixed; bottom : 48.5%; top : unset; left : 50%; right : unset; transform: translate(-50%, 50%); z-index : 1; width : 10px; height : 10px; } #uiBase.onMenu #spectateHUD { display : flex; justify-content: center; transform : unset; left : unset; } #uiBase.onMenu #specTeam0, #uiBase.onMenu #spec0, #uiBase.onMenu #spec1, #uiBase.onMenu #specNames, #uiBase.onMenu #specStats, #uiBase.onMenu #specContr, #uiBase.onMenu #specKPDContr, #uiBase.onMenu #specSus, #uiBase.onMenu #specTeam1, #uiBase.onMenu #specGMessage, #uiBase.onMenu #specGameInfo { display: none !important } #uiBase.onMenu #specTimer { display : block !important; font-size : 35px; background-color: transparent; color : rgba(255, 255, 255, .55) } /* Class Picker */ #hiddenClasses { display : flex !important; flex-direction: column; position : fixed; left : 10px; bottom : unset; top : 50%; transform : translate(0, -50%); margin-right : 10px; } #menuClassPicker0[onclick="selectClass(0)"], #menuClassPicker1[onclick="selectClass(1)"], #menuClassPicker2[onclick="selectClass(2)"], #menuClassPicker3[onclick="selectClass(3)"], #menuClassPicker4[onclick="selectClass(4)"], #menuClassPicker5[onclick="selectClass(5)"], #menuClassPicker6[onclick="selectClass(6)"], #menuClassPicker7[onclick="selectClass(7)"], #menuClassPicker8[onclick="selectClass(8)"], #menuClassPicker9[onclick="selectClass(9)"], #menuClassPicker10[onclick="selectClass(10)"], #menuClassPicker11[onclick="selectClass(11)"], #menuClassPicker12[onclick="selectClass(12)"], #menuClassPicker13[onclick="selectClass(13)"], #menuClassPicker14[onclick="selectClass(14)"] { display : block; width : 55px; height : 55px; pointer-events : auto; image-rendering: pixelated; margin-bottom : 10px; filter : saturate(0); } #menuClassPicker0[onclick="selectClass(0)"] { content: url(https://assets.krunker.io/textures/classes/icon_0.png); } #menuClassPicker1[onclick="selectClass(1)"] { content: url(https://assets.krunker.io/textures/classes/icon_1.png); } #menuClassPicker2[onclick="selectClass(2)"] { content: url(https://assets.krunker.io/textures/classes/icon_2.png); } #menuClassPicker3[onclick="selectClass(3)"] { content: url(https://assets.krunker.io/textures/classes/icon_3.png); } #menuClassPicker4[onclick="selectClass(4)"] { content: url(https://assets.krunker.io/textures/classes/icon_4.png); } #menuClassPicker5[onclick="selectClass(5)"] { content: url(https://assets.krunker.io/textures/classes/icon_5.png); } #menuClassPicker6[onclick="selectClass(6)"] { content: url(https://assets.krunker.io/textures/classes/icon_6.png); } #menuClassPicker7[onclick="selectClass(7)"] { content: url(https://assets.krunker.io/textures/classes/icon_7.png); } #menuClassPicker8[onclick="selectClass(8)"] { content: url(https://assets.krunker.io/textures/classes/icon_8.png); } #menuClassPicker9[onclick="selectClass(9)"] { content: url(https://assets.krunker.io/textures/classes/icon_9.png); } #menuClassPicker10[onclick="selectClass(10)"] { content: url(https://assets.krunker.io/textures/classes/icon_10.png); } #menuClassPicker11[onclick="selectClass(11)"] { content: url(https://assets.krunker.io/textures/classes/icon_11.png); } #menuClassPicker12[onclick="selectClass(12)"] { content: url(https://assets.krunker.io/textures/classes/icon_12.png); } #menuClassPicker13[onclick="selectClass(13)"] { content: url(https://assets.krunker.io/textures/classes/icon_13.png); } #menuClassPicker14[onclick="selectClass(14)"] { content: url(https://assets.krunker.io/textures/classes/icon_14.png); } #menuClassPicker0[onclick="selectClass(0)"]:hover, #menuClassPicker1[onclick="selectClass(1)"]:hover, #menuClassPicker2[onclick="selectClass(2)"]:hover, #menuClassPicker3[onclick="selectClass(3)"]:hover, #menuClassPicker4[onclick="selectClass(4)"]:hover, #menuClassPicker5[onclick="selectClass(5)"]:hover, #menuClassPicker6[onclick="selectClass(6)"]:hover, #menuClassPicker7[onclick="selectClass(7)"]:hover, #menuClassPicker8[onclick="selectClass(8)"]:hover, #menuClassPicker9[onclick="selectClass(9)"]:hover, #menuClassPicker10[onclick="selectClass(10)"]:hover, #menuClassPicker11[onclick="selectClass(11)"]:hover, #menuClassPicker12[onclick="selectClass(12)"]:hover, #menuClassPicker13[onclick="selectClass(13)"]:hover, #menuClassPicker14[onclick="selectClass(14)"]:hover { cursor: pointer; filter: saturate(1); transform: scale(1.2); }