API tools faq
paste
PhantomGame

NeonStorm CSS

PhantomGame
Apr 23rd, 2025
10
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 30.59 KB | Gaming | 0 0
raw download clone embed print report
  1. /*
  2.  
  3.     All credits go to the orginal creator: NamekujiLSDs#7777
  4.  
  5.     REWRITTEN BY JINXZ
  6. */
  7. :root {
  8.     --accent-color   : #00efff;
  9.     --sub-color      : blue;
  10.     --bg-color-1     : rgba(0, 0, 255, .5);
  11.     --bg-color-2     : rgba(130, 130, 255, .5);
  12.     --bg-color-3     : rgb(0 237 255 / 50%);
  13.     --menu-bg        : rgb(0 255 255 / 100%);
  14.     --text-main-color: white;
  15.     --check-yes      : #00ff00;
  16.     --check-no       : #ff0000;
  17.     --div-grey       : transparent;
  18.     --div-black      : transparent;
  19. }
  20.  
  21.  
  22. /*Font*/
  23.  
  24. @font-face {
  25.     font-family: gamefont;
  26.     src        : url(https://raw.githubusercontent.com/Le-skal/HIHIHAHA/main/Fonts/DAGGERSQUARE.otf);
  27. }
  28.  
  29.  
  30. /*General setting*/
  31.  
  32. ::-webkit-scrollbar {
  33.     display: none;
  34. }
  35.  
  36. .menuLink {
  37.     color: black !important;
  38. }
  39.  
  40. #mapInfoHld,
  41. #topRightAdHolder,
  42. #streamContainer,
  43. div#aHider,
  44. #instructions,
  45. #bubbleContainer,
  46. #seasonLabel,
  47. #gameNameHolder,
  48. div#tlInfHold,
  49. #newsHolder,
  50. .verticalSeparator,
  51. #menuClassIcn,
  52. .voiceOff:after,
  53. #recTimer,
  54. #clientWatermark::before,
  55. #clientWatermark::after,
  56. #headerRightSocial,
  57. #timerIcon.topLeftOld,
  58. #matchInfo.topLeftOld,
  59. #topMidHold {
  60.     display: none !important;
  61. }
  62.  
  63. /* ClassPicker */
  64.  
  65. #aHolder,
  66. #onetrust-consent-sdk {
  67.     display: none !important;
  68. }
  69.  
  70. #hiddenClasses {
  71.     display       : flex !important;
  72.     flex-direction: row;
  73.     position      : fixed;
  74.     left          : 50%;
  75.     top           : 10px;
  76.     bottom        : unset;
  77.     transform     : translateX(-50%);
  78.     margin-right  : 10px;
  79. }
  80.  
  81. #menuClassPicker0[onclick="selectClass(0)"] {
  82.     display        : block;
  83.     width          : 60px;
  84.     height         : 60px;
  85.     content        : url(https://assets.krunker.io/textures/classes/icon_0.png);
  86.     pointer-events : auto;
  87.     image-rendering: pixelated;
  88.     margin-right   : 10px;
  89.     padding        : 5px;
  90.     border-radius  : 10px;
  91.     border         : 3px solid white;
  92. }
  93.  
  94. #menuClassPicker0[onclick="selectClass(0)"]:hover {
  95.     cursor: pointer;
  96.     filter: drop-shadow(0 0 5px var(--accent-color));
  97. }
  98.  
  99. #menuClassPicker1[onclick="selectClass(1)"] {
  100.     display        : block;
  101.     width          : 60px;
  102.     height         : 60px;
  103.     content        : url(https://assets.krunker.io/textures/classes/icon_1.png);
  104.     pointer-events : auto;
  105.     image-rendering: pixelated;
  106.     margin-right   : 10px;
  107.     padding        : 5px;
  108.     border-radius  : 10px;
  109.     border         : 3px solid white;
  110. }
  111.  
  112. #menuClassPicker1[onclick="selectClass(1)"]:hover {
  113.     cursor: pointer;
  114.     filter: drop-shadow(0 0 5px var(--accent-color));
  115. }
  116.  
  117. #menuClassPicker2[onclick="selectClass(2)"] {
  118.     display        : block;
  119.     width          : 60px;
  120.     height         : 60px;
  121.     content        : url(https://assets.krunker.io/textures/classes/icon_2.png);
  122.     pointer-events : auto;
  123.     image-rendering: pixelated;
  124.     margin-right   : 10px;
  125.     padding        : 5px;
  126.     border-radius  : 10px;
  127.     border         : 3px solid white;
  128. }
  129.  
  130. #menuClassPicker2[onclick="selectClass(2)"]:hover {
  131.     cursor: pointer;
  132.     filter: drop-shadow(0 0 5px var(--accent-color));
  133. }
  134.  
  135. #menuClassPicker3[onclick="selectClass(3)"] {
  136.     display        : block;
  137.     width          : 60px;
  138.     height         : 60px;
  139.     content        : url(https://assets.krunker.io/textures/classes/icon_3.png);
  140.     pointer-events : auto;
  141.     image-rendering: pixelated;
  142.     margin-right   : 10px;
  143.     padding        : 5px;
  144.     border-radius  : 10px;
  145.     border         : 3px solid white;
  146. }
  147.  
  148. #menuClassPicker3[onclick="selectClass(3)"]:hover {
  149.     cursor: pointer;
  150.     filter: drop-shadow(0 0 5px var(--accent-color));
  151. }
  152.  
  153. #menuClassPicker4[onclick="selectClass(4)"] {
  154.     display        : block;
  155.     width          : 60px;
  156.     height         : 60px;
  157.     content        : url(https://assets.krunker.io/textures/classes/icon_4.png);
  158.     pointer-events : auto;
  159.     image-rendering: pixelated;
  160.     margin-right   : 10px;
  161.     padding        : 5px;
  162.     border-radius  : 10px;
  163.     border         : 3px solid white;
  164. }
  165.  
  166. #menuClassPicker4[onclick="selectClass(4)"]:hover {
  167.     cursor: pointer;
  168.     filter: drop-shadow(0 0 5px var(--accent-color));
  169. }
  170.  
  171. #menuClassPicker5[onclick="selectClass(5)"] {
  172.     display        : block;
  173.     width          : 60px;
  174.     height         : 60px;
  175.     content        : url(https://assets.krunker.io/textures/classes/icon_5.png);
  176.     pointer-events : auto;
  177.     image-rendering: pixelated;
  178.     margin-right   : 10px;
  179.     padding        : 5px;
  180.     border-radius  : 10px;
  181.     border         : 3px solid white;
  182. }
  183.  
  184. #menuClassPicker5[onclick="selectClass(5)"]:hover {
  185.     cursor: pointer;
  186.     filter: drop-shadow(0 0 5px var(--accent-color));
  187. }
  188.  
  189. #menuClassPicker6[onclick="selectClass(6)"] {
  190.     display        : block;
  191.     width          : 60px;
  192.     height         : 60px;
  193.     content        : url(https://assets.krunker.io/textures/classes/icon_6.png);
  194.     pointer-events : auto;
  195.     image-rendering: pixelated;
  196.     margin-right   : 10px;
  197.     padding        : 5px;
  198.     border-radius  : 10px;
  199.     border         : 3px solid white;
  200. }
  201.  
  202. #menuClassPicker6[onclick="selectClass(6)"]:hover {
  203.     cursor: pointer;
  204.     filter: drop-shadow(0 0 5px var(--accent-color));
  205. }
  206.  
  207. #menuClassPicker7[onclick="selectClass(7)"] {
  208.     display        : block;
  209.     width          : 60px;
  210.     height         : 60px;
  211.     content        : url(https://assets.krunker.io/textures/classes/icon_7.png);
  212.     pointer-events : auto;
  213.     image-rendering: pixelated;
  214.     margin-right   : 10px;
  215.     padding        : 5px;
  216.     border-radius  : 10px;
  217.     border         : 3px solid white;
  218. }
  219.  
  220. #menuClassPicker7[onclick="selectClass(7)"]:hover {
  221.     cursor: pointer;
  222.     filter: drop-shadow(0 0 5px var(--accent-color));
  223. }
  224.  
  225. #menuClassPicker8[onclick="selectClass(8)"] {
  226.     display        : block;
  227.     width          : 60px;
  228.     height         : 60px;
  229.     content        : url(https://assets.krunker.io/textures/classes/icon_8.png);
  230.     pointer-events : auto;
  231.     image-rendering: pixelated;
  232.     margin-right   : 10px;
  233.     padding        : 5px;
  234.     border-radius  : 10px;
  235.     border         : 3px solid white;
  236. }
  237.  
  238. #menuClassPicker8[onclick="selectClass(8)"]:hover {
  239.     cursor: pointer;
  240.     filter: drop-shadow(0 0 5px var(--accent-color));
  241. }
  242.  
  243. #menuClassPicker9[onclick="selectClass(9)"] {
  244.     display        : block;
  245.     width          : 60px;
  246.     height         : 60px;
  247.     content        : url(https://assets.krunker.io/textures/classes/icon_9.png);
  248.     pointer-events : auto;
  249.     image-rendering: pixelated;
  250.     margin-right   : 10px;
  251.     padding        : 5px;
  252.     border-radius  : 10px;
  253.     border         : 3px solid white;
  254. }
  255.  
  256. #menuClassPicker9[onclick="selectClass(9)"]:hover {
  257.     cursor: pointer;
  258.     filter: drop-shadow(0 0 5px var(--accent-color));
  259. }
  260.  
  261. #menuClassPicker10[onclick="selectClass(10)"] {
  262.     display        : block;
  263.     width          : 60px;
  264.     height         : 60px;
  265.     content        : url(https://assets.krunker.io/textures/classes/icon_10.png);
  266.     pointer-events : auto;
  267.     image-rendering: pixelated;
  268.     margin-right   : 10px;
  269.     padding        : 5px;
  270.     border-radius  : 10px;
  271.     border         : 3px solid white;
  272. }
  273.  
  274. #menuClassPicker10[onclick="selectClass(10)"]:hover {
  275.     cursor: pointer;
  276.     filter: drop-shadow(0 0 5px var(--accent-color));
  277. }
  278.  
  279. #menuClassPicker11[onclick="selectClass(11)"] {
  280.     display        : block;
  281.     width          : 60px;
  282.     height         : 60px;
  283.     content        : url(https://assets.krunker.io/textures/classes/icon_11.png);
  284.     pointer-events : auto;
  285.     image-rendering: pixelated;
  286.     margin-right   : 10px;
  287.     padding        : 5px;
  288.     border-radius  : 10px;
  289.     border         : 3px solid white;
  290. }
  291.  
  292. #menuClassPicker11[onclick="selectClass(11)"]:hover {
  293.     cursor: pointer;
  294.     filter: drop-shadow(0 0 5px var(--accent-color));
  295. }
  296.  
  297. #menuClassPicker12[onclick="selectClass(12)"] {
  298.     display        : block;
  299.     width          : 60px;
  300.     height         : 60px;
  301.     content        : url(https://assets.krunker.io/textures/classes/icon_12.png);
  302.     pointer-events : auto;
  303.     image-rendering: pixelated;
  304.     margin-right   : 10px;
  305.     padding        : 5px;
  306.     border-radius  : 10px;
  307.     border         : 3px solid white;
  308. }
  309.  
  310. #menuClassPicker12[onclick="selectClass(12)"]:hover {
  311.     cursor: pointer;
  312.     filter: drop-shadow(0 0 5px var(--accent-color));
  313. }
  314.  
  315. #menuClassPicker13[onclick="selectClass(13)"] {
  316.     display        : block;
  317.     width          : 60px;
  318.     height         : 60px;
  319.     content        : url(https://assets.krunker.io/textures/classes/icon_13.png);
  320.     pointer-events : auto;
  321.     image-rendering: pixelated;
  322.     margin-right   : 10px;
  323.     padding        : 5px;
  324.     border-radius  : 10px;
  325.     border         : 3px solid white;
  326. }
  327.  
  328. #menuClassPicker13[onclick="selectClass(13)"]:hover {
  329.     cursor: pointer;
  330.     filter: drop-shadow(0 0 5px var(--accent-color));
  331. }
  332.  
  333. #menuClassPicker14[onclick="selectClass(14)"] {
  334.     display        : block;
  335.     width          : 60px;
  336.     height         : 60px;
  337.     content        : url(https://assets.krunker.io/textures/classes/icon_14.png);
  338.     pointer-events : auto;
  339.     image-rendering: pixelated;
  340.     margin-right   : 10px;
  341.     padding        : 5px;
  342.     border-radius  : 10px;
  343.     border         : 3px solid white;
  344. }
  345.  
  346. #menuClassPicker14[onclick="selectClass(14)"]:hover {
  347.     cursor: pointer;
  348.     filter: drop-shadow(0 0 5px var(--accent-color));
  349. }
  350.  
  351.  
  352. /* Cursor */
  353.  
  354. * {
  355.     cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAMAAAAGyf7hAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAAxQAAAMUBHc26qAAAAc5QTFRFHuH/HuH/HuH/AAAAHuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuD+HuH/HuH/HuH/HuH/HuH/HuH/Ht//EYGSHt/8HuH/HuH/HuH/HuH/HuH/BiowD29+HuH/HuH/HuH/HuH/HuH/HuH/HuH/BSgtAAAADFllHuH/HuH/HuH/HuH/D259Ht78HuH/HuH/AAICHuH/HuH/EX+PHuH/HuH/AQUFEHeHHt/8HuH/HuH/HuH/AAIDHuH/HuH/HuH/HuH/AQQFEoeZHuH/HuH/HuH/AxMWE4ebFZGoFZKoHdbzHuH/HuH/HuH/AxQXGLfPHuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/GLHJHuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/CDtDGLLKHuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuD/GsDaHuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/HuH/B/L3AwAAAJp0Uk5TAAECAAMFCAcEChYfHhMYNE1MHAsPLmXZqXNFDBU/iPv4uX4NGUma/P/5wX0gGqD///m8ex0bTqL////6voBD//m/eP+49P91Qf//9rV3Pf/2smsS///znVP//////+RiJf//7dvT0M/MwqFP/+mvj3x2dG9kSywRnv//6qNsSDUvLSsmRpX8/+ikZjcOOHrfl2MyCVJYMwY2I/tDzHoAAAFcSURBVHicY2BgZGJiYmRkYEYCDIwsrGzsHEwoogwsnFzcPLycHExIogxsfPwCgvxCwsiiDCKiYuISklLc0kiiDDKycvIKikpS3MoIUQYVVTV1DU0tbSkdhFoGXQE9dX0DQyNjKRO4KIOpmbm6haWVtY2tHdxcqKClvYOjkx2PMAfYvTBBZ3sHF2M7qAkwQUtnA1dFJ1kTYRagWrigpaWboYu7hyknCyOyoKeXt4+vny4bEwOSoKW/RkBgEH8w0DIkQcuQ0LDwCB6gUqhgZFQ0EMTExsUncMIEE5OSU1LT0jMys7K5wSqz1C0Sc3Lz8gsKi4pLSsvKWRkZdAUr1Curqmtq6+obGpuahcrZgbbztbS2tXd0dnWblPcoSwuDYoaZIbi3z7p/wsRJXJM5WFhYmMCRxSCdMKVCe+o0LjYWRmCcMkBCaXp5wgz+mcHsQF1IsTldmTdYejpKHAMAaa9POyPJa68AAAAASUVORK5CYII=") 3 5, auto !important;
  356. }
  357.  
  358.  
  359. /*Menu items*/
  360.  
  361.  
  362. /*Menu Left Bar*/
  363.  
  364. #menuItemContainer {
  365.     top       : unset;
  366.     bottom    : unset;
  367.     height    : 800px;
  368.     top       : 50%;
  369.     transform : translateY(-50%) skewX(-8deg);
  370.     width     : 350px;
  371.     left      : -150px;
  372.     font-size : 22px !important;
  373.     background: transparent;
  374. }
  375.  
  376. .menuItem .material-icons-outlined {
  377.     height   : 0;
  378.     font-size: 0 !important;
  379. }
  380.  
  381. .menuItem {
  382.     background-color: rgba(0, 0, 0, .5);
  383.  
  384.     padding-right : 30px;
  385.     display       : flex;
  386.     align-items   : flex-end;
  387.     flex-direction: column;
  388.     border-top    : 2px solid var(--accent-color);
  389.     border-bottom : 2px solid var(--accent-color);
  390.     border-color  : black;
  391. }
  392.  
  393. .menuItem:hover {
  394.     background-color: var(--bg-color-1);
  395.     filter          : brightness(1);
  396.     text-shadow     : 0 0 15px white;
  397.     box-shadow      : 0 0 30px var(--accent-color);
  398.     transform       : scale(1.1);
  399.     border-color    : var(--accent-color);
  400. }
  401.  
  402. .menuItemTitle {
  403.     font-size: unset !important;
  404.     color    : var(--text-main-color) !important;
  405. }
  406.  
  407. #clientExit {
  408.     display: flex;
  409. }
  410.  
  411.  
  412. /*Menu right bar*/
  413.  
  414. #rankedSoonTm,
  415. #faceItIconM,
  416. #braveWarning {
  417.     display: none !important;
  418. }
  419.  
  420. .buttonD {
  421.     filter: unset;
  422. }
  423.  
  424. #subLogoButtons>.button {
  425.  
  426.     height         : auto;
  427.     padding-top    : unset;
  428.     padding-bottom : unset;
  429.     padding-right  : unset;
  430.     font-size      : 22px !important;
  431.     border         : unset !important;
  432.     background     : var(--bg-color-1) !important;
  433.     border-radius  : unset;
  434.     margin-left    : 0px;
  435.     margin-right   : 0px;
  436.     margin-bottom  : 0;
  437.     flex-grow      : 1;
  438.     display        : flex;
  439.     flex-direction : column;
  440.     align-content  : center;
  441.     justify-content: center;
  442.     padding-left   : 30px !important;
  443.     align-items    : flex-start;
  444.     border-top     : 2px solid var(--accent-color) !important;
  445.     border-bottom  : 2px solid var(--accent-color) !important;
  446.     background     : rgba(0, 0, 0, .5) !important;
  447.     border-color   : black !important;
  448. }
  449.  
  450. .button:hover {
  451.     transform: unset;
  452. }
  453.  
  454. #subLogoButtons {
  455.     transform     : translateY(-50%)skewX(8deg) !important;
  456.     display       : flex;
  457.     position      : fixed;
  458.     flex-direction: column;
  459.     height        : 800px;
  460.     top           : 50%;
  461.     width         : 350px;
  462.     font-size     : 22px !important;
  463.     background    : transparent;
  464.     left          : unset;
  465.     right         : -150px;
  466. }
  467.  
  468. #subLogoButtons>.button:hover {
  469.     filter      : brightness(1);
  470.     text-shadow : 0 0 15px white;
  471.     box-shadow  : 0 0 30px var(--accent-color);
  472.     transform   : scale(1.1);
  473.     background  : var(--bg-color-1) !important;
  474.     border-color: var(--accent-color) !important;
  475. }
  476.  
  477.  
  478. /* top right*/
  479.  
  480. .headerBarRight {
  481.     background: transparent;
  482. }
  483.  
  484. #editorBtnM,
  485. .menuSocialB {
  486.     display: none;
  487. }
  488.  
  489.  
  490. /*Bottom right*/
  491.  
  492. .terms,
  493. .verticalSeparatorInline {
  494.     display: none;
  495. }
  496.  
  497. #termsInfo {
  498.     background: transparent;
  499.     padding   : unset !important;
  500.     bottom    : 0;
  501. }
  502.  
  503.  
  504. /*CustomizeBar*/
  505.  
  506. #menuClassNameTag,
  507. #menuClassSubtext,
  508. #menuClassName {
  509.     display: none;
  510. }
  511.  
  512. #menuClassContainer {
  513.     display : unset;
  514.     position: unset;
  515. }
  516.  
  517. #classPreviewCanvas {
  518.     position     : fixed;
  519.     bottom       : 50px;
  520.     margin-bottom: 0;
  521.     left         : 50%;
  522.     transform    : translateX(-50%);
  523.     filter       : drop-shadow(0 0 10px var(--accent-color));
  524.     opacity      : 0;
  525.     transition   : .2s;
  526. }
  527.  
  528. #customizeButton {
  529.     position       : fixed;
  530.     display        : block;
  531.     bottom         : 0;
  532.     left           : 50%;
  533.     transform      : translate(-50%, 50%);
  534.     height         : 100px;
  535.     width          : 400px;
  536.     border-radius  : 1000px;
  537.     backdrop-filter: blur(10px);
  538.     background     : var(--bg-color-1);
  539.     text-shadow    : unset !important;
  540. }
  541.  
  542. #customizeButton:hover {
  543.     filter    : brightness(1);
  544.     box-shadow: 0 0 30px var(--accent-color);
  545. }
  546.  
  547. #menuClassContainer:hover>canvas#classPreviewCanvas {
  548.     opacity: 1;
  549. }
  550.  
  551.  
  552. /*Top left*/
  553.  
  554. .button.lgn {
  555.     border-color: var(--accent-color) !important;
  556. }
  557.  
  558. .progressBar {
  559.     display : block;
  560.     top     : 0;
  561.     position: fixed;
  562.     width   : 150px;
  563.     left    : 0;
  564. }
  565.  
  566. .progressBarInner {
  567.     display         : flex;
  568.     background-image: linear-gradient(to right, blue, aqua);
  569.     justify-content : flex-end;
  570. }
  571.  
  572. .progressBarInner:after {
  573.     width        : 8px;
  574.     height       : 8px;
  575.     margin-top   : 1px;
  576.     margin-right : -2px;
  577.     content      : "";
  578.     display      : block;
  579.     background   : aqua;
  580.     border-radius: 10px;
  581.     box-shadow   : 0 0 10px blue, 0 0 10px blue, 0 0 10px blue;
  582. }
  583.  
  584. #signedInHeaderBar {
  585.     border-right              : 6px solid var(--accent-color);
  586.     box-shadow                : 0 0 8px var(--accent-color);
  587.     display                   : block;
  588.     height                    : 150px;
  589.     width                     : 150px;
  590.     border-bottom-right-radius: 10000px !important;
  591. }
  592.  
  593. #menuUsernameContainer img {
  594.     display: none;
  595. }
  596.  
  597. #mLevelCont {
  598.     background: transparent;
  599. }
  600.  
  601. #mailContainer {
  602.     top     : 100px;
  603.     position: fixed;
  604.     left    : 10px;
  605. }
  606.  
  607. .junkInfo {
  608.     position : fixed;
  609.     top      : 95px;
  610.     left     : 10px;
  611.     font-size: 20px !important;
  612. }
  613.  
  614. #menuAccountUsername {
  615.     top     : 23px;
  616.     position: fixed;
  617. }
  618.  
  619. #mLevelContV {
  620.     position   : fixed;
  621.     top        : 12px;
  622.     left       : 180px;
  623.     line-height: unset;
  624.     font-size  : 30px;
  625. }
  626.  
  627. .bigMFeatBarI {
  628.     position: fixed;
  629.     top     : 50px;
  630.     left    : 160px;
  631.     margin  : 0;
  632. }
  633.  
  634. .krInfo {
  635.     font-size: 20px !important;
  636.     position : fixed;
  637.     top      : 70px;
  638.     left     : 10px;
  639. }
  640.  
  641. #mLevelCont {
  642.     opacity   : 0;
  643.     transition: .4s;
  644. }
  645.  
  646. div#signedInHeaderBar:hover>#mLevelCont {
  647.     opacity   : 1;
  648.     transition: .4s;
  649. }
  650.  
  651.  
  652. /* Menu window */
  653.  
  654. .carousel {
  655.     display: none;
  656. }
  657.  
  658. .settingsHeader,
  659. #itemSearchH,
  660. .serverHeader {
  661.     background     : transparent;
  662.     backdrop-filter: blur(5px) brightness(0.75);
  663. }
  664.  
  665. #menuWindow.dark {
  666.     background     : linear-gradient(var(--bg-color-2), var(--bg-color-1));
  667.     border-radius  : unset;
  668.     border         : solid var(--accent-color) 5px;
  669.     box-shadow     : 0 0 20px var(--accent-color);
  670.     backdrop-filter: blur(5px);
  671. }
  672.  
  673. div#windowHolder[style="display: block;"] {
  674.     transform : unset;
  675.     transition: .5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  676. }
  677.  
  678. div#windowHolder[style="display: none;"] {
  679.     display   : block !important;
  680.     transform : translateY(100%) scale(0);
  681.     transition: .5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  682. }
  683.  
  684. #windowHolder.popupWin {
  685.     background: transparent;
  686. }
  687.  
  688. .setHed {
  689.     background: transparent !important;
  690.     border    : unset;
  691. }
  692.  
  693. .setHed,
  694. .setBodH {
  695.     background   : transparent;
  696.     margin-bottom: unset !important;
  697.     margin-top   : unset !important;
  698.     margin       : unset !important;
  699. }
  700.  
  701. .settName,
  702. .setHed,
  703. .settNameSmall,
  704. .setHed span {
  705.     color      : var(--text-main-color) !important;
  706.     text-shadow: 0 0 10px var(--text-main-color);
  707. }
  708.  
  709. .settName,
  710. .settNameSmall {
  711.     border-bottom: unset;
  712. }
  713.  
  714. .settingTab {
  715.     background: linear-gradient(transparent, rgba(0, 0, 0, .3));
  716. }
  717.  
  718. .setSugBox2 {
  719.     display: none;
  720. }
  721.  
  722. .setBodH {
  723.     width        : calc(100% - 100px);
  724.     margin-left  : 30px !important;
  725.     padding-left : 30px;
  726.     border-left  : 4px solid #fff;
  727.     border-radius: unset;
  728. }
  729.  
  730. .switch {
  731.     height       : 34px;
  732.     width        : 34px;
  733.     border       : solid 4px white;
  734.     border-radius: 100px;
  735. }
  736.  
  737. .slider {
  738.     border-radius: 100px;
  739.     top          : 4px;
  740.     left         : 4px;
  741.     height       : 26px;
  742.     width        : 26px;
  743. }
  744.  
  745. input:checked+.slider:before {
  746.     transform : unset;
  747.     background: var(--check-yes);
  748. }
  749.  
  750. .slider:before {
  751.     height       : 26px;
  752.     width        : 26px;
  753.     top          : 0px;
  754.     position     : absolute;
  755.     left         : 0px !important;
  756.     border-radius: 100px;
  757.     background   : var(--check-no);
  758.     font-size    : 26px;
  759. }
  760.  
  761. .sliderM::-webkit-slider-thumb {
  762.     background   : var(--sub-color);
  763.     box-shadow   : 0 0 10px var(--accent-color);
  764.     border-radius: 100px;
  765.     border       : 3px var(--accent-color) solid;
  766.     width        : 20px;
  767.     height       : 20px;
  768. }
  769.  
  770. .sliderM {
  771.     height    : 8px;
  772.     background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5), rgba(0, 0, 0, .5), rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  773. }
  774.  
  775. .bigMFeatHold {
  776.     display: none !important;
  777. }
  778.  
  779. .selectorItem {
  780.     border-radius: 100px;
  781.     background   : var(--bg-color-2);
  782.     border-color : var(--accent-color) !important;
  783.     border       : solid 5px;
  784. }
  785.  
  786. .selectorItem:hover {
  787.     background   : var(--bg-color-3);
  788.     border-radius: 30px;
  789. }
  790.  
  791. .selectedItem {
  792.     background   : var(--bg-color-1);
  793.     border-radius: 5px;
  794.     box-shadow   : 0 0 10px var(--accent-color)
  795. }
  796.  
  797. #selectorContainer {
  798.     background: transparent;
  799. }
  800.  
  801. .skinCard:hover,
  802. .noBtnCard:hover,
  803. .contCanSelect:hover {
  804.     box-shadow: 0 0 20px var(--accent-color);
  805.     border    : 4px solid white;
  806. }
  807.  
  808. .custContainer {
  809.     padding: unset;
  810.     border : solid 4px #fff6;
  811. }
  812.  
  813. .classCard {
  814.     background : transparent;
  815.     border     : 3px solid #0000 !important;
  816.     margin-left: unset;
  817. }
  818.  
  819. .classCard:hover {
  820.     filter: drop-shadow(0 0 5px var(--accent-color));
  821.     border: 3px #fff solid !important;
  822. }
  823.  
  824. input[type=color] {
  825.     border-color: black;
  826. }
  827.  
  828. /* SpectateButton */
  829. #uiBase.onMenu #spectButton {
  830.     position: fixed;
  831.     bottom  : 30px;
  832.     top     : unset;
  833.     left    : calc(50% + 300px);
  834. }
  835.  
  836. input:checked+.sliderSml:before {
  837.     transform: unset;
  838.     height   : 24px;
  839.     width    : 24px;
  840.     left     : 4px;
  841.     bottom   : 4px
  842. }
  843.  
  844. .sliderSml:before {
  845.     height    : 24px;
  846.     width     : 24px;
  847.     left      : 4px;
  848.     bottom    : 4px;
  849.     background: transparent;
  850.     border    : 4px solid white;
  851. }
  852.  
  853. .switchsml {
  854.     height: 40px;
  855.     width : 40px;
  856. }
  857.  
  858. .sliderSml {
  859.     background: var(--check-no);
  860. }
  861.  
  862. input:checked+.sliderSml {
  863.     background: var(--check-yes) !important;
  864. }
  865.  
  866. #uiBase.onMenu #spectButton .switchsml .sliderSml:after {
  867.     content    : "Spectate";
  868.     margin-left: 50px;
  869.     font-size  : 30px;
  870.     color      : var(--accent-color);
  871. }
  872.  
  873. #spectButton span[style="font-size:15px;color:rgba(255,255,255,.6)"] {
  874.     display: none !important;
  875. }
  876.  
  877. /* Chat */
  878. #chatHolder {
  879.     transform: skewX(-8deg);
  880.  
  881. }
  882.  
  883. #uiBase.onMenu #chatHolder {
  884.     left    : 250px;
  885.     position: fixed;
  886. }
  887.  
  888. #chatList {
  889.     background: transparent;
  890. }
  891.  
  892. div[data-tab="-1"],
  893. div[id*="chatMsg"] {
  894.     margin-top: 5px;
  895.     background: rgba(0, 0, 0, .3);
  896.     border    : solid 4px var(--accent-color);
  897. }
  898.  
  899. .chatMsg {
  900.     font-size: 16px;
  901. }
  902.  
  903. #chatInputHolder {
  904.     border    : solid 4px var(--accent-color);
  905.     background: rgba(0, 0, 0, .4);
  906. }
  907.  
  908. #chatInput {
  909.     background: transparent;
  910.     box-shadow: unset;
  911.     border    : unset;
  912.     font-size : 20px;
  913. }
  914.  
  915. #voiceDisplay {
  916.     display: none;
  917. }
  918.  
  919. .greyInner {
  920.     padding: unset !important;
  921. }
  922.  
  923. .greyInlineInner,
  924. .greyInlineInnerMid {
  925.     background: transparent;
  926. }
  927.  
  928.  
  929. /* In game UI */
  930.  
  931. /* Chat */
  932. #uiBase.onGame #chatHolder {
  933.     left     : 100px;
  934.     transform: skewY(-7deg)
  935. }
  936.  
  937. /* Health */
  938. #bottomLeftHolder {
  939.     position: fixed;
  940. }
  941.  
  942. #bottomLeftClassImg {
  943.     display: none;
  944. }
  945.  
  946. #bottomLeftHealthBar {
  947.     display: none !important;
  948. }
  949.  
  950. #uiBase.onGame #healthBar {
  951.     border-bottom-right-radius: 20px !important;
  952.     border-top-right-radius   : unset !important;
  953.     border-top-left-radius    : 20px !important;
  954.     border-bottom-left-radius : unset !important;
  955.     width                     : 450px !important;
  956.     transform                 : skewY(-7deg) !important;
  957.     position                  : fixed !important;
  958.     left                      : 110px !important;
  959.     right                     : unset !important;
  960.     bottom                    : 50px !important;
  961.     height                    : 60px !important;
  962.     filter                    : drop-shadow(0 0 10px var(--sub-color)) !important;
  963. }
  964.  
  965. #healthFill {
  966.     background-color          : var(--bg-color-3) !important;
  967.     border-bottom-right-radius: 20px !important;
  968.     border-top-right-radius   : unset !important;
  969.     border-top-left-radius    : 20px !important;
  970.     border-bottom-left-radius : unset !important;
  971. }
  972.  
  973. /* Hide ammo in the death screen */
  974. #uiBase.onMenu #healthBar,
  975. #uiBase.onCompMenu #healthBar,
  976. #uiBase.onSpect #healthBar,
  977. #uiBase.onGameM #healthBar,
  978. #uiBase.onDeathScrn #healthBar {
  979.     display: none !important
  980. }
  981.  
  982. #bottomLeftHealth {
  983.     z-index   : 15;
  984.     background: transparent;
  985.     color     : var(--sub-color) !important;
  986.     transform : skewY(-7deg);
  987.     bottom    : 50px;
  988.     position  : fixed;
  989.     left      : 260px;
  990.     font-size : 40px;
  991. }
  992.  
  993. #bottomLeftHealth::after {
  994.     content         : '';
  995.     position        : fixed;
  996.     width           : 5px;
  997.     height          : 25px;
  998.     left            : 68px;
  999.     bottom          : 12px;
  1000.     background-color: var(--sub-color);
  1001. }
  1002.  
  1003. #bottomLeftHealth::before {
  1004.     content  : '100';
  1005.     position : fixed;
  1006.     color    : var(--sub-color);
  1007.     bottom   : 4px;
  1008.     left     : 80px;
  1009.     font-size: 30px;
  1010. }
  1011.  
  1012.  
  1013.  
  1014. #bottomLeftTeamType {
  1015.     display: none;
  1016. }
  1017.  
  1018. #bottomLeftTeamName {
  1019.     display: none;
  1020. }
  1021.  
  1022. #bottomLeftChallIcon {
  1023.     display: none;
  1024. }
  1025.  
  1026. /* Ammo */
  1027. #ammoIcon {
  1028.     display: none;
  1029. }
  1030.  
  1031. #ammoHolder {
  1032.     transform                : skewY(7deg);
  1033.     width                    : 450px;
  1034.     right                    : 110px;
  1035.     bottom                   : 50px;
  1036.     height                   : 60px;
  1037.     border-radius            : unset;
  1038.     padding                  : unset !important;
  1039.     border-bottom-left-radius: 20px;
  1040.     background-color         : transparent !important;
  1041.     filter                   : transparent !important;
  1042.     border-top-right-radius  : 20px;
  1043.     background-image         : linear-gradient(to right, transparent, transparent) !important;
  1044.     display                  : block;
  1045.     position                 : fixed;
  1046. }
  1047.  
  1048. #uiBase.onGame #ammoBar {
  1049.     border-top-right-radius   : 20px !important;
  1050.     border-bottom-left-radius : 20px !important;
  1051.     border-top-left-radius    : unset !important;
  1052.     border-bottom-right-radius: unset !important;
  1053.     width                     : 450px !important;
  1054.     transform                 : skewY(7deg) !important;
  1055.     position                  : fixed !important;
  1056.     right                     : 110px !important;
  1057.     left                      : unset !important;
  1058.     bottom                    : 50px !important;
  1059.     height                    : 60px !important;
  1060.     filter                    : drop-shadow(0 0 10px var(--sub-color)) !important;
  1061.     background-color          : var(--bg-color-3) !important;
  1062. }
  1063.  
  1064. #uiBase.onGame #ammoFill {
  1065.     border-top-right-radius   : 20px !important;
  1066.     border-bottom-left-radius : 20px !important;
  1067.     border-top-left-radius    : unset !important;
  1068.     border-bottom-right-radius: unset !important;
  1069.     background-image          : linear-gradient(to right, var(--bg-color-1), var(--bg-color-2)) !important;
  1070.     background-color          : transparent !important;
  1071. }
  1072.  
  1073. /* Hide ammo in the death screen */
  1074. #uiBase.onMenu #ammoBar,
  1075. #uiBase.onCompMenu #ammoBar,
  1076. #uiBase.onSpect #ammoBar,
  1077. #uiBase.onGameM #ammoBar,
  1078. #uiBase.onDeathScrn #ammoBar {
  1079.     display: none !important
  1080. }
  1081.  
  1082. #ammoMax {
  1083.     margin-top    : 8px;
  1084.     padding-bottom: 4px;
  1085.  
  1086. }
  1087.  
  1088. #ammoVal {
  1089.     font-size     : 50px;
  1090.     padding-bottom: 4px;
  1091. }
  1092.  
  1093. /* weapon */
  1094.  
  1095. .weapItem[style*="opacity: 0.5"] img,
  1096. .weapItem[style="opacity:0.5"] img {
  1097.     visibility: hidden;
  1098. }
  1099.  
  1100. .weapItem[style*="opacity: 1"] img,
  1101. .weapItem[style="opacity: 1"] img {
  1102.     visibility: visible;
  1103. }
  1104.  
  1105.  
  1106. .weapIcon {
  1107.     margin-bottom: -20px;
  1108.     position     : fixed;
  1109.     left         : calc(50% - 90px);
  1110.     right        : unset;
  1111.     bottom       : 70px;
  1112.     height       : auto;
  1113.     width        : 200px;
  1114.     filter       : brightness(0) drop-shadow(0 0 5px var(--accent-color));
  1115. }
  1116.  
  1117. .weapKey {
  1118.     display: none;
  1119. }
  1120.  
  1121. .weapSkin {
  1122.     display: none !important;
  1123. }
  1124.  
  1125. #weapHolder {
  1126.     position     : fixed;
  1127.     width        : 240px;
  1128.     height       : 100px;
  1129.     left         : calc(50% - 120px);
  1130.     bottom       : 50px;
  1131.     padding-left : 20px;
  1132.     padding-right: 20px;
  1133.     border-bottom: 5px solid var(--accent-color);
  1134.     border-radius: 20px;
  1135. }
  1136.  
  1137. .weapStreakHolder {
  1138.     background-color: rgb(20 20 20 / 0%);
  1139.     color           : #fff;
  1140. }
  1141.  
  1142. .weapStreakInner {
  1143.     color           : rgb(255 255 255);
  1144.     background-color: rgb(108 108 108 / 0%);
  1145.     display         : none;
  1146. }
  1147.  
  1148. /* Timer */
  1149. #timerHolder.topLeftOld {
  1150.     position     : fixed;
  1151.     left         : 50%;
  1152.     transform    : translateX(-50%);
  1153.     background   : transparent;
  1154.     padding      : unset;
  1155.     padding-left : 30px;
  1156.     padding-right: 30px;
  1157.     border-radius: 20px;
  1158.     border-bottom: 4px solid var(--accent-color);
  1159. }
  1160.  
  1161. #timerInner.topLeftOld {
  1162.     background-color: transparent;
  1163.     padding         : unset;
  1164. }
  1165.  
  1166. #timerVal.topLeftOld {
  1167.     font-size: 50px !important;
  1168. }
  1169.  
  1170. /* LeaderBoard */
  1171. #leaderboardHolder {
  1172.     right           : 0;
  1173.     position        : fixed;
  1174.     top             : 0;
  1175.     border-radius   : unset;
  1176.     border-left     : 3px solid;
  1177.     border-bottom   : 3px solid;
  1178.     border-color    : var(--accent-color);
  1179.     background-color: rgba(0, 0, 0, .4) !important;
  1180. }
  1181.  
  1182. #leaderContainer {
  1183.     background-color: transparent !important;
  1184. }
  1185.  
  1186. #killsVal,
  1187. #deathsVal,
  1188. #streakVal,
  1189. #kdVal,
  1190. #myScoreVal {
  1191.     font-size: 25px;
  1192.     color    : black;
  1193. }
  1194.  
  1195. .topRightCounters {
  1196.     width   : 400px !important;
  1197.     position: fixed;
  1198.     bottom  : 0px;
  1199.     right   : 550px;
  1200.     left    : unset;
  1201. }
  1202.  
  1203. #topRight {
  1204.     position: fixed;
  1205. }
  1206.  
  1207. .statIcon {
  1208.     background-color: transparent;
  1209. }
  1210.  
  1211. .countIcon {
  1212.     background: transparent;
  1213. }
  1214.  
  1215. .countIcon span {
  1216.     color    : black !important;
  1217.     font-size: 35px;
  1218. }
  1219.  
  1220. #igXPBar {
  1221.     display: none !important;
  1222. }
  1223.  
  1224. /* Death */
  1225. #deathUIBottom {
  1226.     backdrop-filter: unset;
  1227.     background     : unset;
  1228.     animation      : unset;
  1229. }
  1230.  
  1231. .death-stats,
  1232. .death-row-user-stat,
  1233. .death-stats-row .death-row-right,
  1234. .death-row-kills,
  1235. .death-row-left .death-row-weapon-img,
  1236. .death-column[style='justify-content: start;'],
  1237. .death-column[style='justify-content: center;'],
  1238. .death-row-bottom-bg {
  1239.     display: none !important;
  1240. }
  1241.  
  1242. .death-row-class-level {
  1243.     position: fixed;
  1244.     left    : calc(50% - 215px);
  1245.     bottom  : 10px;
  1246.     filter  : unset;
  1247.     z-index : 9999999999;
  1248. }
  1249.  
  1250. .death-row-user-text {
  1251.     position : absolute;
  1252.     top      : 10px;
  1253.     left     : calc(50% - 115px);
  1254.     font-size: 23px;
  1255.     filter   : unset;
  1256. }
  1257.  
  1258. .death-row-weapon-text {
  1259.     position : fixed;
  1260.     left     : calc(50% - 115px);
  1261.     font-size: 23px;
  1262.     bottom   : 129px;
  1263.     filter   : unset;
  1264.     z-index  : 9999999999;
  1265. }
  1266.  
  1267. .death-row-bottom {
  1268.     position        : fixed;
  1269.     right           : 50%;
  1270.     height          : 85px;
  1271.     background-color: rgba(0, 0, 0, .3) !important;
  1272.     transform       : translate(50%, 50%);
  1273.     outline         : unset;
  1274.     border-radius   : unset;
  1275.     filter          : drop-shadow(0 0 10px var(--sub-color));
  1276. }
  1277.  
  1278. .death-row-bottom::before {
  1279.     content  : 'Killed By';
  1280.     position : absolute;
  1281.     font-size: 25px;
  1282.     left     : calc(50% - 200px);
  1283.     top      : -40px;
  1284.     color    : var(--accent-color);
  1285. }
  1286.  
  1287. .death-row-class {
  1288.     height: 65px;
  1289.     width : 65px;
  1290.     margin: 10px;
  1291. }
Tags: Krunker
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!