Blossom V3

Revamped Blossom V2. Compatible with v45.0 and up.

  1. // ==UserScript==
  2. // @name Blossom V3
  3. // @namespace http://greasyfork.org/
  4. // @version 3.22
  5. // @description Revamped Blossom V2. Compatible with v45.0 and up.
  6. // @author ThatOneGuySS
  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. // ==/UserScript==
  63.  
  64. (function () {
  65. const addScript = () => {
  66. document.title="youtube.com/@valiez."
  67. document.head.innerHTML += `<style>
  68.  
  69.  
  70. /*----------GLOBAL----------*/
  71.  
  72. :root {
  73. --select-border: #777;
  74. --select-focus: blue;
  75. --select-arrow: var(--select-border);
  76. --ss-black: #000;
  77. --ss-adblocker-text: #003449;
  78. --ss-white: #FFFFFF;
  79. --ss-offwhite: #FFF3E4;
  80. --ss-yellow0: #F7FFC1;
  81. --ss-yellow: #FAF179;
  82. --ss-yolk0: #ff6060;
  83. --ss-yolk: var(--ss-lightoverlay);
  84. --ss-yolk2: var(--ss-blue4);
  85. --ss-red0: #e29092;
  86. --ss-red: #d15354;
  87. --ss-red2: #801919;
  88. --ss-egg-org: #EE2524;
  89. --ss-red-bright: #EF3C39;
  90. --ss-pink: #EC008C;
  91. --ss-pink1: #b9006e;
  92. --ss-pink-light: #ff3aaf;
  93. --ss-pink-dark: #a7098c;
  94. --ss-brown: #fff
  95. --ss-blue00: #000;
  96. --ss-blue0: #9d9d9d;
  97. --ss-blue1: #000;
  98. --ss-blue2: #000;
  99. --ss-blue3: #fff;
  100. --ss-blue4: #f9b5b5;
  101. --ss-blue5: #fff;
  102. --ss-blue6: #2e2e2e;
  103. --ss-blue7: var(--ss-yolk2);
  104. --ss-blue8: #fec5e5;
  105. --ss-green0: #ffffff;
  106. --ss-green1: #606060;
  107. --ss-green2: #000000;
  108. --ss-green-login: #a7a7a7;
  109. --ss-orange1: #F79520;
  110. --ss-vip-blue: #0E7FFF;
  111. --ss-vip-pink: #FF5AF5;
  112. --ss-vip-brown: #9F5600;
  113. --ss-vip-yellow: #FFFC00;
  114. --ss-vip-red: #EE2B2D;
  115. --ss-vip-purple: #40008F;
  116. --ss-vip-gold: linear-gradient(to right, #D1A943, #CFCDAF, #CC8630, #D1AA44, #CC8630);
  117. --ss-gold: #FED838;
  118. --ss-clear: rgba(255, 255, 255, 0);
  119. --ss-blue2clear: rgba(94, 186, 217, 0);
  120. --ss-blue2alpha7: rgba(94, 186, 217, .7);
  121. --ss-white-60: rgba(255,255,255,.6);
  122. --ss-white-90: rgba(255,255,255,.9);
  123. --ss-twitch: #0000;
  124. --twitch-color: #6441a5;
  125. --twitch-yellow: var(--ss-white);
  126. --twitch-pink: #F00DC9;
  127. --twitch-dk-pink: #c00aa0;
  128. --twitch-lt-purple: #0000;
  129. --twitch-dk-purple: #40008F;
  130. --twitch-xtr-dk-purple: #1e0043;
  131. --ss-orange: #F7941D;
  132. --ss-brown-2: #894B00;
  133. --ss-vip: #FFF000;
  134. --ss-red-btn-fill: #E81616;
  135. --ss-red-btn-outline: #881A1A;
  136. --ss-limited: #ffb3e8;
  137. --ss-limited-txt: #ff1bba;
  138. --ss-premium: #87ec4a;
  139. --ss-premium-txt: #204908;
  140. ----ss-vip: #fff000;
  141. --ss-vip-txt: #676000;
  142. --ss-darkoverlay: rgba(0, 0, 0, 0.6);
  143. --ss-darkoverlay2: rgba(0, 0, 0, 0.2);
  144. --ss-lightoverlay: url(https://raw.githubusercontent.com/Foggier01/Blossom-V3-Fix-by-Foggier/main/MryoShellBG.jpg);
  145. --ss-lightbackground: linear-gradient(var(--ss-blue1), var(--ss-blue2) );
  146. --ss-blueblend1: linear-gradient(#349ec1, #5fbad8);
  147. --ss-scrollmask1: linear-gradient(var(--ss-blue2clear), #0000);
  148. --ss-scrollmask2: linear-gradient(rgba(56, 158, 192, 0), #0000);
  149. --ss-fieldbg: linear-gradient(#91CADB, #ffffff, #ffffff, #ffffff, #ffffff);
  150. --ss-nugSecs: 3600s;
  151. --ss-me-player-bg: rgb(205 205 205 / 80%);
  152. --ss-team-blue-light: rgb(96, 192, 224);
  153. --ss-team-blue-light-trans: rgb(96, 192, 224, 0.8);
  154. --ss-team-blue-dark: rgb(48, 128, 160);
  155. --ss-team-blue-dark-trans: rgb(48, 96, 160, 0.8);
  156. --ss-team-red-light: rgb(255, 64, 48);
  157. --ss-team-red-light-trans: rgb(255, 64, 48, 0.8);
  158. --ss-team-red-dark: rgb(160, 32, 24);
  159. --ss-team-red-dark-trans: rgb(160, 32, 24, 0.8);
  160. --ss-big-message-border-color: rgb(0, 0, 0);
  161. --ss-header-height: 10em;
  162. --ss-footer-height: 4em;
  163. --ss-main-width: 90em;
  164. --ss-min-width: 68em;
  165. --ss-space-xxxxl: calc(var(--ss-space-lg)*4);
  166. --ss-space-xxl: 2.3em;
  167. --ss-space-xl: 1.5em;
  168. --ss-space-lg: 1em;
  169. --ss-space-md: calc(var(--ss-space-lg)/2);
  170. --ss-space-sm: calc(var(--ss-space-md)/1.5);
  171. --ss-space-xs: calc(var(--ss-space-sm)/2);
  172. --ss-space-micro: calc(var(--ss-space-xs)/2);
  173. --border-radius: 0.4em;
  174. --ss-border-radius-sm: 0.2em;
  175. --ss-common-border-width: .2em;
  176. --ss-logo-width: calc(var(--ss-space-lg)*14);
  177. --ss-menu-width: calc(var(--ss-logo-width) - var(--ss-space-lg));
  178. --ss-main-sidebar-width: 16em;
  179. --ss-sidebar-width: calc(var(--ss-space-lg)*18.2);
  180. --ss-aside-panel-width: 20em;
  181. --ss-item-mask-height: calc(var(--ss-space-lg)*4);
  182. --ss-item-mask-width: calc(var(--ss-aside-panel-width) - 1.3em);
  183. --ss-item-box: calc(var(--ss-space-lg)*5.5);
  184. --ss-account-panel-height: calc(var(--ss-space-lg)*4);
  185. --ss-chat-wrapper-width: 14.5em;
  186. --ss--chat-height: 14.5em;
  187. --ss-media-social-width: 17.7em;
  188. --paused-ui-scale: .6;
  189. --paused-ui-vip-scale: .9;
  190. --chw-bubble-width: 9em;
  191. --chw-bubble-height: 3.3em;
  192. --home-screen-r-padding: .68em;
  193. --ss-box-shadow-1: .16em .16em 0 rgb(0 0 0 / 100%);
  194. --ss-box-shadow-2: .15em .15em 0 rgb(0 0 0 / 90%);
  195. --ss-box-shadow-3: .15em .15em 0 rgba(217,118,17,.9);
  196. --ss-text-shadow-1: .1em .1em 0 rgba(11, 147, 189,.8);
  197. --ss-shadow: rgba(0,0,0,.4);
  198. --ss-blueshadow: #0a577187;
  199. --ss-btn-common-txt-shadow: .1em .1em 0 rgb(0 0 0 / 30%);
  200. --ss-btn-common-txt-shadow-blur: .1em .1em .5em rgb(0 0 0 / 30%);
  201. --ss-shadow-filter: drop-shadow(var(--ss-btn-common-txt-shadow));
  202. --ss-btn-light-bevel: inset 0 .15em .2em;
  203. --ss-btn-dark-bevel: inset -.1em -.15em .1em;
  204. --ss-border-blue5: var(--ss-common-border-width) solid var(--ss-blue5);
  205. --ss-type-icon-size: 2.8em;
  206. --ss-equip-icon-size: 4em;
  207. --ss-media-stats-height: 30.5em;
  208. --ss-alphaclear: #0000
  209. }
  210.  
  211.  
  212. /*--------HOME SCREEN TABS-------*/
  213. .load_screen {
  214. display: flex;
  215. align-items: center;
  216. justify-content: center;
  217. flex-direction: column;
  218. position: absolute;
  219. top: 0; left: 0;
  220. z-index: 20;
  221. width: 100%; height: 100%;
  222. background-image: var(--ss-lightoverlay);
  223. background-repeat: no-repeat;
  224. background-size: cover;
  225. }
  226. .main-menu-button:hover .main-nav-item-bg, .current-screen .main-nav-item-bg {
  227. fill: var(--ss-blue8);
  228. stroke: var(--ss-white);
  229. color: var(--ss-white);
  230. }
  231. .ss_field {
  232. border-radius: var(--ss-space-sm);
  233. border: var(--ss-common-border-width) solid var(--ss-blue4);
  234. margin: 0 0 var(--ss-space-md) 0;
  235. padding: var(--ss-space-sm) var(--ss-space-md);
  236. box-shadow: inset -0.3em 0.3em 0.03em rgb(0 0 0 / 30%), 0.2em 0.2em 0.01em #000;
  237. background: #323232;
  238. color: var(--ss-blue3);
  239. font-weight: bold;
  240. min-height: 2.45em;
  241. }
  242. .ss_smtab.selected, .ss_smtab:hover {
  243. background: #ffb6c1;
  244. }
  245. .bevel_yolk {
  246. box-shadow: var(--ss-box-shadow-1), var(--ss-btn-dark-bevel) var(--ss-yolk2), var(--ss-btn-light-bevel) #420000;
  247. }
  248.  
  249. /*-----------STATS-----------*/
  250. .stat-wrapper .stat:nth-child(even) > div {
  251. background-color: var(--ss-alphaclear);
  252. }
  253. .stat-wrapper .stat:nth-child(odd) > div {
  254. background-color: var(--ss-alphaclear);
  255. }
  256.  
  257.  
  258. /*------------INVENTORY-----------*/
  259. .weapon_img {
  260. box-sizing: border-box;
  261. background-color: #000;
  262. height: 4em;
  263. width: 4em;
  264. border: var(--ss-common-border-width) solid var(--ss-blue3);
  265. fill: var(--ss-white);
  266. }
  267. #weapon_select .weapon_selected {
  268. background-color: #000;
  269. }
  270. .weapon_img:hover, #weapon_select .weapon_selected {
  271. border: var(--ss-common-border-width) solid #ffb6c1;
  272. box-shadow: var(--ss-box-shadow-1);
  273. }
  274. .secondary .equip_icon, .primary .equip_icon {
  275. filter: drop-shadow(0 2mm 0 rgba(200, 0, 0, .3));
  276. }
  277. .ico_itemtype {
  278. border-width: var(--ss-common-border-width);
  279. border-style: solid;
  280. border-color: var(--ss-blue4);
  281. width: var(--ss-type-icon-size);
  282. height: var(--ss-type-icon-size);
  283. margin: 0 var(--ss-space-micro) 0.25em var(--ss-space-micro);
  284. background: rgb(0 0 0 / 20%);
  285. box-sizing: border-box;
  286. }
  287. .btn_green {
  288. background: radial-gradient(#ffffff, #f4c2c2, var(--ss-black));
  289. border-color: var(--ss-green2);
  290. }
  291. .bevel_green {
  292. box-shadow: var(--ss-box-shadow-1), var(--ss-btn-dark-bevel) rgb(231 231 231), var(--ss-btn-light-bevel) var(--ss-green0);
  293. }
  294. .ss_bigtab {
  295. height: 3em;
  296. text-transform: uppercase;
  297. color: var(--ss-blue5);
  298. border: var(--ss-common-border-width) solid var(--ss-blue5);
  299. background: #000;
  300. min-width: 8em;
  301. padding: var(--ss-space-micro);
  302. cursor: pointer;
  303. /* box-shadow: none !important; */
  304. box-shadow: var(--ss-box-shadow-1) !important;
  305. }
  306. #equip_grid .grid-item:not(.morestuff) {
  307. background: var(--ss-lightoverlay);
  308. border: var(--ss-common-border-width) solid var(--ss-blue5);
  309. }
  310. .secondary .equip_icon, .primary .equip_icon {
  311. filter: drop-shadow(0 2mm 0 rgba(200, 0, 0, .0));
  312. }
  313.  
  314.  
  315. /*-----------------Random stuff that I found everywhere--------*/
  316. .main-menu-button .menu-icon.menu-icon-star, .icon-star {
  317. transform: rotate(35deg) !important;
  318. fill: #fff;
  319. stroke: var(--ss-yolk);
  320. stroke-width: 3px;
  321. right: -1em;
  322. height: 2em;
  323. width: 2em;
  324. }
  325. .popup_window {
  326. z-index: 2000;
  327. position: absolute;
  328. display: flex;
  329. flex-direction: column;
  330. align-items: center;
  331. padding: var(--ss-space-lg);
  332. color: var(--ss-white);
  333. background-image: var(--ss-lightoverlay);
  334. border: var(--ss-common-border-width) solid var(--ss-blue5);
  335. }
  336. .bevel_blue {
  337. 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);
  338. }
  339. .btn_blue {
  340. background-color: #ffb6c1;
  341. border-color: #fff
  342. }
  343. .bevel_blue_light {
  344. 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 );
  345. }
  346. .text_blue1 {
  347. color: #fff !important;
  348. }
  349. .text_blue4 {
  350. color: #a9a9a9 !important;
  351. }
  352. .text_blue8 {
  353. color: #ffffff !important;
  354. }
  355. .bg_blue2 {
  356. background-color: var(--ss-alphaclear);
  357. }
  358. .bg_blue3 {
  359. background-color: #0000 !important;
  360. }
  361. .bg_blue6 {
  362. background-color: #0000 !important;
  363. }
  364. .option-box li:hover {
  365. background: rgb(241 241 241 / 50%);
  366. }
  367. .option-box {
  368. padding: var(--ss-space-md) 0;
  369. bottom: 4em;
  370. right: -50%;
  371. border: var(--ss-common-border-width) solid var(--ss-blue5);
  372. box-shadow: 0.26em 0.26em 0 rgb(0 0 0 / 50%);
  373. }
  374. .changelog_content {
  375. overflow-y: auto;
  376. height: 24em;
  377. padding: var(--ss-space-lg);
  378. color: var(--ss-white);
  379. font-weight: 600;
  380. background: var(--ss-alphaclear);
  381. }
  382. #feedback_panel p, #feedback_panel li {
  383. color: #ffffff;
  384. font-weight: 600;
  385. }
  386. .load_message {
  387. color: var(--ss-white);
  388. margin-top: 5em;
  389. margin-bottom: 3.5em;
  390. }
  391.  
  392.  
  393. /*----------SETTINGS WINDOW-------*/
  394. .ss_keybind {
  395. border-radius: var(--ss-space-md);
  396. border: none;
  397. margin: 0 0 var(--ss-space-sm) 0;
  398. padding: var(--ss-space-sm);
  399. color: #ffffff;
  400. background: var(--ss-alphaclear);
  401. font-weight: bold;
  402. width: 9em;
  403. text-align: center;
  404. text-transform: uppercase;
  405. }
  406. .label {
  407. display: inline;
  408. color: #858585;
  409. font-weight: bold;
  410. margin-left: var(--ss-space-md);
  411. font-size: 1em;
  412. }
  413. .checkmark {
  414. position: absolute;
  415. top: 0;
  416. left: 0;
  417. height: 1.9em;
  418. width: 1.9em;
  419. background-color: var(--ss-alphaclear);
  420. border-radius: var(--ss-space-md);
  421. }
  422. .ss_checkbox .checkmark:after {
  423. left: 0.55em;
  424. top: 0.2em;
  425. width: 0.4em;
  426. height: 1em;
  427. border: solid #ffffff;
  428. border-width: 0 0.4em 0.4em 0;
  429. -webkit-transform: rotate(45deg);
  430. -ms-transform: rotate(45deg);
  431. transform: rotate(45deg);
  432. }
  433. .ss_select {
  434. border-radius: var(--ss-space-sm);
  435. border: var(--ss-common-border-width) solid var(--ss-blue4);
  436. margin: 0 0 var(--ss-space-md) 0;
  437. padding: var(--ss-space-sm);
  438. box-shadow: inset 3px 3px 10px var(--ss-blue1), 0.1em 0.1em 3px var(--ss-blue3);
  439. background: var(--ss-alphaclear);
  440. color: var(--ss-blue3);
  441. font-weight: bold;
  442. min-height: 2.45em;
  443. }
  444. /*---------PRIVATE GAMES-------------*/
  445. #joinPrivateGamePopup .inner-wrapper {
  446. background-color: var(--ss-alphaclear);
  447. padding: var(--ss-space-md) var(--ss-space-xxl) var(--ss-space-lg);
  448. }
  449.  
  450. /*----------PLAY MENU------------*/
  451. .weapon-select--title h1 {
  452. color: var(--ss-alphaclear);
  453. font-size: 1.3em;
  454. background: none;
  455. margin-bottom: var(--ss-space-md);
  456. }
  457. .playerSlot--name {
  458. overflow: hidden;
  459. color: var(--ss-yolk2) !important;
  460. }
  461. .pause-screen-btn-spectate {
  462. position: absolute;
  463. bottom: var(--ss-space-lg);
  464. left: var(--ss-space-lg);
  465. margin: 0;
  466. min-width: auto;
  467. border-radius: 100%;
  468. width: 4em;
  469. height: 4em;
  470. text-align: center;
  471. padding: 0;
  472. 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;
  473. }
  474. .btn-respawn.bevel_green {
  475. 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);
  476. }
  477.  
  478. /*-----------CHAT----------*/
  479. #chatIn {
  480. display: none;
  481. color: var(--ss-blue7);
  482. bottom: 1em;
  483. left: 1em;
  484. width: 100%;
  485. border: none;
  486. background: none;
  487. }
  488. #chatOut span {
  489. color: #fff !important;
  490. }
  491. .chat {
  492. font-weight: bold;
  493. color: #fff;
  494. opacity: 0.7;
  495. z-index: 5;
  496. }
  497. .chat-player-name {
  498. font-weight: bolder;
  499. color: var(--ss-blue4) !important
  500. }
  501. .is-paused .pause-ui-element {
  502. background-color: rgb(249, 181, 181, 0.4);
  503. border: var(--ss-common-border-width) solid var(--ss-blue5);
  504. bottom: 0;
  505. width: var(--ss-chat-wrapper-width);
  506. height: var(--ss--chat-height);
  507. }
  508.  
  509. /*---------------READOUTS-------------*/
  510. #inGameUI {
  511. position: absolute;
  512. right: 0.5em;
  513. top: 4em;
  514. right: 1.5em;
  515. top: 5em;
  516. padding: 1em;
  517. background-color: #0000;
  518. border: var(--ss-common-border-width) solid #ffb6c1;
  519. }
  520. #inGameUI .title {
  521. font-size: .4em;
  522. color: #0000;
  523. }
  524. #tutorialPopup {
  525. background-image: var(--ss-lightoverlay);
  526. }
  527.  
  528. /*------------CHICKN WINNER--------*/
  529. .chw-circular-timer-container-shadow {
  530. background: rgb(0 0 0 / 0%);
  531. opacity: 1;
  532. width: var(--chw-bubble-width);
  533. height: var(--chw-bubble-height);
  534. align-items: center;
  535. position: relative;
  536. border-radius: 0.5em;
  537. padding: 0.4em 1em;
  538. z-index: 2;
  539. position: absolute;
  540. left: 4.3em;
  541. bottom: 1.6em;
  542. z-index: 1;
  543. }
  544. .egg-chick-wrapper {
  545. background-color: var(--ss-alphaclear);
  546. margin: var(--ss-space-lg) auto;
  547. height: 15em;
  548. align-items: end;
  549. min-width: 51em;
  550. }
  551.  
  552. /*------------TWITCH-----------*/
  553. #giveStuffPopup.twitchDrops .twitch-btn {
  554. font-size: 1em;
  555. background: var(--ss-black);
  556. }
  557. #giveStuffPopup.twitchDrops footer {
  558. padding-bottom: 1em;
  559. background-color: #00000000;
  560. }
  561. #giveStuffPopup.twitchDrops .egg-give-stuff, #giveStuffPopup.twitchDrops .grid-item {
  562. width: 9em;
  563. height: 9em;
  564. max-width: 9em;
  565. max-height: 9em;
  566. min-width: 9em;
  567. min-height: 9em;
  568. border: 0.5em solid;
  569. margin-bottom: 1em;
  570. border-radius: var(--ss-space-lg);
  571. background-color: #0000003b;
  572. }
  573.  
  574. .crosshair {
  575. position: absolute;
  576. transform-origin: 50% top;
  577. top: 50%;
  578. border: solid 0.03em rgb(249, 181, 181);
  579. height: 0.8em;
  580. margin-bottom: 0.12em;
  581. opacity: 1;
  582. }
  583.  
  584. .crosshair.normal {
  585. left: calc(50% - 0.15em);
  586. background: #ffb6c1;
  587. width: 0.3em;
  588. opacity: 0.4;
  589. }
  590.  
  591. #reticleDot {
  592. position: absolute;
  593. transform: translate(-50%, -50%);
  594. top: 50%;
  595. left: 50%;
  596. background: #f9b5b5;
  597. border: solid 0.05em black;
  598. width: 0.3em;
  599. height: 0.3em;
  600. opacity: 0.7;
  601. }
  602.  
  603. #healthContainer {
  604. position: absolute;
  605. left: 50%; bottom: 1em;
  606. transform: translateX(-50%);
  607. display: inline-block;
  608. width: 6em; height: 6em;
  609. background: #f9b5b5;
  610. opacity: 0.6;
  611. border-radius: 50%;
  612. text-align: center;
  613. }
  614.  
  615. .healthYolk {
  616. fill: #f9b5b5;
  617. opacity: 0.6;
  618. }
  619. #best_streak_container h1 {
  620. margin: 0;
  621. padding: 0;
  622. display: inline;
  623. text-shadow: var(--ss-space-micro) var(--ss-space-micro) var(--ss-shadow);
  624. font-family: 'Nunito', sans-serif !important;
  625. font-size: 2.5em !important;
  626. color: var(--ss-white) !important;
  627. font-weight: bold !important;
  628. text-transform: lowercase;
  629. padding-left: 1.25em;
  630. padding-top: 0em;
  631. background-image: url(https://raw.githubusercontent.com/Foggier01/Blossom-V3-Fix-by-Foggier/main/MyroStreak.png);
  632. background-position: left center;
  633. background-size: contain;
  634. background-repeat: no-repeat;
  635. }
  636.  
  637. #killBox::before{
  638. font-size: 1em;
  639. font-weight: 900;
  640. content: 'YOU BLOSSOMED'!important;
  641. color: #f9b5b5;
  642. }
  643.  
  644. #killBox h3{
  645. display:none;
  646. }
  647.  
  648. #deathBox::before{
  649. font-size: 1em;
  650. font-weight: 900;
  651. content: 'YOU WERE BLOSSOMED BY'!important;
  652. color: #f9b5b5;
  653. }
  654.  
  655. #deathBox h3{
  656. display:none;
  657. }
  658.  
  659. .hardBoiledShield {
  660. position: absolute;
  661. transform: translateX(-50%);
  662. height: 100%;
  663. content: url('https://shellshock.io/img/hardBoiledEmpty.png');
  664. }
  665.  
  666. #hardBoiledShieldFill {
  667. content: url('https://raw.githubusercontent.com/Foggier01/Blossom-V3-Fix-by-Foggier/main/MyroShield.png');
  668. }
  669.  
  670. .player-challenges-container {
  671. width: 100%;
  672. background: rgb(0, 192, 255);
  673. background: var(--ss-lightoverlay);
  674. }
  675.  
  676. .text_yellow_bright {
  677. color: var(--ss-blue8);
  678. }
  679.  
  680. .text_yellow {
  681. color: var(--ss-blue4);
  682. }
  683.  
  684. .ss_field, .firebaseui-input {
  685. border-radius: var(--ss-space-sm) !important;
  686. border: var(--ss-common-border-width) solid var(--ss-blue4) !important;
  687. margin: 0 0 var(--ss-space-md) 0 !important;
  688. padding: var(--ss-space-sm) var(--ss-space-md) !important;
  689. box-shadow: inset 0.3em .3em .03em rgb(0, 0, 0, 0.3) !important;
  690. background: var(--ss-white) !important;
  691. color: var(--ss-blue3) !important;
  692. font-weight: bold !important;
  693. min-height: 2.45em !important;
  694. }
  695.  
  696. .play-panel-panels {
  697. width: 38em;
  698. display: flex;
  699. flex-direction: column;
  700. align-items: center;
  701. padding: var(--ss-space-xl);
  702. color: var(--ss-white);
  703. background-image: var(--ss-lightoverlay) !important;
  704. border: var(--ss-common-border-width) solid var(--ss-blue5);
  705. }
  706.  
  707. </style>`
  708. }
  709. document.body ? addScript() : document.addEventListener("DOMContentLoaded", e => addScript());
  710. })();