Advertisement
PhantomGame

Old Krunker

Apr 8th, 2025 (edited)
41
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 29.53 KB | Gaming | 0 0
  1. :root {
  2.     --yellow: #fbc02d; --blue: #2196F3; --green: #b2f252; --red: #ed4242; --div-grey: rgba(108, 108, 108, 0.4); --div-black: rgba(0, 0, 0, 0.2); --div-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.75); --mm-scale: 1; }
  3.  
  4. @font-face {
  5.     font-family: gamefont;
  6.     src: url("https://raw.githubusercontent.com/XEDYYY/font/main/font2.ttf");
  7. }
  8.  
  9. #newsHolder, #youNewDiv, #topRightAdHolder, #onetrust-consent-sdk, #homeStoreAd, .weapKey, #aHolder, .imageButton, #editorBtnM, .headerBarRight, #seasonLabel, .krSocial, #voiceDisplay, #bubbleContainer, .endAHolder, #igXPBar, .button.small.buttonO img, #streamContainer, #loadEditrBtn, [onclick="loginOrRegister()"] {
  10.     display: none !important;
  11. }
  12.  
  13. #menuClassContainer > div[style*="display:inline-block"] {
  14.     flex-direction: column;
  15.     align-items: center;
  16.     display: flex !important;
  17. }
  18.  
  19. #mapInfoHld, #menuClassIcn {
  20.     display: none;
  21. }
  22.  
  23. #voiceIcon {
  24.     opacity: 0.3;
  25. }
  26.  
  27. #chatInputHolder > div:nth-child(3) {
  28.     position: absolute;
  29.     bottom: 0px;
  30.     left: calc(100% + 10px);
  31. }
  32.  
  33. .greyInner, .greyInlineInner, .greyInlineInnerMid {
  34.     margin: unset !important;
  35.     padding: unset !important;
  36.     background: transparent !important;
  37. }
  38.  
  39. .greyInlineInnerMid {
  40.     margin: unset;
  41.     width: 100%;
  42. }
  43.  
  44. div.greyInlineInner:nth-child(1) {
  45.     display: none;
  46. }
  47.  
  48. #recTimer {
  49.     display: none;
  50. }
  51.  
  52. * {
  53.     border-radius: 0px !important;
  54. }
  55.  
  56. ::before {
  57.     border-radius: 0px !important;
  58. }
  59.  
  60. #aHolder, #endAContainer {
  61.     display: none !important;
  62. }
  63.  
  64. #newsHolder {
  65.     display: none;
  66. }
  67.  
  68. #seasonLabel {
  69.     display: none;
  70. }
  71.  
  72. #ot-sdk-btn-floating.ot-floating-button {
  73.     display: none !important;
  74. }
  75.  
  76. .lC-cube {
  77.     display: none;
  78. }
  79.  
  80. #loadGamNm {
  81.     display: none;
  82. }
  83.  
  84. #lC-cont::after {
  85.     content: "CONNECTING...";
  86.     color: rgba(255, 255, 255, 0.8);
  87.     animation: 0.8s ease 0s infinite alternate none running grow;
  88. }
  89.  
  90. #loadHeader {
  91.     display: none;
  92. }
  93.  
  94. #loadTipsHolder {
  95.     font-size: 0px;
  96. }
  97.  
  98. #loadTipsHolder span {
  99.     display: none;
  100. }
  101.  
  102. #loadTipsHolder::before {
  103.     content: "css by tae";
  104.     font-size: 25px;
  105. }
  106.  
  107. #loadTipsHolder::after {
  108.     content: "last updated 2023-1-4";
  109.     font-size: 25px;
  110.     display: block;
  111. }
  112.  
  113. #instructionsUpdate {
  114.     background-color: transparent;
  115. }
  116.  
  117. #chatHolder {
  118.     max-width: unset;
  119.     min-width: unset;
  120.     width: 280px !important;
  121. }
  122.  
  123. #uiBase.onMenu #chatHolder {
  124.     left: 20px;
  125. }
  126.  
  127. #uiBase.onCompMenu #chatHolder {
  128.     left: 20px;
  129.     bottom: 20px;
  130. }
  131.  
  132. #uiBase.onGame #chatHolder {
  133.     left: 20px;
  134.     bottom: 80px;
  135. }
  136.  
  137. #uiBase.onSpect #chatHolder {
  138.     left: 20px;
  139.     bottom: 20px;
  140. }
  141.  
  142. #uiBase.onEndScrn #chatHolder {
  143.     left: 20px;
  144.     bottom: 20px;
  145. }
  146.  
  147. #chatInput {
  148.     border-radius: 0px;
  149. }
  150.  
  151. #chatList {
  152.     background-color: transparent;
  153. }
  154.  
  155. #chatList::-webkit-scrollbar {
  156.     display: none;
  157. }
  158.  
  159. .killfeedMsg {
  160.     background-color: transparent;
  161.     margin: unset !important;
  162. }
  163.  
  164. #chatList {
  165. }
  166.  
  167. .chatItem {
  168.     max-width: 280px;
  169.     overflow-wrap: break-word;
  170.     display: inline-block;
  171.     margin-bottom: 10px;
  172.     padding: 5px 10px;
  173.     color: rgb(255, 255, 255);
  174.     font-size: 14px;
  175.     margin-top: unset;
  176.     margin-left: unset;
  177.     background-color: rgba(0, 0, 0, 0.2) !important;
  178. }
  179.  
  180. .chatMsg {
  181.     color: rgba(255, 255, 255, 0.7);
  182. }
  183.  
  184. .headShotChatIcon {
  185.     display: none;
  186. }
  187.  
  188. #uiBase.onMenu #voiceDisplay {
  189.     left: 300px;
  190. }
  191.  
  192. #voiceDisplay[style="bottom: 145px;"] {
  193.     bottom: 117px !important;
  194. }
  195.  
  196. #chatInputHolder {
  197.     background-color: transparent;
  198.     border: none;
  199.     padding: 0px;
  200.     display: flex;
  201.     align-items: center;
  202.     gap: 10px;
  203.     width: 100%;
  204. }
  205.  
  206. #chatInput {
  207.     background-color: rgba(0, 0, 0, 0.2);
  208.     border: none;
  209.     width: 100%;
  210.     padding: 5px 5px 5px 10px !important;
  211.     font-size: 18px !important;
  212. }
  213.  
  214. #chatSwitch {
  215.     position: relative;
  216.     bottom: 2px;
  217. }
  218.  
  219. #voiceDisplay {
  220.     padding: 0px;
  221.     background-color: transparent;
  222.     border: none;
  223. }
  224.  
  225. #uiBase.onMenu #voiceDisplay {
  226.     left: 350px;
  227. }
  228.  
  229. #mainLogo {
  230.     margin-top: 50px;
  231.     margin-bottom: -40px;
  232.     height: 225px;
  233.     content: url("https://i.imgur.com/QMx5AmE.png") !important;
  234. }
  235.  
  236. #mainLogoFace {
  237.     display: none;
  238. }
  239.  
  240. #braveWarning {
  241.     display: none !important;
  242. }
  243.  
  244. #subLogoButtons {
  245.     display: flex;
  246.     justify-content: space-between;
  247.     width: 720px;
  248.     top: 180px;
  249.     bottom: unset;
  250.     left: calc(50% - 360px);
  251.     transform: unset;
  252.     text-transform: uppercase;
  253. }
  254.  
  255. #subLogoButtons > .button:not(#menuBtnMatchmakerPlus) {
  256.     margin: 0px;
  257.     padding: 0px !important;
  258.     font-size: 24px !important;
  259.     transform: unset !important;
  260. }
  261.  
  262. #faceItIconM {
  263.     display: none;
  264. }
  265.  
  266. #rankedSoonTm {
  267.     display: none;
  268. }
  269.  
  270. .headerBar [style*="block"] {
  271.     align-items: center;
  272.     justify-content: center;
  273.     display: inline-flex !important;
  274. }
  275.  
  276. .headerBarLeft {
  277.     background-color: transparent;
  278. }
  279.  
  280. .krInfo, .junkInfo {
  281.     margin: 0px;
  282. }
  283.  
  284. #menuAccountUsername {
  285.     vertical-align: unset;
  286. }
  287.  
  288. #menuKRCount {
  289.     vertical-align: unset;
  290. }
  291.  
  292. .verticalSeparatorInline {
  293.     border-color: white;
  294. }
  295.  
  296. #menuKRCount > span {
  297.     color: white !important;
  298. }
  299.  
  300. #menuJNKCount > span {
  301.     color: white !important;
  302. }
  303.  
  304. #mLevelCont {
  305.     display: flex;
  306.     position: relative;
  307.     background: transparent;
  308.     font-size: 16px;
  309.     height: unset;
  310.     padding: 0px;
  311.     left: 8px !important;
  312. }
  313.  
  314. #mLevelContV::before {
  315.     content: "LV";
  316.     margin-right: 10px;
  317. }
  318.  
  319. #mLevelContV {
  320.     font-size: 16px;
  321.     line-height: unset;
  322. }
  323.  
  324. #mailCount {
  325.     border: none;
  326. }
  327.  
  328. .rankClck {
  329.     display: none;
  330. }
  331.  
  332. #menuLvlHold {
  333.     display: none;
  334. }
  335.  
  336. .krSocial {
  337.     display: none;
  338. }
  339.  
  340. #uiBase.onMenu #spectButton {
  341.     z-index: 1;
  342. }
  343.  
  344. #uiBase.onMenu #claimHolder {
  345.     left: 10px;
  346.     top: 80px;
  347. }
  348.  
  349. #claimTimer {
  350.     font-size: 16px !important;
  351. }
  352.  
  353. #uiBase.onMenu #merchHolder {
  354.     display: none !important;
  355. }
  356.  
  357. #tlInfHold {
  358.     display: none !important;
  359. }
  360.  
  361. .headerBarRight {
  362.     display: none;
  363. }
  364.  
  365. #menuClassContainer {
  366.     top: unset;
  367.     left: 50%;
  368.     right: unset;
  369.     bottom: 20px;
  370.     transform: translate(-50%, 0%);
  371.     z-index: 2;
  372. }
  373.  
  374. #bubbleContainer {
  375.     display: none;
  376. }
  377.  
  378. #menuClassNameTag {
  379.     display: none;
  380. }
  381.  
  382. #classPreviewCanvas {
  383.     display: none;
  384. }
  385.  
  386. #menuClassName, #menuClassSubtext {
  387.     text-shadow: none !important;
  388. }
  389.  
  390. .bigShadowT {
  391.     text-shadow: unset;
  392. }
  393.  
  394. .terms {
  395.     vertical-align: unset !important;
  396. }
  397.  
  398. #customizeButton {
  399.     width: 230px;
  400.     text-align: center;
  401.     padding: 6px;
  402.     text-transform: uppercase;
  403.     background-color: unset !important;
  404.     box-shadow: unset !important;
  405.     transform: unset !important;
  406. }
  407.  
  408. #customizeButton .material-icons {
  409.     display: none !important;
  410. }
  411.  
  412. #policeButton > img {
  413.     display: none;
  414. }
  415.  
  416. #policeButton {
  417.     color: rgb(245, 197, 100);
  418.     border: unset !important;
  419. }
  420.  
  421. #policeButton::before {
  422.     content: "KPD";
  423. }
  424.  
  425. #menuItemContainer {
  426.     right: 20px;
  427.     left: unset;
  428.     top: 93px;
  429.     bottom: unset;
  430.     width: 180px;
  431.     background-color: transparent;
  432.     align-items: flex-end;
  433. }
  434.  
  435. #menuBtnProfile {
  436.     font-size: 0px !important;
  437. }
  438.  
  439. #menuBtnProfile::before {
  440.     content: "Profile";
  441.     font-size: 22px;
  442. }
  443.  
  444. .menBtnIcn {
  445.     display: none !important;
  446. }
  447.  
  448. .menuItem {
  449.     display: block;
  450.     flex-direction: column;
  451.     justify-content: space-around;
  452.     align-items: center;
  453.     background: transparent;
  454. }
  455.  
  456. .menuItem:hover {
  457.     /* filter: brightness(1.25); */
  458.     border: none !important;
  459.     text-decoration: underline;
  460. }
  461.  
  462. .menuItem .menuItemIcon {
  463.     display: none;
  464. }
  465.  
  466. .menuItem .menuItemTitle {
  467.     margin-top: 5px;
  468.     color: rgb(48, 144, 250);
  469.     text-align: end;
  470.     width: max-content;
  471.     font-size: 22px !important;
  472. }
  473.  
  474. #menuBtnProfile {
  475.     margin: 0px;
  476. }
  477.  
  478. #clientExit {
  479.     align-items: flex-end;
  480. }
  481.  
  482. .button {
  483.     background-color: transparent;
  484.     text-align: center;
  485.     color: rgb(245, 197, 100);
  486.     text-shadow: rgb(202, 163, 85) 0px 4px 0px !important;
  487.     border: none !important;
  488. }
  489.  
  490. .button:hover {
  491.     color: rgb(255, 255, 255);
  492.     background-color: rgba(255, 255, 255, 0);
  493.     text-shadow: rgb(169, 169, 169) 0px 4px 0px !important;
  494.     border: none !important;
  495. }
  496.  
  497. .button.small {
  498.     padding: 1px 13px 12px 12px !important;
  499.     text-shadow: rgb(202, 163, 85) 0px 5px 0px !important;
  500.     background-color: transparent !important;
  501.     box-shadow: none !important;
  502. }
  503.  
  504. .button.small:hover {
  505.     text-shadow: rgb(173, 173, 173) 0px 4px 0px !important;
  506. }
  507.  
  508. .button.lgn {
  509.     /* display: none; */
  510. }
  511.  
  512. #windowHolder {
  513.     background-color: transparent !important;
  514. }
  515.  
  516. .smlInput {
  517.     background-color: var(--div-black);
  518. }
  519.  
  520. .setHedS {
  521.     background-color: transparent;
  522.     padding-left: unset;
  523. }
  524.  
  525. #menuWindow {
  526.     top: 50%;
  527.     border-radius: 0px;
  528.     border-top: 33px solid;
  529.     border-image: linear-gradient(to right, rgb(241, 87, 87) 10%, white 10%, white 20%, rgb(241, 87, 87) 20%, rgb(241, 87, 87) 30%, white 30%, white 40%, rgb(241, 87, 87) 40%, rgb(241, 87, 87) 50%, white 50%, white 60%, rgb(241, 87, 87) 60%, rgb(241, 87, 87) 70%, white 70%, white 80%, rgb(241, 87, 87) 80%, rgb(241, 87, 87) 90%, white 90%) 1 / 1 / 0 stretch;
  530.     max-height: calc(100% - 560px) !important;
  531.     background-color: rgb(255, 255, 255) !important;
  532.     box-shadow: rgb(166, 166, 166) 0px 9px 0px 0px !important;
  533. }
  534.  
  535. #menuWindow[style*="width: 1300px"] {
  536.     width: 1300px !important;
  537.     max-height: calc(100% - 560px) !important;
  538. }
  539.  
  540. #menuWindow.dark div {
  541.     color: unset;
  542. }
  543.  
  544. #menuWindow div[style*="255,255,255"], #menuWindow span[style*="255,255,255"], #menuWindow span[style*="#fff"] {
  545.     color: rgba(0, 0, 0, 0.5) !important;
  546. }
  547.  
  548. .floatR {
  549.     color: initial;
  550. }
  551.  
  552. .floatR[href*="p=profile"] {
  553.     color: var(--blue) !important;
  554. }
  555.  
  556. .setBodH[style="display:inline-block;padding-top:10px;vertical-align:top;width:680px;margin-left:15px;margin-top:0px;"] {
  557.     width: 528px !important;
  558. }
  559.  
  560. .bigMenTabs {
  561.     background-color: rgba(0, 0, 0, 0.12);
  562. }
  563.  
  564. .bigMenTab {
  565.     font-size: 20px;
  566.     line-height: 35px;
  567. }
  568.  
  569. #profilePicM {
  570.     border: none;
  571.     margin: 0px;
  572.     height: 150px;
  573.     width: 150px;
  574. }
  575.  
  576. .setHed {
  577.     border: none;
  578.     font-size: 22px;
  579.     padding: 0px;
  580.     background-color: transparent !important;
  581.     margin-bottom: 8px !important;
  582. }
  583.  
  584. .settName, .settNameSmall {
  585.     font-size: 22px;
  586.     margin: 3px 0px 0px;
  587.     border: none;
  588.     color: rgba(0, 0, 0, 0.5) !important;
  589.     padding: 0px !important;
  590. }
  591.  
  592. .setBodH {
  593.     margin: 0px;
  594.     background-color: transparent;
  595.     width: -webkit-fill-available;
  596.     padding: 0px !important;
  597. }
  598.  
  599. .pSt {
  600.     border: none;
  601.     background-color: transparent;
  602.     text-align: left;
  603.     margin: 3px 0px 0px;
  604.     padding: 0px;
  605.     text-transform: inherit;
  606.     width: -webkit-fill-available !important;
  607.     text-shadow: none !important;
  608.     font-size: 22px !important;
  609.     color: rgba(0, 0, 0, 0.5) !important;
  610. }
  611.  
  612. .pSt strong {
  613.     float: right;
  614.     font-size: 22px;
  615.     color: rgb(53, 53, 53);
  616. }
  617.  
  618. #friendList .button {
  619.     text-shadow: none !important;
  620.     color: var(--blue) !important;
  621.     font-size: 22px !important;
  622.     padding: 0px !important;
  623. }
  624.  
  625. #friendList .buttonR {
  626.     color: var(--red) !important;
  627. }
  628.  
  629. #friendList .lName {
  630.     font-size: 22px;
  631.     color: rgba(0, 0, 0, 0.5) !important;
  632. }
  633.  
  634. .xpBar {
  635.     background-color: rgba(0, 0, 0, 0.25);
  636.     border-radius: 0px;
  637.     position: relative;
  638.     height: 20px !important;
  639. }
  640.  
  641. .xpBarB {
  642.     background-color: rgb(255, 255, 255);
  643.     background-image: none;
  644. }
  645.  
  646. .xpBarV {
  647.     display: none;
  648. }
  649.  
  650. .chalCard {
  651.     text-shadow: none;
  652.     background-color: transparent;
  653.     color: rgba(0, 0, 0, 0.5);
  654. }
  655.  
  656. .chalRight {
  657.     width: 548px;
  658. }
  659.  
  660. .chalDesc {
  661.     color: rgba(0, 0, 0, 0.5);
  662.     margin-top: 5px;
  663. }
  664.  
  665. .chalImgC {
  666.     border-radius: 0px;
  667. }
  668.  
  669. .chalXPBar {
  670.     height: 20px;
  671.     padding: 6px;
  672.     margin-top: 8px;
  673.     background-color: rgba(0, 0, 0, 0.2);
  674.     width: -webkit-fill-available;
  675. }
  676.  
  677. .chalXPBarC {
  678.     height: 18px;
  679.     margin-top: 1px;
  680.     background-color: rgb(255, 255, 255);
  681.     background-image: none;
  682. }
  683.  
  684. .chalProg {
  685.     color: rgba(0, 0, 0, 0.5);
  686.     font-size: 12px;
  687.     top: 5px;
  688. }
  689.  
  690. .chalImgC {
  691.     width: 110px;
  692. }
  693.  
  694. #referralHeader {
  695.     color: rgb(255, 255, 255) !important;
  696. }
  697.  
  698. .accountInput {
  699.     background-color: rgba(0, 0, 0, 0.12);
  700.     color: rgb(53, 53, 53);
  701. }
  702.  
  703. .accBtn {
  704.     width: calc(50% - 25px);
  705.     background-color: var(--blue) !important;
  706.     text-shadow: none !important;
  707.     color: rgb(255, 255, 255) !important;
  708. }
  709.  
  710. .loadoutBtn {
  711.     border-radius: 0px;
  712. }
  713.  
  714. #selectorContainer {
  715.     display: flex;
  716.     height: auto;
  717.     width: -webkit-fill-available;
  718.     justify-content: space-between;
  719.     filter: none;
  720.     background-color: rgb(255, 255, 255);
  721.     z-index: 2;
  722.     padding: 0px 20px;
  723.     margin-bottom: 20px;
  724. }
  725.  
  726. .selectorItem {
  727.     left: 0px;
  728.     transform: unset;
  729.     background-color: transparent !important;
  730.     filter: none !important;
  731. }
  732.  
  733. #customizeContainer {
  734.     float: unset;
  735.     width: 100%;
  736. }
  737.  
  738. .selectorItem {
  739.     margin: 0px;
  740.     left: 0px;
  741.     transform: unset;
  742.     background-color: transparent !important;
  743.     filter: none !important;
  744. }
  745.  
  746. .selectorItem .selectorIcon {
  747.     filter: drop-shadow(rgb(0, 0, 0) 0px 0px 0px);
  748. }
  749.  
  750. .selectorLabel {
  751.     text-shadow: none;
  752.     color: rgba(0, 0, 0, 0.5);
  753. }
  754.  
  755. .custContainer {
  756.     border-radius: 0px;
  757.     border: none;
  758.     background-color: rgba(0, 0, 0, 0.12);
  759. }
  760.  
  761. .custContainer {
  762.     display: flex;
  763.     border: none;
  764.     box-shadow: none;
  765.     padding: 0px;
  766.     margin: 3px 0px 0px;
  767.     pointer-events: none;
  768.     background-color: transparent !important;
  769.     width: -webkit-fill-available !important;
  770.     height: max-content !important;
  771. }
  772.  
  773. .custItNm {
  774.     font-size: 22px;
  775.     display: inline-block;
  776.     position: inherit;
  777.     left: 0px;
  778.     top: 0px;
  779.     text-shadow: none;
  780. }
  781.  
  782. .custIcon {
  783.     display: none;
  784. }
  785.  
  786. .custSubContainer {
  787.     position: inherit;
  788.     display: inline-block;
  789.     top: 0px;
  790.     bottom: unset;
  791.     height: 36px;
  792.     width: 36px;
  793.     padding: 0px;
  794.     margin-left: 8px;
  795.     pointer-events: all;
  796.     border: none !important;
  797. }
  798.  
  799. .custSubContainer .custIcon {
  800.     display: block;
  801. }
  802.  
  803. .custSubContainer .custItNm {
  804.     display: none;
  805. }
  806.  
  807. .custSubContainer .selRandom {
  808.     display: block;
  809.     text-shadow: none;
  810.     transform: translate(-50%, -50%);
  811.     font-size: 16px !important;
  812. }
  813.  
  814. .settLabel {
  815.     bottom: unset;
  816.     top: 0px;
  817.     font-size: 22px;
  818.     text-shadow: none;
  819.     pointer-events: all;
  820.     right: 0px !important;
  821.     left: unset !important;
  822. }
  823.  
  824.  
  825. .settLabel[style*="#efefef"], custlabel[style*="#efefef"] {
  826.     color: rgba(0, 0, 0, 0.5) !important;
  827. }
  828. .mailFrom {
  829.     border-color: rgba(0,0,0,.1)
  830. }
  831. .mailSubj {
  832.     font-size: 16px;
  833.     color: rgba(0, 0, 0, 0.5) !important;
  834. }
  835.  
  836. .settLabel:hover, .custLabel:hover {
  837.     text-decoration: underline;
  838. }
  839.  
  840. .mailObj {
  841.     background-color: rgb(0,0,0,.1) !important;
  842. }
  843.  
  844. .serverHostOp {
  845.     border-color: transparent !important;
  846.     box-shadow: unset !important;
  847. }
  848.  
  849. .custLabel {
  850.     font-size: 22px;
  851.     pointer-events: all;
  852.     text-shadow: none;
  853. }
  854.  
  855. .settSmall {
  856.     font-size: 22px;
  857.     margin: 0px !important;
  858. }
  859.  
  860. .selRandom {
  861.     display: none;
  862. }
  863.  
  864. .custIconSpray {
  865.     display: none;
  866. }
  867.  
  868. .classWeap {
  869.     color: rgba(0, 0, 0, 0.5);
  870.     text-align: unset;
  871.     transition-duration: 0.12s;
  872. }
  873.  
  874. .classCard {
  875.     width: -webkit-fill-available;
  876.     text-align: unset;
  877.     height: 80px;
  878.     text-shadow: none;
  879.     color: rgba(0, 0, 0, 0.5);
  880.     background-color: transparent;
  881.     padding: 0px;
  882.     border-radius: 0px;
  883.     filter: none;
  884.     pointer-events: none;
  885.     box-shadow: none;
  886. }
  887.  
  888. .className {
  889.     text-shadow: none;
  890.     font-size: 24px;
  891.     top: 0px;
  892.     color: rgba(0, 0, 0, 0.5) !important;
  893. }
  894.  
  895. .classWeap {
  896.     top: unset;
  897.     bottom: 0px;
  898.     font-size: 20px;
  899.     color: rgba(0, 0, 0, 0.25) !important;
  900. }
  901.  
  902. .classImgC {
  903.     position: absolute;
  904.     top: 0px;
  905.     left: 0px;
  906.     width: 80px;
  907.     border-radius: 0px;
  908.     background-color: rgba(0, 0, 0, 0.25);
  909.     margin-top: 0px;
  910.     z-index: 2 !important;
  911. }
  912.  
  913. .classCard::after {
  914.     content: "play_arrow";
  915.     font-family: "material icons";
  916.     color: rgb(255, 255, 255);
  917.     background-color: var(--blue);
  918.     position: absolute;
  919.     right: 0px;
  920.     top: 0px;
  921.     width: 80px;
  922.     height: 80px;
  923.     text-indent: 0px;
  924.     font-size: 50px;
  925.     text-align: center;
  926.     line-height: 80px;
  927.     pointer-events: all;
  928. }
  929.  
  930. .classCard:hover > .classLvl {
  931.     opacity: 1;
  932. }
  933.  
  934. .classLvl {
  935.     right: unset;
  936.     text-indent: 0px;
  937.     text-shadow: rgb(32, 32, 32) -1px -1px 0px, rgb(32, 32, 32) 1px -1px 0px, rgb(32, 32, 32) -1px 1px 0px, rgb(32, 32, 32) 1px 1px 0px, rgb(32, 32, 32) -2px -2px 0px, rgb(32, 32, 32) 2px -2px 0px, rgb(32, 32, 32) -2px 2px 0px, rgb(32, 32, 32) 2px 2px 0px, rgb(32, 32, 32) -3px -3px 0px, rgb(32, 32, 32) 3px -3px 0px, rgb(32, 32, 32) -3px 3px 0px, rgb(32, 32, 32) 3px 3px 0px;
  938.     top: 5px;
  939.     left: 10px;
  940.     font-size: 15px;
  941.     opacity: 0;
  942.     z-index: 2;
  943.     transition-duration: 0.12s;
  944.     color: rgb(255, 255, 255) !important;
  945. }
  946.  
  947. .classXPBar {
  948.     top: unset;
  949.     bottom: 0px;
  950.     left: 0px;
  951.     width: 80px;
  952.     border-radius: 0px;
  953.     background-color: rgba(0, 0, 0, 0.25);
  954.     height: 10px;
  955.     opacity: 0;
  956.     transition-duration: 0.12s;
  957.     z-index: 2;
  958. }
  959.  
  960. .classCard:hover > .classXPBar {
  961.     opacity: 1;
  962. }
  963.  
  964. .clsXPBarV {
  965.     display: none;
  966. }
  967.  
  968. .clsXPBarC {
  969.     height: 8px;
  970.     background-color: var(--yellow);
  971.     margin: 0px;
  972. }
  973.  
  974. .lockedClass {
  975.     top: 0px;
  976.     left: 0px;
  977.     padding: 0px;
  978.     width: 100%;
  979.     height: 100%;
  980.     z-index: 2;
  981. }
  982.  
  983. .custStreakIconH {
  984.     pointer-events: all;
  985.     transform: unset;
  986.     top: 0px;
  987.     left: unset;
  988.     right: 0px;
  989.     text-align: right;
  990. }
  991.  
  992. .custStreakIcon {
  993.     height: 36px;
  994.     width: 36px;
  995.     background-color: rgba(0, 0, 0, 0.25);
  996.     margin-left: 10px;
  997. }
  998.  
  999. #menuWindow[style="overflow-y: auto; width: 877px;"] {
  1000.     width: 705px !important;
  1001. }
  1002.  
  1003. #skinList {
  1004.     position: relative;
  1005.     left: -20px;
  1006.     padding: 20px;
  1007.     width: 100%;
  1008. }
  1009.  
  1010. .skinCard {
  1011.     width: -webkit-fill-available;
  1012.     text-align: unset;
  1013.     text-indent: 100px;
  1014.     text-shadow: none;
  1015.     color: rgba(0, 0, 0, 0.5);
  1016.     background-color: transparent;
  1017.     padding: 0px;
  1018.     border-radius: 0px;
  1019.     transition-duration: 0.12s;
  1020.     margin-left: 0px;
  1021.     margin-right: 0px;
  1022.     pointer-events: none;
  1023.     height: 80px !important;
  1024.     border: none !important;
  1025. }
  1026.  
  1027. .skinCard::after {
  1028.     content: "play_arrow";
  1029.     font-family: material-icons;
  1030.     color: rgb(255, 255, 255);
  1031.     background-color: var(--blue);
  1032.     position: absolute;
  1033.     right: 0px;
  1034.     top: 0px;
  1035.     width: 80px;
  1036.     height: 80px;
  1037.     text-indent: 0px;
  1038.     font-size: 50px;
  1039.     text-align: center;
  1040.     line-height: 80px;
  1041.     pointer-events: all;
  1042. }
  1043.  
  1044. .skinCard:hover {
  1045.     background-color: transparent;
  1046. }
  1047.  
  1048. .skinImg, .secImg, .skinImgC {
  1049.     margin-top: 0px;
  1050.     position: absolute;
  1051.     left: 0px;
  1052.     top: 0px;
  1053.     width: 70px;
  1054.     padding: 5px;
  1055.     background-color: rgba(0, 0, 0, 0.25);
  1056. }
  1057.  
  1058. .itemOwn {
  1059.     text-align: left;
  1060.     margin-top: 5px;
  1061.     color: rgba(0, 0, 0, 0.5);
  1062.     font-size: 20px;
  1063. }
  1064.  
  1065. .itemCnt {
  1066.     display: none;
  1067. }
  1068.  
  1069. .itemSea {
  1070.     display: none;
  1071. }
  1072.  
  1073. .skinRandom {
  1074.     display: none;
  1075. }
  1076.  
  1077. #serverSearch {
  1078.     border-radius: 0px;
  1079. }
  1080.  
  1081. .quickJoin {
  1082.     border-radius: 0px;
  1083.     text-shadow: none;
  1084. }
  1085.  
  1086. .slideImg {
  1087.     border-radius: 0px;
  1088. }
  1089.  
  1090. #hostCMapPickT, .mapListCat, .hostMapName, #stickyHostH, .hostHeader, #startServBtn, .serverHostOp {
  1091.     color: rgb(255, 255, 255) !important;
  1092. }
  1093.  
  1094. #menuWindow[style="overflow-y: auto; width: 1300px; top: 48%; transform: translate(-50%, -52%); max-height: calc(100% - 290px);"] {
  1095.     width: 705px !important;
  1096.     top: 50% !important;
  1097.     transform: translate(-50%, -50%) !important;
  1098. }
  1099.  
  1100. #menuWindow[style="overflow-y: auto; width: 960px;"] {
  1101.     width: 705px !important;
  1102. }
  1103.  
  1104. .bigMenTab[style*="16px"] {
  1105.     padding: 0px;
  1106.     font-size: 14px !important;
  1107. }
  1108.  
  1109. #shopMainSellB, #shopSideSellB, #shopPremBar {
  1110.     width: -webkit-fill-available;
  1111.     margin: 8px 0px;
  1112. }
  1113.  
  1114. #shopMainHedr, #shopMainNav, #shopPremHed, .shopSideSpnNm {
  1115.     color: rgb(255, 255, 255) !important;
  1116. }
  1117.  
  1118. #storeList {
  1119.     white-space: break-spaces;
  1120. }
  1121.  
  1122. .prizeWheelTable {
  1123.     width: 100%;
  1124.     margin-left: 0px;
  1125.     display: flex;
  1126.     flex-direction: column;
  1127.     zoom: 1; }
  1128.  
  1129. .shopCard {
  1130.     text-align: left;
  1131.     padding: 0px;
  1132.     width: -webkit-fill-available !important;
  1133.     background-image: none !important;
  1134.     text-shadow: none !important;
  1135.     color: rgb(33, 150, 243) !important;
  1136.     margin: 3px 0px 0px !important;
  1137.     border: 0px !important;
  1138.     background-color: transparent !important;
  1139.     height: 40px !important;
  1140. }
  1141.  
  1142. .spinValH {
  1143.     margin: 0px;
  1144.     text-shadow: none;
  1145.     top: 0px;
  1146.     width: 100%;
  1147. }
  1148.  
  1149. .spinValL {
  1150.     float: right;
  1151.     text-align: unset;
  1152.     width: auto;
  1153.     font-size: 22px;
  1154.     text-shadow: none;
  1155. }
  1156.  
  1157. .shopImg {
  1158.     display: none;
  1159. }
  1160.  
  1161. .shopImgGrad {
  1162.     display: none;
  1163. }
  1164.  
  1165. .spinVal {
  1166.     height: auto;
  1167.     width: fit-content;
  1168.     background-color: transparent;
  1169.     float: right;
  1170.     text-align: end;
  1171.     font-size: 22px;
  1172.     margin: 0px !important;
  1173.     line-height: unset !important;
  1174.     color: rgba(0, 0, 0, 0.5) !important;
  1175. }
  1176.  
  1177. .spinVal span {
  1178.     color: rgb(53, 53, 53) !important;
  1179. }
  1180.  
  1181. .setSugBox2 {
  1182.     display: none;
  1183. }
  1184.  
  1185. .settingsHeader {
  1186.     top: -1px !important;
  1187. }
  1188.  
  1189. .settingsHeader, .serverHeader, #itemSearchH {
  1190.     background-color: rgb(255, 255, 255);
  1191. }
  1192.  
  1193. #menuWindow div[style="display:inline-block;width:220px;"] {
  1194.     width: 200px !important;
  1195. }
  1196.  
  1197. #settSearch {
  1198.     border-radius: 0px;
  1199. }
  1200.  
  1201. .settingsBtn {
  1202.     border-radius: 0px;
  1203.     width: 80px;
  1204. }
  1205.  
  1206. #settingsTabLayout {
  1207.     border-radius: 0px;
  1208. }
  1209.  
  1210. .settingTab {
  1211.     grid-row: 1 / auto;
  1212.     background-color: transparent;
  1213.     font-size: 18px;
  1214.     padding: 10px 0px 5px;
  1215. }
  1216.  
  1217. .settingsBtn, .loadoutBtn {
  1218.     color: rgb(255, 255, 255) !important;
  1219. }
  1220.  
  1221. .slider, .slider2 {
  1222.     border-radius: 0px;
  1223. }
  1224.  
  1225. .slider::before {
  1226.     border-radius: 0px;
  1227. }
  1228.  
  1229. .slider2::before {
  1230.     border-radius: 0px;
  1231. }
  1232.  
  1233. .sliderM {
  1234.     border-radius: 0px;
  1235. }
  1236.  
  1237. .sliderVal {
  1238.     border-radius: 0px;
  1239.     background-color: var(--blue);
  1240.     border: none !important;
  1241. }
  1242.  
  1243. .sliderM::-webkit-slider-thumb {
  1244.     width: 15px;
  1245.     height: 25px;
  1246.     border-radius: 0px;
  1247.     background-color: var(--blue);
  1248. }
  1249.  
  1250. .inputGrey, .inputGrey2 {
  1251.     border-radius: 0px;
  1252. }
  1253.  
  1254. input[type="color"] {
  1255.     border-radius: 0px;
  1256. }
  1257.  
  1258. .plusOrMinus {
  1259.     color: var(--blue) !important;
  1260. }
  1261.  
  1262. #bottomLeftHolder {
  1263.     left: 20px;
  1264. }
  1265.  
  1266. #topRight {
  1267.     right: 20px;
  1268.     top: 20px;
  1269. }
  1270.  
  1271. #topLeftHolder {
  1272.     right: 20px;
  1273.     top: 20px;
  1274. }
  1275.  
  1276. #bottomLeftTeamHolder, #zPerksHolder, #bottomLeftPlayerLeft, #bottomLeftChallIcon {
  1277.     display: none;
  1278. }
  1279.  
  1280. #bottomLeftPlayerRight {
  1281.     z-index: 10;
  1282.     position: absolute;
  1283.     bottom: 2px;
  1284.     left: 2px;
  1285.     padding: unset;
  1286.     background: transparent;
  1287.     margin: unset;
  1288.     display: inline-block;
  1289.     align-content: unset;
  1290. }
  1291.  
  1292. #bottomLeftPlayer {
  1293.     display: unset;
  1294. }
  1295.  
  1296. #bottomLeftHealth {
  1297.     color: rgb(255, 255, 255);
  1298.     font-size: 25px;
  1299.     margin-top: 2px;
  1300.     padding-left: 10px;
  1301.     float: left;
  1302.     z-index: 123;
  1303.     will-change: transform;
  1304. }
  1305.  
  1306. #reloadMsg {
  1307.     position: absolute;
  1308.     margin-right: -50%;
  1309.     left: 50%;
  1310.     transform: translate(-50%, 0);
  1311.     bottom: 20px;
  1312.     font-size: 25px;
  1313.     line-height: 75px;
  1314.     padding-left: 45px;
  1315.     padding-right: 45px;
  1316.     color: #fff;
  1317.     border: unset;
  1318. }
  1319.  
  1320. #bottomLeftHealthBar {
  1321.     z-index: 3;
  1322.     width: 350px;
  1323.     height: 48px;
  1324.     background-color: rgba(0, 0, 0, 0.2);
  1325.     padding: unset;
  1326.     column-gap: unset;
  1327.     display: flex !important;
  1328. }
  1329.  
  1330. #bottomLeftPlayerMid {
  1331.     display: unset;
  1332. }
  1333.  
  1334. .nHealthBarSeg {
  1335.     height: 100%;
  1336.     width: 100%;
  1337.     margin-right: -1px !important;
  1338.     background: transparent !important;
  1339. }
  1340.  
  1341. .nHpBSeg {
  1342.     background-color: rgb(165, 230, 83) !important;
  1343.     color: rgb(165, 230, 83) !important;
  1344. }
  1345.  
  1346. #ammoDisplay {
  1347.     border-radius: 0px;
  1348. }
  1349.  
  1350. #timerHolder {
  1351.     border-radius: 0px;
  1352. }
  1353.  
  1354. #timerInner.topLeftOld {
  1355.     background: transparent;
  1356.     padding: unset;
  1357.     margin: unset;
  1358. }
  1359.  
  1360. .debugInfo {
  1361.     display: flex;
  1362.     flex-direction: column;
  1363.     align-items: flex-start;
  1364. }
  1365.  
  1366. #timerHolder {
  1367.     text-align: left;
  1368.     z-index: 3;
  1369.     padding: 10px 20px 10px 10px;
  1370.     margin-right: 10px;
  1371.     margin-bottom: 10px;
  1372.     will-change: transform;
  1373.     transform: translateZ(0px);
  1374. }
  1375.  
  1376. #topLeftBottom {
  1377.     margin-top: 10px;
  1378. }
  1379.  
  1380. #timerVal {
  1381.     color: rgb(255, 255, 255);
  1382.     padding-left: 3px;
  1383.     font-size: 32px;
  1384.     will-change: transform;
  1385.     transform: translateZ(0px);
  1386. }
  1387.  
  1388. #timerIcon {
  1389.     width: 45px;
  1390.     height: 45px;
  1391.     image-rendering: pixelated;
  1392. }
  1393.  
  1394. #teamScores {
  1395.     border-radius: 0px;
  1396. }
  1397.  
  1398. #leaderDisplay {
  1399.     border-radius: 0px;
  1400. }
  1401.  
  1402. .countIcon {
  1403.     border-radius: 0px;
  1404.     background-color: rgba(0, 0, 0, 0.2);
  1405.     font-size: 25px;
  1406. }
  1407.  
  1408. #killsIcon, #deathsIcon, #streakIcon, #kdIcon {
  1409.     width: 35px;
  1410.     height: 35px;
  1411. }
  1412.  
  1413. #weapHolder {
  1414.     position: absolute;
  1415.     z-index: 1;
  1416.     right: 20px;
  1417.     bottom: 100px;
  1418. }
  1419.  
  1420. .weapItemInner {
  1421.     padding: unset;
  1422.     margin: unset;
  1423.     background: transparent !important;
  1424. }
  1425.  
  1426. .weapStreakHolder {
  1427.     display: none !important;
  1428. }
  1429.  
  1430. .weapKey, .weapSkin {
  1431.     display: none;
  1432. }
  1433.  
  1434. .weapItem {
  1435.     text-align: right;
  1436.     background: transparent !important;
  1437. }
  1438.  
  1439. .weaponIcon {
  1440.     width: 140px;
  1441.     height: 70px;
  1442. }
  1443.  
  1444. #leaderContainer {
  1445.     text-align: left;
  1446.     z-index: 3;
  1447.     padding: 10px 20px;
  1448.     color: rgba(255, 255, 255, 0.7);
  1449.     font-size: 23px;
  1450.     background-color: rgba(0, 0, 0, 0.2);
  1451.     width: 310px !important;
  1452. }
  1453.  
  1454. #leaderboardHolder {
  1455.     background: transparent;
  1456.     width: fit-content;
  1457.     margin: unset;
  1458. }
  1459.  
  1460. #bottomRight {
  1461.     position: absolute;
  1462.     bottom: 20px;
  1463.     right: 20px;
  1464.     z-index: 3;
  1465. }
  1466.  
  1467. #ammoHolder {
  1468.     display: inline-block;
  1469.     padding: 8px 7px 7px 20px;
  1470.     font-size: 35px;
  1471.     letter-spacing: -2px;
  1472. }
  1473.  
  1474. #ammoMax {
  1475.     color: rgba(255, 255, 255, 0.7);
  1476. }
  1477.  
  1478. #ammoVal {
  1479.     color: rgb(255, 255, 255);
  1480.     display: inline-block;
  1481. }
  1482.  
  1483. #ammoIcon {
  1484.     margin-right: 10px;
  1485.     margin-left: 5px;
  1486.     vertical-align: middle;
  1487.     height: 55px;
  1488. }
  1489.  
  1490. .leaderItem {
  1491.     display: flex;
  1492.     font-size: 18px;
  1493. }
  1494.  
  1495. .leaderCounter {
  1496.     margin-right: 8px;
  1497.     width: 20px;
  1498.     color: rgba(255, 255, 255, 0.7);
  1499. }
  1500.  
  1501. .leaderName, .leaderNameM, .leaderNameF {
  1502.     color: rgb(235, 86, 86);
  1503.     flex-grow: 1;
  1504.     padding-left: 5px;
  1505.     overflow: hidden;
  1506.     white-space: nowrap;
  1507. }
  1508.  
  1509. .leaderNameF {
  1510.     color: rgba(255, 255, 255, 0.6);
  1511. }
  1512.  
  1513. .leaderNameM {
  1514.     color: rgb(255, 255, 255);
  1515. }
  1516.  
  1517. .leaderScore {
  1518.     margin-left: 8px;
  1519.     text-align: right;
  1520.     color: rgba(255, 255, 255, 0.7);
  1521. }
  1522.  
  1523. .statIcon {
  1524.     color: rgba(255, 255, 255, 0.6);
  1525.     display: inline-block;
  1526.     margin-top: 10px !important;
  1527.     background-color: rgba(0, 0, 0, 0.2);
  1528.     padding: 10px 20px 10px 14px;
  1529.     font-size: 26px;
  1530. }
  1531.  
  1532. #killCount {
  1533.     margin-left: 10px;
  1534.     margin-top: 20px;
  1535.     background-color: rgba(0, 0, 0, 0.2);
  1536.     padding: 10px 20px 10px 14px;
  1537.     display: inline-block;
  1538.     font-size: 26px;
  1539. }
  1540.  
  1541. #killsVal {
  1542.     color: rgba(255, 255, 255, 0.7);
  1543. }
  1544.  
  1545. #killsIcon {
  1546.     width: 38px;
  1547.     height: 38px;
  1548.     image-rendering: pixelated;
  1549. }
  1550.  
  1551. #challIcon {
  1552.     width: 50px;
  1553.     height: 50px;
  1554.     margin-top: -10px;
  1555.     image-rendering: pixelated;
  1556. }
  1557.  
  1558. #termsInfo {
  1559.     background-color: transparent;
  1560. }
  1561.  
  1562. .terms {
  1563.     color: rgb(38, 159, 255);
  1564. }
  1565.  
  1566. .terms:hover {
  1567.     text-decoration: underline;
  1568. }
  1569.  
  1570. .standout {
  1571.     color: rgb(246, 211, 101);
  1572. }
  1573.  
  1574. .settingsBtn[onclick="window.gt.showAltMng()"], .settingsBtn[onclick="window.logoutAcc()"] {
  1575.     display: none;
  1576. }
  1577.  
  1578. #uiBase.onMenu #LaFWaterMark {
  1579.     top: 400px;
  1580.     bottom: unset !important;
  1581. }
  1582.  
  1583. .pListTable {
  1584.     background-color: transparent;
  1585. }
  1586. .pListName {
  1587.     color: rgb(0,0,0,.5);
  1588. }
  1589.  
  1590. #modDropper {
  1591.     background-color: var(--div-black) !important
  1592. }
  1593.  
  1594. #menuBtnMatchmakerPlus{
  1595.     position: fixed;
  1596.     top: 43px;
  1597.     right: 15px;
  1598.     font-size: 22px !important;
  1599.     padding: unset !important;
  1600.     text-shadow: unset !important;
  1601.     color: rgb(48, 144, 250);
  1602.     text-transform: none !important;
  1603. }
  1604.  
  1605. #menuBtnMatchmakerPlus:hover{
  1606.     color: rgb(48, 144, 250) !important;
  1607.     transform: unset;
  1608.     text-decoration: underline;
  1609. }
  1610.  
  1611. .menuItem:hover{
  1612.     text-decoration: underline;
  1613.     text-decoration-color: rgb(48, 144, 250);
  1614. }
  1615.  
  1616. .alt-manager-container{
  1617.     display: flex;
  1618.     align-items: center;
  1619.     justify-content: center;
  1620.     position: fixed;
  1621.     top: 5px;
  1622.     right: 0;
  1623.     font-size: 22px;
  1624.     color: rgb(48, 144, 250) !important;
  1625. }
  1626. .alt-manager-title:hover{
  1627.     text-decoration: underline;
  1628. }
  1629. .alt-manager-title,
  1630. .alt-manager-icon {
  1631.      color: rgb(48, 144, 250) !important;
  1632. }
  1633. .alt-manager-icon{
  1634.     vertical-align: super !important;
  1635. }
  1636. .amAccName .username {
  1637.     color: rgb(0, 0, 0, .5);
  1638. }
  1639. #topRight {
  1640.     display: flex !important;
  1641.     flex-direction: column !important;
  1642.     align-items: flex-end !important;
  1643. }
  1644. .topRightCounters {
  1645.     width: auto !important;
  1646.     max-width: 350px !important;
  1647. }
  1648. #bottomLeftHolder {
  1649. bottom: 20px;
  1650. }
Tags: Krunker
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement