☰

mattdalorin's theme

a theme i made for my friend

  1. // ==UserScript==
  2. // @name         mattdalorin's  theme
  3. // @namespace    http://greatest.deepsurf.us/
  4. // @version      3.1
  5. // @description  a theme i made  for my friend
  6. // @match        https://shellshock.io/
  7. // @match        https://algebra.best/*
  8. // @match        https://algebra.vip/*
  9. // @match        https://biologyclass.club/*
  10. // @match        https://deadlyegg.com/*
  11. // @match        https://deathegg.world/*
  12. // @match        https://egg.dance/*
  13. // @match        https://eggboy.club/*
  14. // @match        https://eggboy.xyz/*
  15. // @match        https://eggcombat.com/*
  16. // @match        https://eggfacts.fun/*
  17. // @match        https://egghead.institute/*
  18. // @match        https://eggisthenewblack.com/*
  19. // @match        https://eggsarecool.com/*
  20. // @match        https://eggshooter.best/*
  21. // @match        https://geometry.best/*
  22. // @match        https://geometry.monster/*
  23. // @match        https://geometry.pw/*
  24. // @match        https://geometry.report/*
  25. // @match        https://hardboiled.life/*
  26. // @match        https://hardshell.life/*
  27. // @match        https://humanorganising.org/*
  28. // @match        https://mathactivity.xyz/*
  29. // @match        https://mathdrills.info/*
  30. // @match        https://mathdrills.life/*
  31. // @match        https://mathfun.rocks/*
  32. // @match        https://mathgames.world/*
  33. // @match        https://math.international/*
  34. // @match        https://mathlete.fun/*
  35. // @match        https://mathlete.pro/*
  36. // @match        https://new.shellshock.io/*
  37. // @match        https://overeasy.club/*
  38. // @match        https://scrambled.best/*
  39. // @match        https://scrambled.tech/*
  40. // @match        https://scrambled.today/*
  41. // @match        https://scrambled.us/*
  42. // @match        https://scrambled.world/*
  43. // @match        https://shellshock.io/*
  44. // @match        https://shellsocks.com/*
  45. // @match        https://shellshockers.club/*
  46. // @match        https://shellshockers.site/*
  47. // @match        https://shellshockers.us/*
  48. // @match        https://shellshockers.world/*
  49. // @match        https://shellshockers.xyz/*
  50. // @match        https://softboiled.club/*
  51. // @match        https://urbanegger.com/*
  52. // @match        https://violentegg.club/*
  53. // @match        https://violentegg.fun/*
  54. // @match        https://yolk.best/*
  55. // @match        https://yolk.life/*
  56. // @match        https://yolk.quest/*
  57. // @match        https://yolk.rocks/*
  58. // @match        https://yolk.tech/*
  59. // @match        https://yolk.today/*
  60. // @match        https://zygote.cafe/*
  61. // @grant        none
  62. // @icon        https://media.discordapp.net/attachments/1183441177534545931/1202051318366359614/file.jpg?ex=65cc0c87&is=65b99787&hm=af160b9add66975f7c9c5f00a0bc02c093ca8cf14dc840c9d1571c401edffa3c&=&format=webp&width=886&height=499
  63. // ==/UserScript==
  64.  
  65. (function () {
  66.     const addScript = () => {
  67.         document.title="youtube.com/@valiez."
  68.         document.head.innerHTML += `<style>
  69.  
  70.  
  71. /*----------GLOBAL----------*/
  72.  
  73. :root {
  74. --ss-transparent: #00000000;
  75. 	--ss-pink: #000;s
  76. 	--ss-purple: #000000; /*White Text*/
  77. 	--ss-offwhite: #f18f49;
  78. 	--ss-black0:##f18f49;
  79. 	--ss-green0: #ff0000;
  80. 	--ss-yolk0: #ff0000;
  81. 	--ss-yolk: #ff0000; /*Yellow Buttons*/
  82. 	--ss-yolk2: #ffae00;
  83. 	--ss-pink0: #f18f49;
  84. 	--ss-purple: #f18f49;
  85. 	--ss-black2: #f18f49;
  86. 	--ss-purple-bright: #f18f49;
  87. 	--ss-pink: #f18f49;
  88. 	--ss-pink1: #f18f49;
  89. 	--ss-pink-light: #f18f49;
  90. 	--ss-black2: #f18f49;
  91. 	--ss-black00: ##ffff33;
  92. 	--ss-purple0: #ff0000;
  93. 	--ss-pink1: #ff0000;
  94. 	--ss-purple2: #ff0000;
  95. 	--ss-black3: #ff0000; /*Lighter Box Borders*/
  96. 	--ss-pink4: #ff0000; /*Blue Subtitles, Darker Box Borders*/
  97. 	--ss-purplee5: ##ff0000;
  98. 	--ss-black0: #ff0000;
  99. 	--ss-purple1: #ff0000;
  100. 	--ss-pink4: #ff0000;
  101. 	--ss-purple1: #ff0000;
  102. 	--ss-vip-gold: linear-gradient(to right, #0004ff, #0003c9, #0002a1, #000170, #000147);
  103. 	--ss-clear: rgba(255, 255, 255, 0);
  104. 	--ss-pink2clear: rgba(aq94, 186, 217, 0);
  105. 	--ss-shadow: rgba(0,0,0,0.4);
  106. 	--ss-blackshadow: #f18f49;
  107.    
  108.     --ss-darkoverlay: rgba(0, 0, 0, 0.6);
  109.     --ss-darkoverlay2: rgba(0, 0, 0, 0.2);
  110.     --ss-lightoverlay: url(https://media.discordapp.net/attachments/1183441177534545931/1202051318366359614/file.jpg?ex=65cc0c87&is=65b99787&hm=af160b9add66975f7c9c5f00a0bc02c093ca8cf14dc840c9d1571c401edffa3c&=&format=webp&width=886&height=499);
  111.     --ss-lightbackground: linear-gradient(var(--ss-blue1), var(--ss-blue2) );
  112.     --ss-blueblend1: linear-gradient(#349ec1, #5fbad8);
  113.     --ss-scrollmask1: linear-gradient(var(--ss-blue2clear), #0000);
  114.     --ss-scrollmask2: linear-gradient(rgba(56, 158, 192, 0), #0000);
  115.     --ss-fieldbg: linear-gradient(#91CADB, #ffffff, #ffffff, #ffffff, #ffffff);
  116.     --ss-nugSecs: 3600s;
  117.     --ss-me-player-bg: url("https://media.discordapp.net/attachments/1183441177534545931/1202051318366359614/file.jpg?ex=65cc0c87&is=65b99787&hm=af160b9add66975f7c9c5f00a0bc02c093ca8cf14dc840c9d1571c401edffa3c&=&format=webp&width=886&height=499");
  118.     --ss-team-blue-dark: rgb(96, 192, 224);
  119.     --ss-team-blue-dark-trans: rgb(245, 2, 11);
  120.     --ss-team-blue-dark: rgb(245, 2, 11);
  121.     --ss-team-blue-dark-trans: rgb(245, 2, 11);
  122.     --ss-team-red-dark: rgb(245, 2, 11);
  123.     --ss-team-red-dark-trans: rgb(255, 64, 48, 0.8);
  124.     --ss-team-red-dark: rgb(160, 32, 24);
  125.     --ss-team-red-dark-trans: rgb(160, 32, 24, 0.8);
  126.     --ss-big-message-border-color: rgb(0, 0, 0);
  127.     --ss-header-height: 10em;
  128.     --ss-footer-height: 4em;
  129.     --ss-main-width: 90em;
  130.     --ss-min-width: 68em;
  131.     --ss-space-xxxxl: calc(var(--ss-space-lg)*4);
  132.     --ss-space-xxl: 2.3em;
  133.     --ss-space-xl: 1.5em;
  134.     --ss-space-lg: 1em;
  135.     --ss-space-md: calc(var(--ss-space-lg)/2);
  136.     --ss-space-sm: calc(var(--ss-space-md)/1.5);
  137.     --ss-space-xs: calc(var(--ss-space-sm)/2);
  138.     --ss-space-micro: calc(var(--ss-space-xs)/2);
  139.     --border-radius: 0.4em;
  140.     --ss-border-radius-sm: 0.2em;
  141.     --ss-common-border-width: .2em;
  142.     --ss-logo-width: calc(var(--ss-space-lg)*14);
  143.     --ss-menu-width: calc(var(--ss-logo-width) - var(--ss-space-lg));
  144.     --ss-main-sidebar-width: 16em;
  145.     --ss-sidebar-width: calc(var(--ss-space-lg)*18.2);
  146.     --ss-aside-panel-width: 20em;
  147.     --ss-item-mask-height: calc(var(--ss-space-lg)*4);
  148.     --ss-item-mask-width: calc(var(--ss-aside-panel-width) - 1.3em);
  149.     --ss-item-box: calc(var(--ss-space-lg)*5.5);
  150.     --ss-account-panel-height: calc(var(--ss-space-lg)*4);
  151.     --ss-chat-wrapper-width: 14.5em;
  152.     --ss--chat-height: 14.5em;
  153.     --ss-media-social-width: 17.7em;
  154.     --paused-ui-scale: .6;
  155.     --paused-ui-vip-scale: .9;
  156.     --chw-bubble-width: 9em;
  157.     --chw-bubble-height: 3.3em;
  158.     --home-screen-r-padding: .68em;
  159.     --ss-box-shadow-1: .16em .16em 0 rgb(0 0 0 / 100%);
  160.     --ss-box-shadow-2: .15em .15em 0 rgb(0 0 0 / 90%);
  161.     --ss-box-shadow-3: .15em .15em 0 rgba(217,118,17,.9);
  162.     --ss-text-shadow-1: .1em .1em 0 rgba(11, 147, 189,.8);
  163.     --ss-shadow: rgba(0,0,0,.4);
  164.     --ss-blueshadow: #0a577187;
  165.     --ss-btn-common-txt-shadow: .1em .1em 0 rgb(0 0 0 / 30%);
  166.     --ss-btn-common-txt-shadow-blur: .1em .1em .5em rgb(0 0 0 / 30%);
  167.     --ss-shadow-filter: drop-shadow(var(--ss-btn-common-txt-shadow));
  168.     --ss-btn-light-bevel: inset 0 .15em .2em;
  169.     --ss-btn-dark-bevel: inset -.1em -.15em .1em;
  170.     --ss-border-blue5: var(--ss-common-border-width) solid var(--ss-blue5);
  171.     --ss-type-icon-size: 2.8em;
  172.     --ss-equip-icon-size: 4em;
  173.     --ss-media-stats-height: 30.5em;
  174.     --ss-alphaclear: #0000
  175. }
  176.  
  177.  
  178.     /*--------HOME SCREEN TABS-------*/
  179. .load_screen {
  180.     display: flex;
  181.     align-items: center;
  182.     justify-content: center;
  183.     flex-direction: column;
  184.     position: absolute;
  185.     top: 0; left: 0;
  186.     z-index: 20;
  187.     width: 100%; height: 100%;
  188.     background-image: url(https://media.discordapp.net/attachments/1183441177534545931/1202051318366359614/file.jpg?ex=65cc0c87&is=65b99787&hm=af160b9add66975f7c9c5f00a0bc02c093ca8cf14dc840c9d1571c401edffa3c&=&format=webp&width=886&height=499);
  189.     background-repeat: no-repeat;
  190.     background-size: cover;
  191. }
  192. .main-menu-button:hover .main-nav-item-bg, .current-screen .main-nav-item-bg {
  193.     fill: var(--ss-red);
  194.     stroke: var(--ss-red);
  195.     color: var(--ss-red);
  196. }
  197. .ss_field, .firebaseui-input {
  198.     border-radius: var(--ss-space-sm) !important;
  199.     border: var(--ss-common-border-width) solid var(--ss-blue4) !important;
  200.     margin: 0 0 var(--ss-space-md) 0 !important;
  201.     padding: var(--ss-space-sm) var(--ss-space-md) !important;
  202.     box-shadow: inset 0.3em 0.3em 0.03em rgb(0 0 0 / 50%) !important;
  203.     background: var(--ss-red) !important;
  204.     color: #f50905 !important;
  205.     font-weight: bold !important;
  206.     min-height: 2.45em !important;
  207. }
  208. .ss_smtab.selected, .ss_smtab:hover {
  209.     background: #f50905;
  210. }
  211. .bevel_yolk {
  212.     box-shadow: var(--ss-box-shadow-1), var(--ss-btn-dark-bevel) var(--ss-yolk2), var(--ss-btn-light-bevel) #420000;
  213. }
  214.  
  215. /*-----------STATS-----------*/
  216. .stat-wrapper .stat:nth-child(even) > div {
  217.     background-color: var(--ss-alphaclear);
  218. }
  219. .stat-wrapper .stat:nth-child(odd) > div {
  220.     background-color: var(--ss-alphaclear);
  221. }
  222.  
  223.  
  224. /*------------INVENTORY-----------*/
  225. .weapon_img {
  226.     box-sizing: border-box;
  227.     background-color: #f50905;
  228.     height: 4em;
  229.     width: 4em;
  230.     border: var(--ss-common-border-width) solid var(--ss-blue3);
  231.     fill: var(--ss-white);
  232. }
  233. #weapon_select .weapon_selected {
  234.     background-color: #000;
  235. }
  236. .weapon_img:hover, #weapon_select .weapon_selected {
  237.     border: var(--ss-common-border-width) solid #ffb6c1;
  238.     box-shadow: var(--ss-box-shadow-1);
  239. }
  240. .secondary .equip_icon, .primary .equip_icon {
  241.     filter: drop-shadow(0 2mm 0 rgba(200, 0, 0, .3));
  242. }
  243. .ico_itemtype {
  244.     border-width: var(--ss-common-border-width);
  245.     border-style: solid;
  246.     border-color: #FFB6C1;
  247.     width: var(--ss-type-icon-size);
  248.     height: var(--ss-type-icon-size);
  249.     margin: 0 var(--ss-space-micro) 0.25em var(--ss-space-micro);
  250.     background: rgb(0 0 0 / 20%);
  251.     box-sizing: border-box;
  252. }
  253. .btn_green {
  254.     background: radial-gradient(#ffffff, #f4c2c2, var(--ss-black));
  255.     border-color: var(--ss-green2);
  256. }
  257. .bevel_green {
  258.     box-shadow: var(--ss-box-shadow-1), var(--ss-btn-dark-bevel) rgb(231 231 231), var(--ss-btn-light-bevel) var(--ss-green0);
  259. }
  260. .ss_bigtab {
  261.     height: 3em;
  262.     text-transform: uppercase;
  263.     color: var(--ss-blue5);
  264.     border: var(--ss-common-border-width) solid var(--ss-blue5);
  265.     background: #000;
  266.     min-width: 8em;
  267.     padding: var(--ss-space-micro);
  268.     cursor: pointer;
  269.     /* box-shadow: none !important; */
  270.     box-shadow: var(--ss-box-shadow-1) !important;
  271. }
  272. #equip_grid .grid-item:not(.morestuff) {
  273.     background: var(--ss-lightoverlay);
  274.     border: var(--ss-common-border-width) solid var(--ss-blue5);
  275. }
  276. .secondary .equip_icon, .primary .equip_icon {
  277.     filter: drop-shadow(0 2mm 0 rgba(200, 0, 0, .0));
  278. }
  279.  
  280.  
  281. /*-----------------Random stuff that I found everywhere--------*/
  282. .main-menu-button .menu-icon.menu-icon-star, .icon-star {
  283.     transform: rotate(35deg) !important;
  284.     fill: #fff;
  285.     stroke: var(--ss-yolk);
  286.     stroke-width: 3px;
  287.     right: -1em;
  288.     height: 2em;
  289.     width: 2em;
  290. }
  291. .popup_window {
  292.     z-index: 2000;
  293.     position: absolute;
  294.     display: flex;
  295.     flex-direction: column;
  296.     align-items: center;
  297.     padding: var(--ss-space-lg);
  298.     color: var(--ss-white);
  299.     background-image: var(--ss-lightoverlay);
  300.     border: var(--ss-common-border-width) solid var(--ss-blue5);
  301. }
  302. .bevel_blue {
  303.     box-shadow: var(--ss-box-shadow-1), var(--ss-btn-dark-bevel) rgb(0 0 0), var(--ss-btn-light-bevel) rgb(255 255 255);
  304. }
  305. .btn_blue {
  306.     background-color: #ffb6c1;
  307.     border-color: #fff
  308. }
  309. .bevel_blue_light {
  310.     box-shadow: var(--ss-box-shadow-1), var(--ss-btn-dark-bevel) rgb(110 110 110), var(--ss-btn-light-bevel) rgb(110 110 110 );
  311. }
  312. .text_blue1 {
  313.     color: #fff !important;
  314. }
  315. .text_blue4 {
  316.     color: #a9a9a9 !important;
  317. }
  318. .text_blue8 {
  319.     color: #ffffff !important;
  320. }
  321. .bg_blue2 {
  322.     background-color: var(--ss-alphaclear);
  323. }
  324. .bg_blue3 {
  325.     background-color: #0000 !important;
  326. }
  327. .bg_blue6 {
  328.     background-color: #0000 !important;
  329. }
  330. .option-box li:hover {
  331.     background: rgb(241 241 241 / 50%);
  332. }
  333. .option-box {
  334.     padding: var(--ss-space-md) 0;
  335.     bottom: 4em;
  336.     right: -50%;
  337.     border: var(--ss-common-border-width) solid var(--ss-blue5);
  338.     box-shadow: 0.26em 0.26em 0 rgb(0 0 0 / 50%);
  339. }
  340. .changelog_content {
  341.     overflow-y: auto;
  342.     height: 24em;
  343.     padding: var(--ss-space-lg);
  344.     color: var(--ss-white);
  345.     font-weight: 600;
  346.     background: var(--ss-alphaclear);
  347. }
  348. #feedback_panel p, #feedback_panel li {
  349.     color: #ffffff;
  350.     font-weight: 600;
  351. }
  352. .load_message {
  353.     color: var(--ss-white);
  354.     margin-top: 5em;
  355.     margin-bottom: 3.5em;
  356. }
  357.  
  358.  
  359. /*----------SETTINGS WINDOW-------*/
  360. .ss_keybind {
  361.     border-radius: var(--ss-space-md);
  362.     border: none;
  363.     margin: 0 0 var(--ss-space-sm) 0;
  364.     padding: var(--ss-space-sm);
  365.     color: #ffffff;
  366.     background: var(--ss-lightoverlay);
  367.     font-weight: bold;
  368.     width: 9em;
  369.     text-align: center;
  370.     text-transform: uppercase;
  371. }
  372. .label {
  373.     display: inline;
  374.     color: #858585;
  375.     font-weight: bold;
  376.     margin-left: var(--ss-space-md);
  377.     font-size: 1em;
  378. }
  379. .checkmark {
  380.     position: absolute;
  381.     top: 0;
  382.     left: 0;
  383.     height: 1.9em;
  384.     width: 1.9em;
  385.     background-color: var(--ss-alphaclear);
  386.     border-radius: var(--ss-space-md);
  387. }
  388. .ss_checkbox .checkmark:after {
  389.     left: 0.55em;
  390.     top: 0.2em;
  391.     width: 0.4em;
  392.     height: 1em;
  393.     border: solid #ffffff;
  394.     border-width: 0 0.4em 0.4em 0;
  395.     -webkit-transform: rotate(45deg);
  396.     -ms-transform: rotate(45deg);
  397.     transform: rotate(45deg);
  398. }
  399. .ss_select {
  400.     border-radius: var(--ss-space-sm);
  401.     border: var(--ss-common-border-width) solid var(--ss-blue4);
  402.     margin: 0 0 var(--ss-space-md) 0;
  403.     padding: var(--ss-space-sm);
  404.     box-shadow: inset 3px 3px 10px var(--ss-blue1), 0.1em 0.1em 3px var(--ss-blue3);
  405.     background: var(--ss-alphaclear);
  406.     color: var(--ss-blue3);
  407.     font-weight: bold;
  408.     min-height: 2.45em;
  409. }
  410. /*---------PRIVATE GAMES-------------*/
  411. #joinPrivateGamePopup .inner-wrapper {
  412.     background-color: var(--ss-alphaclear);
  413.     padding: var(--ss-space-md) var(--ss-space-xxl) var(--ss-space-lg);
  414. }
  415.  
  416. /*----------PLAY MENU------------*/
  417. .weapon-select--title h1 {
  418.     color: var(--ss-alphaclear);
  419.     font-size: 1.3em;
  420.     background: none;
  421.     margin-bottom: var(--ss-space-md);
  422. }
  423. .playerSlot--name {
  424. 	overflow: hidden;
  425.     color: var(--ss-yolk2) !important;
  426. }
  427. .pause-screen-btn-spectate {
  428.     position: absolute;
  429.     bottom: var(--ss-space-lg);
  430.     left: var(--ss-space-lg);
  431.     margin: 0;
  432.     min-width: auto;
  433.     border-radius: 100%;
  434.     width: 4em;
  435.     height: 4em;
  436.     text-align: center;
  437.     padding: 0;
  438.     box-shadow: 0.15em 0.15em 0 rgba(0, 0, 0,.3), var(--ss-btn-dark-bevel) var(--ss-black), var(--ss-btn-light-bevel) var(--ss-black) !important;
  439. }
  440. .btn-respawn.bevel_green {
  441.     box-shadow: 0.15em 0.15em 0 rgba(0, 0, 0,.3), var(--ss-btn-dark-bevel) rgb(255 255 255), var(--ss-btn-light-bevel) var(--ss-green0);
  442. }
  443.  
  444. /*-----------CHAT----------*/
  445. #chatIn {
  446.     display: none;
  447.     color: var(--ss-blue7);
  448.     bottom: 1em;
  449.     left: 1em;
  450.     width: 100%;
  451.     border: none;
  452.     background: none;
  453. }
  454. #chatOut span {
  455.     color: #fff !important;
  456. }
  457. .chat {
  458.     font-weight: bold;
  459.     color: #fff;
  460.     opacity: 0.7;
  461.     z-index: 5;
  462. }
  463. .chat-player-name {
  464. 	font-weight: bolder;
  465. 	color: var(--ss-blue4) !important
  466. }
  467. .is-paused .pause-ui-element {
  468.     background-color: rgb(249, 181, 181, 0.4);
  469.     border: var(--ss-common-border-width) solid var(--ss-blue5);
  470.     bottom: 0;
  471.     width: var(--ss-chat-wrapper-width);
  472.     height: var(--ss--chat-height);
  473. }
  474.  
  475. /*---------------READOUTS-------------*/
  476. #inGameUI {
  477.     position: absolute;
  478.     right: 0.5em;
  479.     top: 4em;
  480.     right: 1.5em;
  481.     top: 5em;
  482.     padding: 1em;
  483.     background-color: #0000;
  484.     border: var(--ss-common-border-width) solid #ffb6c1;
  485. }
  486. #inGameUI .title {
  487.     font-size: .4em;
  488.     color: #0000;
  489. }
  490. #tutorialPopup {
  491.     background-image: var(--ss-lightoverlay);
  492. }
  493.  
  494. /*------------CHICKN WINNER--------*/
  495. .chw-circular-timer-container-shadow {
  496.     background: rgb(0 0 0 / 0%);
  497.     opacity: 1;
  498.     width: var(--chw-bubble-width);
  499.     height: var(--chw-bubble-height);
  500.     align-items: center;
  501.     position: relative;
  502.     border-radius: 0.5em;
  503.     padding: 0.4em 1em;
  504.     z-index: 2;
  505.     position: absolute;
  506.     left: 4.3em;
  507.     bottom: 1.6em;
  508.     z-index: 1;
  509. }
  510. .egg-chick-wrapper {
  511.     background-color: var(--ss-alphaclear);
  512.     margin: var(--ss-space-lg) auto;
  513.     height: 15em;
  514.     align-items: end;
  515.     min-width: 51em;
  516. }
  517.  
  518. /*------------TWITCH-----------*/
  519. #giveStuffPopup.twitchDrops .twitch-btn {
  520.     font-size: 1em;
  521.     background: var(--ss-black);
  522. }
  523. #giveStuffPopup.twitchDrops footer {
  524.     padding-bottom: 1em;
  525.     background-color: #00000000;
  526. }
  527. #giveStuffPopup.twitchDrops .egg-give-stuff, #giveStuffPopup.twitchDrops .grid-item {
  528.     width: 9em;
  529.     height: 9em;
  530.     max-width: 9em;
  531.     max-height: 9em;
  532.     min-width: 9em;
  533.     min-height: 9em;
  534.     border: 0.5em solid;
  535.     margin-bottom: 1em;
  536.     border-radius: var(--ss-space-lg);
  537.     background-color: #0000003b;
  538. }
  539.  
  540. .crosshair {
  541. 	position: absolute;
  542. 	transform-origin: 50% top;
  543. 	top: 50%;
  544. 	border: solid 0.03em rgb(249, 181, 181);
  545. 	height: 0.8em;
  546. 	margin-bottom: 0.12em;
  547. 	opacity: 1;
  548. }
  549.  
  550. .crosshair.normal {
  551. 	left: calc(50% - 0.15em);
  552. 	background: #ffb6c1;
  553. 	width: 0.3em;
  554.     opacity: 0.4;
  555. }
  556.  
  557. #reticleDot {
  558. 	position: absolute;
  559. 	transform: translate(-50%, -50%);
  560. 	top: 50%;
  561. 	left: 50%;
  562. 	background: #f9b5b5;
  563. 	border: solid 0.05em black;
  564. 	width: 0.3em;
  565. 	height: 0.3em;
  566. 	opacity: 0.7;
  567. }
  568.  
  569. #healthContainer {
  570. 	position: absolute;
  571. 	left: 50%; bottom: 1em;
  572. 	transform: translateX(-50%);
  573. 	display: inline-block;
  574. 	width: 6em; height: 6em;
  575. 	background: #f9b5b5;
  576.     opacity: 0.6;
  577. 	border-radius: 50%;
  578. 	text-align: center;
  579. }
  580.  
  581. .healthYolk {
  582. 	fill: #f50905;
  583.     opacity: 0.6;
  584. }
  585. #best_streak_container h1 {
  586.     margin: 0;
  587.     padding: 0;
  588.     display: inline;
  589.     text-shadow: var(--ss-space-micro) var(--ss-space-micro) var(--ss-shadow);
  590.     font-family: 'Nunito', sans-serif !important;
  591.     font-size: 2.5em !important;
  592.     color: var(--ss-white) !important;
  593.     font-weight: bold !important;
  594.     text-transform: lowercase;
  595.     padding-left: 1.25em;
  596.     padding-top: 0em;
  597.     background-image: url(https://media.discordapp.net/attachments/1183441177534545931/1202051318366359614/file.jpg?ex=65cc0c87&is=65b99787&hm=af160b9add66975f7c9c5f00a0bc02c093ca8cf14dc840c9d1571c401edffa3c&=&format=webp&width=886&height=499);
  598.     background-position: left center;
  599.     background-size: contain;
  600.     background-repeat: no-repeat;
  601. }
  602.  
  603. #killBox::before{
  604.     font-size: 1em;
  605.     font-weight: 900;
  606.     content: 'YOU  KILLED  THIS PLAYER~'!important;
  607.     color: #f9b5b5;
  608. }
  609.  
  610. #killBox h3{
  611. 	display:none;
  612. }
  613.  
  614. #deathBox::before{
  615.     font-size: 1em;
  616.     font-weight: 900;
  617.     content: 'YOU  GOT KILLED BY   '!important;
  618.     color: #f9b5b5;
  619. }
  620.  
  621. #deathBox h3{
  622. display:none;
  623. }
  624.  
  625. .hardBoiledShield {
  626.     position: absolute;
  627.     transform: translateX(-50%);
  628.     height: 100%;
  629.     content: url('https://media.discordapp.net/attachments/1183441177534545931/1202051318366359614/file.jpg?ex=65cc0c87&is=65b99787&hm=af160b9add66975f7c9c5f00a0bc02c093ca8cf14dc840c9d1571c401edffa3c&=&format=webp&width=886&height=499');
  630. }
  631.  
  632. #hardBoiledShieldFill {
  633.   content: url('https://media.discordapp.net/attachments/1183441177534545931/1202051318366359614/file.jpg?ex=65cc0c87&is=65b99787&hm=af160b9add66975f7c9c5f00a0bc02c093ca8cf14dc840c9d1571c401edffa3c&=&format=webp&width=886&height=499');
  634. }
  635.  
  636. </style>`
  637.     }
  638.     document.body ? addScript() : document.addEventListener("DOMContentLoaded", e => addScript());
  639. })();6