☰

Simple Ringed Reticle

Simple Shell Shockers Theme only editing the Scope ADS and hipfire crosshair

当前为 2023-10-28 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Simple Ringed Reticle
  3. // @namespace    https://www.tampermonkey.net/
  4. // @version      0.1
  5. // @icon         https://lh3.googleusercontent.com/hquEaHN2eD2qEUxs41T0vs8ft0qHdvGQiHIQQnKMKbPaddTevn71ij1xiWatT1fXozEjo37l2GAIlX98Le_eymZ5=w128-h128-e365-rj-sc0x00ffffff
  6. // @description  Simple Shell Shockers Theme only editing the Scope ADS and hipfire crosshair
  7. // @author       Cluck36
  8. // @match        https://shellshock.io/*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function () {
  13.     const addScript = () => {
  14.         document.title = "Simple Ringed Reticle"
  15.         document.head.innerHTML += `<style>
  16.  
  17.  #best_streak_container {
  18.     position: absolute;
  19. 	top: var(--ss-space-sm); left: 50%;
  20. 	padding: 0; margin: 0;
  21.     transform: translateX(-50%);
  22. 	text-align: center;
  23. 	z-index: 6;
  24. }
  25.  
  26. #best_streak_container h1 {
  27. 	margin: 0; padding: 0;
  28. 	display: inline;
  29.  
  30. 	text-shadow: var(--ss-space-micro) var(--ss-space-micro) var(--ss-shadow);
  31.  
  32. 	font-family: 'Nunito', sans-serif !important;
  33. 	font-size: 2.5em !important;
  34. 	color: var(--ss-white) !important;
  35. 	font-weight: bold !important;
  36. 	text-transform: lowercase;
  37.  
  38. 	padding-left: 1.25em;
  39. 	padding-top: 0em;
  40.  
  41. 	background-image: url('https://cdn.discordapp.com/attachments/656693174445670420/1066558041568325712/IMG_6536.png');
  42.     background-position: left center;
  43. 	background-size: contain;
  44.     background-repeat: no-repeat;
  45. }
  46.  
  47. #scopeBorder {
  48. 	box-sizing: initial;
  49. 	display: flex;
  50. 	flex-direction: row;
  51. 	justify-content: center;
  52. 	width: 100vw; height: 100vh;
  53. 	position: absolute;
  54. 	top: 0px; left: 0px;
  55. 	pointer-events: none;
  56. 	overflow-x: hidden;
  57. }
  58.  
  59. #maskleft, #maskright {
  60. 	background: var(--ss-black);
  61. 	flex: 1;
  62. }
  63.  
  64. #maskmiddle {
  65. 	background: url('https://cdn.discordapp.com/attachments/656693174445670420/1066417024911290408/IMG_6524.png') center center no-repeat;
  66. 	background-size: contain;
  67. 	width: 100vh;
  68. 	height: 100vh;
  69. }
  70.  
  71. .crosshair {
  72. 	position: absolute;
  73. 	transform-origin: 50% top;
  74. 	top: 50%;
  75. 	border: solid 0.05em black;
  76. 	height: 0.8em;
  77. 	margin-bottom: 0.12em;
  78. 	opacity: 0.7;
  79. }
  80.  
  81. .crosshair.normal {
  82. 	left: calc(50% - 0.15em);
  83. 	background: #0afee5;
  84. 	width: 0.3em;
  85. }
  86.  
  87. .crosshair.powerful {
  88. 	left: calc(50% - 0.25em);
  89. 	background: #E861A0;
  90. 	width: 0.5em;
  91. }
  92.  
  93. #reticleDot {
  94. 	position: absolute;
  95. 	transform: translate(-50%, -50%);
  96. 	top: 50%;
  97. 	left: 50%;
  98. 	background: #0afee5;
  99. 	border: solid 0.05em black;
  100. 	width: 0.3em;
  101. 	height: 0.3em;
  102. 	opacity: 0.7;
  103. }
  104.  
  105. #redDotReticle {
  106. 	position: absolute;
  107. 	left: 50%; top: 50%;
  108. 	transform: translate(-50%, -50%);
  109. 	background: var(--ss-yolk);
  110. 	width: 0.7em; height: 0.7em;
  111. 	border-radius: 100%;
  112. }
  113.  
  114. #shotReticleContainer {
  115. 	position: absolute;
  116. 	text-align: center;
  117. 	left: 50%; top: 50%;
  118. 	transform: translate(-50%, -50%);
  119. 	opacity: 0.7;
  120. 	overflow-x: hidden;
  121. }
  122.  
  123. #reticleContainer {
  124. 	position: fixed;
  125. 	top: 0; left: 0;
  126. 	width: 100%; height: 100%;
  127. }
  128.  
  129. #crosshairContainer {
  130. 	position: absolute;
  131. 	left: 50%; top: 50%;
  132. 	transform: perspective(0px);
  133. }
  134.  
  135. .shotReticle {
  136. 	box-sizing: border-box;
  137. 	position: absolute;
  138. 	left: 50%;
  139. 	transform-origin: center;
  140. 	background: transparent;
  141. 	border: solid;
  142. 	border-radius: 30%;
  143. }
  144.  
  145. .shotReticle:nth-child(odd) {
  146. 	transform: translate(-50%, 33%) rotate(0deg);
  147. 	width: 4em;
  148. 	height: 60%;
  149. }
  150.  
  151. .shotReticle:nth-child(2n) {
  152. 	transform: translateX(-50%) rotate(90deg);
  153. 	width: 2.5em;
  154. 	height: 100%;
  155. }
  156.  
  157. .shotReticle.fill.normal {
  158. 	border-color: #0afee5;
  159. 	border-left: solid transparent;
  160. 	border-right: solid transparent;
  161. 	border-width: 0.18em;
  162. 	padding: 0.18em;
  163. }
  164.  
  165. .shotReticle.fill.powerful {
  166. 	border-color: #E861A0;
  167. 	border-left: solid transparent;
  168. 	border-right: solid transparent;
  169. 	border-width: 0.3em;
  170. 	padding: 0.1em;
  171. }
  172.  
  173. .shotReticle.border.normal {
  174. 	border-color: black;
  175. 	border-left: solid transparent;
  176. 	border-right: solid transparent;
  177. 	border-width: 0.2em;
  178. }
  179.  
  180. .shotReticle.border.powerful {
  181. 	border-color: black;
  182. 	border-left: solid transparent;
  183. 	border-right: solid transparent;
  184. 	border-width: 0.4em;
  185.  
  186.  
  187. </style>`
  188.     }
  189.     document.body ? addScript() : document.addEventListener("DOMContentLoaded", e => addScript());
  190. })();