Greasy Fork is available in English.

Gemini Quan Theme

GMN theme for shellshock.io

  1. // ==UserScript==
  2. // @name Gemini Quan Theme
  3. // @namespace http://tampermonkey.net/
  4. // @version 1
  5. // @description GMN theme for shellshock.io
  6. // @author Quan
  7. // @match https://shellshock.io/*
  8. // @match https://eggcombat.com/*
  9. // @match https://eggfacts.fun/*
  10. // @match https://biologyclass.club/*
  11. // @match https://egghead.institute/*
  12. // @match https://egg.dance/*
  13. // @match https://eggisthenewblack.com/*
  14. // @match https://mathfun.rocks/*
  15. // @match https://hardboiled.life/*
  16. // @match https://overeasy.club/*
  17. // @match https://zygote.cafe/*
  18. // @match https://eggsarecool.com/*
  19. // @match https://deadlyegg.com/*
  20. // @match https://mathgames.world/*
  21. // @match https://hardshell.life/*
  22. // @match https://violentegg.club/*
  23. // @match https://yolk.life/*
  24. // @match https://softboiled.club/*
  25. // @match https://scrambled.world/*
  26. // @match https://deathegg.world/*
  27. // @match https://violentegg.fun/*
  28. // @match https://krunker.io/*
  29. // @grant none
  30. // ==/UserScript==
  31.  
  32. (function () {
  33. const addScript = () => {
  34. document.head.innerHTML += `<style>
  35. * {
  36. --ss-transparent: #00000000;
  37. --ss-green: #0beba0;
  38. --ss-white: #FFFFFF;
  39. --ss-offwhite: #FFF3E4;
  40. --ss-yellow0:#F7FFC1;
  41. --ss-yellow: #FAF179;
  42. --ss-yolk0: #f1c59a00;
  43. --ss-yolk: #000000;
  44. --ss-yolk2: #d9761100;
  45. --ss-red0: #e2909200;
  46. --ss-red: #000000;
  47. --ss-red2: #80191900;
  48. --ss-red-bright: #EF3C39;
  49. --ss-pink: #EC008C;
  50. --ss-pink1: #b9006e;
  51. --ss-pink-light: #ff3aaf;
  52. --ss-brown: #ffffff;
  53. --ss-blue00: #00a30b;
  54. --ss-blue0: #00a30b;
  55. --ss-blue1: #00a30b;
  56. --ss-blue2: #008724;
  57. --ss-blue3: #000000;
  58. --ss-blue4: #000000;
  59. --ss-blue5: #000000;
  60. --ss-green0: #87ddbb00;
  61. --ss-green1: #000000;
  62. --ss-green2: #2a725600;
  63. --ss-orange1: #F79520;
  64. --ss-vip-gold: linear-gradient(to right, #D1A943, #CFCDAF, #CC8630, #D1AA44, #CC8630);
  65. --ss-gold: #D1AA44;
  66. --ss-blue2clear: rgba(94, 186, 217, 0);
  67. --ss-shadow: rgba(0,0,0,0.4);
  68. --ss-blueshadow: #0a577187;
  69. --ss-darkoverlay: rgba(0, 0, 0, 0.8);
  70. --ss-darkoverlay2: rgba(0, 0, 0, 0.2);
  71. --ss-lightoverlay: url("https://thienvanhanoi.org/wp-content/uploads/2017/11/Cung-ho%C3%A0ng-%C4%91%E1%BA%A1o-elleman-4.png"); /*Main Background*/
  72. --ss-lightbackground: url("https://thienvanhanoi.org/wp-content/uploads/2017/11/Cung-ho%C3%A0ng-%C4%91%E1%BA%A1o-elleman-4.png")
  73. --ss-blueblend1: linear-gradient(#0000ff91,#ff0000c2);
  74. --ss-scrollmask1: #0000;
  75. --ss-scrollmask2: #0000;
  76. --ss-fieldbg: linear-gradient(#91CADB, 00ffea, #69ff8e, #ff5959, #306eff);
  77. --ss-nugSecs: 3600s;
  78. --ss-white-60: rgba(255,255,255,.6);
  79. --ss-white-90: rgba(255,255,255,.9);
  80.  
  81. --ss-me-player-bg: url(https://thumbs.gfycat.com/DimSerpentineEsok-size_restricted.gif);
  82.  
  83. --ss-them-blue-bg: rgba(0,66,87,.8);
  84. --ss-them-blue-color: #5ebbd9;
  85. --ss-them-red-bg: rgb(133,0,0,.8);
  86. --ss-them-red-color: #ffaa00;
  87.  
  88. --ss-me-red-bg: rgba(255,65,69,.8);
  89. --ss-me-blue-bg: rgb(94,187,217,.8);
  90.  
  91.  
  92.  
  93. font-size: 1.95vh;
  94. font-family: Trebuchet MS,Arial,sans-serif;
  95.  
  96. scrollbar-width: thin;
  97. scrollbar-color: var(--ss-yolk) var(--ss-white);
  98. } /* 1377 */
  99.  
  100. #maskmiddle {
  101. background: url('https://media.discordapp.net/attachments/929178886674206730/932293483845267456/scope.png') center center no-repeat;
  102. background-size: contain;
  103. width: 100vh;
  104. height: 100vh;
  105. }
  106. #logo {
  107. width: 100%;
  108. min-width: var(--ss-min-width);
  109. height: var(--ss-header-height);
  110. position: absolute;
  111. text-align: center;
  112. top: 3em;
  113. left: 0;
  114. margin: 0 auto;
  115. pointer-events: none;
  116. }
  117. #mainFooter {
  118. display: flex;
  119. flex-direction: row;
  120. height: var(--ss-footer-height);
  121. margin: 0 auto;
  122. width: 100%;
  123. position: relative;
  124. text-align: center;
  125. font-size: 0.8em;
  126. letter-spacing: 0.01em;
  127. min-width: var(--ss-min-width);
  128. }
  129. .playerSlot--icons .hidden {
  130. display: none;
  131. }
  132.  
  133. .playerSlot--icons i {
  134. margin-right: .2em;
  135. }
  136.  
  137. .playerSlot--icons .vip-egg {
  138. text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);
  139. content: url('https://media.discordapp.net/attachments/720146565096013874/866426038149316628/mono_ocean.png') !important;
  140. max-height: 1.1em;
  141. max-width: 1.1em;
  142. }
  143.  
  144. #mainFooter:after { /* Added Code */
  145. content: 'Theme By |[ꁅꎭꈤ] » ꆰꀎꍏꈤ️ ‎‏‏‎ ‎‏‏‎ ‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎' !important;
  146. font-family: 'Nunito', sans-serif;
  147.  
  148. text-align: center;
  149.  
  150. align-items: center;
  151.  
  152. font-weight: 100;
  153. font-size: 1.7em;
  154. letter-spacing: 0.01em;
  155. color: #FFFFFF;
  156. }
  157. #logo img {
  158. height: 100%;
  159. pointer-events: auto;
  160. content: url('https://media.discordapp.net/attachments/720146565096013874/881831505427570749/smalloceanlogo.png?width=1080&height=507');
  161. }
  162. .egg_icon {
  163. height: 2em;
  164. margin: var(--ss-space-micro) var(--ss-space-sm) 0 0;
  165. content: url('https://media.discordapp.net/attachments/927072346647429200/927587229134618644/gemini-removebg-preview.png')
  166. }
  167. .crosshair {
  168. position: absolute;
  169. transform-origin: 50% top;
  170. top: 50%;
  171. border: solid 0.05em blue;
  172. height: 0.8em;
  173. margin-bottom: 0.12em;
  174. opacity: 0.7;
  175.  
  176. left: calc(50% - 0.15em);
  177. background: linear-gradient(#1d4801,green);
  178. width: 0.3em;
  179. }
  180. .crosshair.normal {
  181. left: calc(50% - 0.15em);
  182. background: linear-gradient(#1d4801,green);
  183. width: 0.5em;
  184. }
  185. .crosshair.powerful {
  186. left: calc(50% - 0.25em);
  187. background: #1d4801;
  188. width: 0.15em;
  189. }
  190. #dotReticle {
  191. position: absolute;
  192. left: 50%; top: 50%;
  193. transform: translate(-50%, -50%);
  194. background: var(--ss-blue4);
  195. width: 0.7em; height: 0.7em;
  196. border-radius: 100%;
  197. }
  198. #shotReticleContainer {
  199. position: absolute;
  200. text-align: center;
  201. left: 50%; top: 50%;
  202. transform: translate(-50%, -50%);
  203. opacity: 0.7;
  204. overflow-x: hidden;
  205. }
  206.  
  207. #reticleContainer {
  208. position: fixed;
  209. top: 0; left: 0;
  210. width: 100%; height: 100%;
  211. }
  212.  
  213. #crosshairContainer {
  214. position: absolute;
  215. left: 50%; top: 50%;
  216. transform: perspective(0px);
  217. }
  218.  
  219. .shotReticle {
  220. box-sizing: border-box;
  221. position: absolute;
  222. left: 50%;
  223. width: 2.5em;
  224. height: 100%;
  225. transform-origin: center;
  226. background: #0cf80b00;
  227. border: solid;
  228. border-left: solid #f5494900;
  229. border-right: solid transparent;
  230. border-radius: 1.25em 1.25em 1.25em 1.25em;
  231. }
  232.  
  233. .shotReticle:nth-child(1n) {
  234. transform: translateX(-50%) rotate(0deg);
  235. }
  236.  
  237. .shotReticle:nth-child(2n) {
  238. transform: translateX(-50%) rotate(90deg);
  239. }
  240.  
  241. .shotReticle.fill {
  242. }
  243.  
  244. .shotReticle.border {
  245. }
  246.  
  247. .shotReticle.fill.normal {
  248. border-color: #09f505;
  249. border-left: solid transparent;
  250. border-right: solid transparent;
  251. border-width: 0.5em;
  252. padding: 0.1em;
  253. }
  254.  
  255. .shotReticle.fill.powerful {
  256. border-color: #00ff0d;
  257. border-left: solid transparent;
  258. border-right: solid transparent;
  259. border-width: 0.5em;
  260. padding: 0.1em;
  261. }
  262.  
  263. .shotReticle.border.normal {
  264. border-color: #fb2b2b;
  265. border-left: solid transparent;
  266. border-right: solid transparent;
  267. border-width: 0.2em;
  268. }
  269.  
  270. .shotReticle.border.powerful {
  271. border-color: #ed0b0b;
  272. border-left: solid transparent;
  273. border-right: solid transparent;
  274. border-width: 0.4em;
  275. }
  276.  
  277. #healthContainer {
  278. position: absolute;
  279. left: 50%; bottom: 1em;
  280. transform: translateX(-50%);
  281. display: inline-block;
  282. width: 6em; height: 6em;
  283. background: var(--ss-blueshadow);
  284. border-radius: 50%;
  285. text-align: center;
  286. }
  287. #ammo {
  288. text-align: right;
  289. font-size: 3.25em;
  290. font-family: 'Nunito', sans-serif;
  291. font-weight: bold;
  292. line-height: 1em;
  293. margin: 0;
  294.  
  295. padding-right: 1.2em;
  296. padding-top: 0em;
  297. margin-bottom: 0.1em;
  298.  
  299. background-image: url('https://media.discordapp.net/attachments/929178886674206730/932285683240955964/AcademicHatwithStarWarsSniper.png?width=895&height=503');
  300. background-position: right center;
  301. background-size: contain;
  302. background-repeat: no-repeat;
  303. }
  304. #health {
  305. }
  306.  
  307. #healthHp {
  308. font-family: 'Nunito', bold italic;
  309. font-weight: bold;
  310. color: var(--ss-blue);
  311. font-size: 1.2em;
  312. transform: translateY(-3.45em);
  313. }
  314.  
  315. .healthBar {
  316. transform-origin: center;
  317. transform: rotate(90deg);
  318. fill: red;
  319. stroke: green;
  320. stroke-width: 1em;
  321. stroke-dasharray: 14.4513em;
  322. transition: all 0.3s ease-in-out;
  323. }
  324.  
  325. .healthYolk {
  326. fill: blue;
  327. }
  328.  
  329. .healthSvg {
  330. width: 100%; height: 100%;
  331. }
  332.  
  333. #hardBoiledContainer {
  334. position: absolute;
  335. left: 50%; bottom: 1em;
  336. transform: translateX(-50%);
  337. display: inline-block;
  338. width: 6em; height: 6em;
  339. text-align: center;
  340. }
  341.  
  342. #hardBoiledValue {
  343. font-family: 'Nunito', sans-serif;
  344. font-weight: bold;
  345. color: var(--ss-white);
  346. font-size: 1.6em;
  347. transform: translateY(-2.6em);
  348. }
  349. .hardBoiledShield {
  350. position: absolute;
  351. transform: translateX(-50%);
  352. height: 100%;
  353. content: url('https://cdn.discordapp.com/attachments/862051198617124905/931942031419379742/wiz_shell.png');
  354. }
  355.  
  356. .hardBoiledShield {
  357. position: absolute;
  358. transform: translateX(-50%);
  359. height: 100%;
  360. content: url('https://cdn.discordapp.com/attachments/862051198617124905/931942031419379742/wiz_shell.png');
  361. }
  362.  
  363.  
  364. #eggBreakerContainer {
  365. position: absolute;
  366. left: calc(50% + 9em); bottom: 1em;
  367. transform: scale(4) translateY(-3em);
  368. transform-origin: 50% 100%;
  369. width: 6em; height: 6em;
  370. }
  371.  
  372. #eggBreakerContainer.on {
  373. visibility: visible;
  374. transform: scale(1) translateY(0);
  375. transition: 1s;
  376. }
  377.  
  378. #eggBreakerContainer.off {
  379. visibility: hidden;
  380. }
  381.  
  382. #eggBreakerIcon {
  383. position: absolute;
  384. height: 100%;
  385. }
  386.  
  387. #eggBreakerTimer {
  388. position: absolute;
  389. color: green;
  390. text-shadow: var(--ss-green) 0 0 0.1em, black 0 0.1em 0.2em;
  391. font-size: 2.5em;
  392. font-family: 'Nunito', bold italic;
  393. font-weight: 900;
  394. text-align: center;
  395. width: 100%;
  396. top: 24%;
  397. }
  398.  
  399. #shellStreakContainer {
  400. position: absolute;
  401. top: 18%;
  402. left: 50%;
  403. transform: translateX(-50%);
  404. text-align: center;
  405. z-index: 6;
  406. }
  407.  
  408. #shellStreakCaption {
  409. color: var(--ss-blue);
  410. text-shadow: var(--ss-space-micro) var(--ss-space-micro) var(--ss-shadow);
  411. margin: 0;
  412. }
  413.  
  414. #shellStreakMessage {
  415. color: var(--ss-blue);
  416. text-shadow: var(--ss-space-micro) var(--ss-space-micro) var(--ss-shadow);
  417. font-size: 2.5em;
  418. margin: 0;
  419. }
  420.  
  421. #shellStreakMessage.appear {
  422. visibility: visible;
  423. transform: scale(1);
  424. transition: 0.5s;
  425. }
  426.  
  427. #shellStreakMessage.disappear {
  428. visibility: hidden;
  429. transform: scale(2);
  430. }
  431.  
  432. #deathBox {
  433. position: absolute;
  434. display: none;
  435. width: 100%;
  436. transform-origin: center top;
  437. top: 20%;
  438. color: #00fff3;
  439. text-align: center;
  440. }
  441.  
  442. #gameMessage {
  443. position: absolute;
  444. display: none;
  445. top: 45%; left: 60%;
  446. color: #54ff76;
  447. text-align: center;
  448. z-index: 6;
  449. }
  450.  
  451. .chat {
  452. position: absolute;
  453. font-weight: bold;
  454. color: #00a30b;
  455. z-index: 6;
  456. }
  457.  
  458. #chatOut {
  459. display: none;
  460. bottom: 2.5em;
  461. left: 1em;
  462.  
  463. }
  464.  
  465. #chatIn {
  466. display: none;
  467. color: #00a30b;
  468. bottom: 1em;
  469. left: 1em;
  470. width: 30%;
  471. border: none;
  472. background: none;
  473. }
  474.  
  475. #killTicker {
  476. position: absolute;
  477. text-align: right;
  478. right: 1em;
  479. top: 10em;
  480. height: 7em;
  481. transform-origin: top right;
  482. text-shadow: #ff4d4d;
  483. }
  484.  
  485. #playerList {
  486. display: table;
  487. border-collapse: separate;
  488. border-spacing: 0.2em;
  489. position: absolute;
  490. left: 1em; top: 1em;
  491. z-index: 6;
  492. width: 12em;
  493. }
  494.  
  495. #spectate {
  496. display: none;
  497. position: absolute;
  498. right: 1em;
  499. bottom: 1em;
  500. text-align: center;
  501. padding: 0.5em 1em 0.5em 1em;
  502. border-radius: 0.3em;
  503. font-weight: bold;
  504. color: var(--ss-white);
  505. background: rgba(2, 1, 4, 5.3);
  506. }
  507.  
  508. #serverAndMapInfo {
  509. position: absolute;
  510. right: var(--ss-space-sm);
  511. bottom: var(--ss-space-sm);
  512. text-align: right;
  513. color: var(--ss-blue);
  514. font-weight: bold;
  515. font-size: 1.4em;
  516. line-height: 1em;
  517. z-index: 6;
  518. }
  519.  
  520. #inGameUI {
  521. position: absolute; right: 0.3em; top: 0em;
  522. }
  523.  
  524. #readouts {
  525. position: absolute;
  526. top: 2.2em;
  527. right: 0em;
  528. display: block;
  529. text-align: right;
  530. color: var(--ss-white);
  531. font-weight: bold;
  532. clear: both;
  533. font-size: 1.3em !important;
  534. text-transform: uppercase;
  535. line-height: 1em;
  536. white-space: nowrap;
  537. z-index: 6;
  538. }
  539.  
  540. #best_streak_container h1 {
  541. margin: 0; padding: 0;
  542. display: inline;
  543.  
  544. text-shadow: var(--ss-space-micro) var(--ss-space-micro) var(--ss-shadow);
  545.  
  546. font-family: 'Nunito', sans-serif !important;
  547. font-size: 2.5em !important;
  548. color: var(--ss-white) !important;
  549. font-weight: bold !important;
  550. text-transform: lowercase;
  551.  
  552. padding-left: 1.5em;
  553. padding-top: 0em;
  554.  
  555. background-image: url('https://i.makeagif.com/media/10-30-2013/xRorgf.gif');
  556. background-position: left center;
  557. background-size: contain;
  558. background-repeat: no-repeat;
  559. }
  560.  
  561.  
  562. #readouts div {
  563. display: inline;
  564. font-size: 1em !important;
  565. margin-left: 0.1em;
  566. }
  567.  
  568. #game_account_panel {
  569. z-index: 6;
  570. width: auto;
  571. position: absolute;
  572. top: var(--ss-space-sm);
  573. right: var(--ss-space-sm);
  574. }
  575.  
  576. #chickenBadge {
  577. position: absolute;
  578. top: 5.25em;
  579. width: 5em;
  580. height: 5em;
  581. right: var(--ss-space-sm);
  582. z-index: 6;
  583. }
  584.  
  585. #chickenBadge img {
  586. width: 100%;
  587. height: 100%;
  588. }
  589.  
  590. #scopeBorder {
  591. box-sizing: initial;
  592. display: flex;
  593. flex-direction: row;
  594. justify-content: center;
  595. width: 100vw; height: 100vh;
  596. position: absolute;
  597. top: 0px; left: 0px;
  598. pointer-events: none;
  599. overflow-x: hidden;
  600. }
  601.  
  602. #pausePopup {
  603. animation-fill-mode: auto;
  604. top: auto;
  605. left: initial;
  606. transform: none;
  607. width: 970px;
  608. width: 70em;
  609. width: auto;
  610. padding: var(--ss-blue);
  611. min-height: 17.7em;
  612. display: flex;
  613. : ;
  614. justify-content: center;
  615. margin-right: auto;
  616. margin-left: auto;
  617. grid-column: 2 / span 1;
  618. align-self: center;
  619. align-items: baseline;
  620. }
  621.  
  622. .bevel_yolk {
  623. box-shadow: 0.05em 0.05em 0.3em var(--ss-blue4), inset -0.1em -0.1em 0.3em var(--ss-yolk), inset 0.1em 0.1em 0.3em var(--ss-yolk0);
  624. }
  625. .btn_md {
  626. min-width: 12em;
  627. }
  628. .btn_yolk {
  629. background: #75ffa5;
  630. border: 0.2em solid #00ffea;
  631. text-shadow: 0.1em 0.1em 20px var(--ss-blue) !important;
  632. }
  633. .ss_button {
  634. border-radius: var(--ss-space-sm);
  635. border: 0.2em solid var(--ss-blue5);
  636. background: #00a30b;
  637. color: var(--ss-green);
  638. text-align: center;
  639. font-weight: bold;
  640. line-height: 1em;
  641. padding: var(--ss-space-sm) var(--ss-space-lg);
  642. box-shadow: 0.1em 0.1em 3px var(--ss-blue4);
  643. margin: 0 0 var(--ss-space-md) 0;
  644. cursor: pointer;
  645. white-space: nowrap;
  646. }
  647. #grenadeThrowContainer {
  648. position: absolute;
  649. display: flex;
  650. visibility: hidden;
  651. align-items: flex-end;
  652. top: 50%;
  653. left: 50%;
  654. transform: translate(-6em, -3em);
  655. width: 1em;
  656. height: 6em;
  657. background: rgb(45 227 62 / 25%);
  658. border-radius: 0.3em;
  659. padding: 0.25em;
  660. }
  661.  
  662. #grenadeThrow {
  663. width: 100%;
  664. height: 50%;
  665. border-radius: 0.05em;
  666. background: #0bc5e8;
  667. }
  668.  
  669. #account_top {
  670. display: flex;
  671. justify-content: space-around;
  672. flex-wrap: wrap;
  673. flex-direction: row;
  674. }
  675.  
  676.  
  677. element.style {
  678. display: block;
  679. }
  680. .playerSlot--icons {
  681. width: 2.7em;
  682. display: block;
  683. position: absolute;
  684. right: -3.1em;
  685. top: 0;
  686. color: url("https://i.makeagif.com/media/10-30-2013/xRorgf.gif");
  687. }
  688. .playerSlot--icons {
  689. width: 2.7em;
  690. display: block;
  691. position: absolute;
  692. right: -3.1em;
  693. top: 0;
  694. color: var(--ss-greenshadow);
  695. }
  696. #killBox::before{
  697. font-size: 1em;
  698. font-weight: 900;
  699. content: '🌊♊ꐟꆂꐇ ꃃꆂꆂ꓅ꍟꁕ♊🌊'!important;
  700. color: green;
  701. }
  702. #killBox h3{
  703. display:none;
  704. }
  705. #KILL_STREAK::before{
  706. display: normal !important;
  707. }
  708. #deathBox h3{
  709. display:none;
  710. }
  711.  
  712. #deathBox::before{
  713. font-size: 1em;
  714. font-weight: 900;
  715. content: '🌊♊ꌩꂦꀎ ꅏꍟꋪꍟ ꍟ꒒ꀤꎭꀤꈤꍏ꓄ꍟꀸ ꌃꌩ♊🌊'!important;
  716. color: green;
  717. }
  718. </style>`
  719. }
  720. document.body ? addScript() : document.addEventListener("DOMContentLoaded", e => addScript());
  721. })();