☰

Surviv.io - Dark Theme & Custom Background

The original script was not owned by me, i just remake it for 2021. Remake this script from https://github.com/EPIC-afk/Customs-Map-survivio

  1. // ==UserScript==
  2. // @name         Surviv.io - Dark Theme & Custom Background 
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.4
  5. // @icon         https://media.discordapp.net/attachments/828306103448109097/871941998393831454/svgviewer-png-output_1.png
  6. // @description  The original script was not owned by me, i just remake it for 2021. Remake this script from https://github.com/EPIC-afk/Customs-Map-survivio
  7. // @author       Samer Kizi#8293 and Spring rolls#9901
  8. // @grant        GM_setValue
  9. // @grant        GM_getValue
  10. // @grant        GM_addValue
  11. // @grant        GM_addStyle
  12. // @grant        GM_getResourceText
  13. // @match        *://surviv.io/*
  14. // @match        *://surviv2.io/*
  15. // @match        *://2dbattleroyale.com/*
  16. // @match        *://2dbattleroyale.org/*
  17. // @match        *://piearesquared.info/*
  18. // @match        *://thecircleisclosing.com/*
  19. // @match        *://archimedesofsyracuse.info/*
  20. // @match        *://secantsecant.com/*
  21. // @match        *://parmainitiative.com/*
  22. // @match        *://nevelskoygroup.com/*
  23. // @match        *://kugahi.com/*
  24. // @match        *://chandlertallowmd.com/*
  25. // @match        *://ot38.club/*
  26. // @match        *://kugaheavyindustry.com/*
  27. // @match        *://drchandlertallow.com/*
  28. // @match        *://rarepotato.com/*
  29. // @run-at       document-end
  30. // ==/UserScript==
  31.  
  32.  
  33. (function() {
  34.     'use strict';
  35. var left = document.querySelector('#modal-how-to-play');
  36. left.innerHTML = `<div class="frog">
  37.     <div class="modal-header" style="height: 80px;">
  38.         <span class="close close-corner" style="margin-top: 30px;margin-right: 5px;">
  39.         </span>
  40.         <h2 data-l10n="index-settings" style="margin-top: 30px;text-align: left;font-size: 30px;font-weight: bolder;margin-left: 130px;">Custom Background</h2>
  41.         <h2 data-l10n="index-settings" style="margin-top: -42px;text-align: right;font-size: 20px;font-weight: 100;margin-right: 135px;">ver1.3</h2>
  42.     </div>
  43.  
  44. <div class="wrapper">
  45. <div class="maps">
  46.  
  47.     <div class="bg classic">
  48.         <img src="https://raw.githubusercontent.com/Samer-Kizi/Surviv.io_Darktheme/icon/crate-01.png" alt="" class="map-img" style="width: 100px;height: 100px;">
  49.     </div>
  50.     <div class="bg cobalt">
  51.         <img src="https://raw.githubusercontent.com/Samer-Kizi/Surviv.io_Darktheme/icon/class-shell-03a.png" alt="" class="map-img" style="width: 100px;height: 100px;">
  52.     </div>
  53.     <div class="bg desert">
  54.         <img src="https://raw.githubusercontent.com/Samer-Kizi/Surviv.io_Darktheme/icon/crate-18.png" alt="" class="map-img" style="width: 100px;height: 100px;">
  55.     </div>
  56.     <div class="bg halloween">
  57.         <img src="https://raw.githubusercontent.com/Samer-Kizi/Surviv.io_Darktheme/icon/pumpkin-02.png" alt="" class="map-img" style="width: 100px;height: 100px;">
  58.     </div>
  59.     <div class="bg faction">
  60.         <img src="https://raw.githubusercontent.com/Samer-Kizi/Surviv.io_Darktheme/icon/airdrop-03.png" alt="" class="map-img" style="width: 100px;height: 100px;">
  61.     </div>
  62.     <div class="bg savannah">
  63.         <img src="https://raw.githubusercontent.com/Samer-Kizi/Surviv.io_Darktheme/icon/crate-21.png" alt="" class="map-img" style="width: 100px;height: 100px;">
  64.     </div>
  65.     <div class="bg spring">
  66.         <img src="https://raw.githubusercontent.com/Samer-Kizi/Surviv.io_Darktheme/icon/bush-07sp.png" alt="" class="map-img" style="width: 100px;height: 100px;">
  67.     </div>
  68.     <div class="bg winter">
  69.         <img src="https://raw.githubusercontent.com/Samer-Kizi/Surviv.io_Darktheme/icon/crate-02a.png" alt="" class="map-img" style="width: 100px;height: 100px;">
  70.     </div>
  71.     </div>
  72. </div>
  73.  
  74.  
  75.  
  76.  
  77. `;
  78.  
  79. var wrapper = document.querySelector('.wrapper');
  80. wrapper.setAttribute("style", "width: 100%; overflow-y: scroll; height: 100%;text-align: center; box-sizing: border-box;padding:50px;" );
  81.  
  82. var maps = document.querySelector('.maps');
  83. maps.setAttribute("style", "display: flex; flex-wrap: wrap; box-sizing: border-box;margin-top:-20px;");
  84.  
  85. left.setAttribute("style", "height:400px;width:600px; box-sizing: border-box;margin-block:175px;margin-inline:375px;");
  86.  
  87. var bg = document.querySelectorAll('.bg');
  88. bg.forEach(item => {item.setAttribute("style", "flex-grow: 1; flex-basis: 25%; cursor: pointer; box-sizing: border-box;margin-top:15px;")})
  89.  
  90.  
  91. function addStyleString(str) {
  92.   var node = document.createElement('style');
  93.   node.innerHTML = str;
  94.   document.body.appendChild(node);
  95. }
  96.  
  97.  
  98. function removeBorder() {
  99.   bg.forEach(item => { item.classList.remove('active') })
  100. }
  101. bg.forEach(function (item) {
  102.         var background = document.querySelector('#background');
  103.         item.addEventListener('click', function () {
  104.  
  105.             if (item.className == "bg classic") {
  106.                 background.style = "filter:brightness(100%);background-image:url('https://raw.githubusercontent.com/Samer-Kizi/Surviv.io_UserMods/background/splash_river_1920x1080.png');";
  107.                 removeBorder();
  108.                 item.className += " active";
  109.             }
  110.             if (item.className == "bg cobalt") {
  111.                 background.style = "filter:brightness(100%);background-image:url('https://media.discordapp.net/attachments/882591502574968863/884616394388439050/Cobalt.png?width=1920&height=1080');";
  112.                 removeBorder();
  113.                 item.className += " active";
  114.             }
  115.             if (item.className == "bg desert") {
  116.                 background.style = "filter:brightness(100%);background-image:url('https://i.imgur.com/W5DJa5i.png')";
  117.                 removeBorder();
  118.                 item.className += " active";
  119.             }
  120.             if (item.className == "bg halloween") {
  121.                 background.style = "filter:brightness(100%);background-image:url('https://media.discordapp.net/attachments/882591502574968863/884625342600458240/Main_splash_Halloween.png?width=1920&height=1080')";
  122.                 removeBorder();
  123.                 item.className += " active";
  124.             }
  125.             if (item.className == "bg faction") {
  126.                 background.style = "filter:brightness(100%);background-image:url('https://media.discordapp.net/attachments/882591502574968863/884625291413172285/Main_splash_50v50.png?width=1920&height=1080')";
  127.                 removeBorder();
  128.                 item.className += " active";
  129.             }
  130.             if (item.className == "bg savannah") {
  131.                 background.style = "filter:brightness(100%);background-image:url('https://media.discordapp.net/attachments/882591502574968863/884615732367855677/unknown.png?width=1920&height=1080')";
  132.                 removeBorder();
  133.                 item.className += " active";
  134.             }
  135.             if (item.className == "bg spring") {
  136.                 background.style = "filter:brightness(100%);background-image:url('https://media.discordapp.net/attachments/882591502574968863/884625418206978048/Main_splash_Spring.png?width=1920&height=1080')";
  137.                 removeBorder();
  138.                 item.className += " active";
  139.             }
  140.             if (item.className == "bg winter") {
  141.                 background.style = "filter:brightness(100%);background-image:url('https://media.discordapp.net/attachments/882591502574968863/884625382924517386/Main_splash_Snow.png?width=1920&height=1080')";
  142.                 removeBorder();
  143.                 item.className += " active";
  144.             }
  145.         });
  146.     });
  147. })();
  148.  
  149.  
  150.  
  151. if(window.location.href.includes("stats")){
  152. document.getElementById("adsLeaderBoardTop").remove(); // ad
  153. document.getElementById("adsPlayerTop").remove(); // ad
  154.  
  155. setTimeout(function blockAds(){
  156. if(document.getElementById("sticky-footer") == null){
  157. }
  158. else{
  159. document.getElementById("sticky-footer").remove(); // ad
  160. }
  161. },400);
  162. }
  163.  
  164. else{
  165. document.getElementById("background").style = "filter:brightness(100%);background-image:url(https://raw.githubusercontent.com/Samer-Kizi/Surviv.io_UserMods/background/splash_river_8k.png);";
  166. document.getElementById("start-menu").style = "display:none;";
  167. document.getElementById("free-gp-offer").style = "display:none;opacity:0;";
  168. document.getElementById("missions-name").style = "background-image:none";
  169. document.getElementById("missions-wrapper").style = "margin-block:155px;";
  170. document.getElementById("social-share-block").style = "display:none;";
  171. document.getElementById("pass-block").style = "background-color:rgb(0 0 0 / 20%);border-radius:0;";
  172. document.getElementById("start-row-header").style = "display:none;";
  173. document.getElementById("btn-support").style = "display:none;";
  174. document.getElementById("modal-body-warning").style = "background:rgb(255 255 255 / 0%);";
  175. document.getElementById("start-top-left").style = "display:none;";
  176.  
  177. document.getElementById("prestige-loading").style = "color:rgb(0 0 0 / 70%);";
  178. document.getElementById("start-row-top").style = "margin-left:250px;margin-block:200px;";
  179. document.getElementById("squad-boost-perc").style = "display:none;";
  180. document.getElementById("btn-team-leave").style = "background-color:#221E23;box-shadow:none;border-bottom:2px solid #010003;border-radius:0px;";
  181. document.getElementById("boost-warning").style = "background:rgb(34 30 35);padding:5px;opacity:0.2;font-size:16px;margin-block-start:0px;display:block;";
  182. document.getElementById("xp-team-text").style = "display:none;";
  183. document.getElementById("team-menu-members").style = "margin-block:77px;";
  184. document.getElementById("team-menu-columns").style = "margin-block:150px;margin-inline:-100px";
  185. document.getElementById("invite-code-text").style = "opacity:0;";
  186. document.getElementById("invite-link-text").style = "opacity:0;";
  187. document.getElementById("team-url").style = "background:rgb(255 255 255 / 50%);border-radius:0;width:550px;margin-left:-138px;";
  188. document.getElementById("team-hide-url").style = "margin-inline:5000px";
  189. document.getElementById("team-code").style = "width:0px;font-size:0px;";
  190. document.getElementById("team-link-input").style = "width:550px;border-radius:0px;margin-left:-195px;color:rgb(255 255 255 / 70%);";
  191. document.getElementById("msg-wait-reason").style = "margin-bottom:47px;";
  192.  
  193. document.getElementById("ui-spectate-video-ad-container-desktop").style = "display:none;margin-block:-5000px;opacity:0;";
  194. document.getElementById("ui-spectate-ad-container-desktop").style = "display:none;margin-block:-5000px;opacity:0;";
  195. document.getElementById("pass-buy-btn-spectate").style = "display:none;";
  196. document.getElementById("ui-stats-ad-container-desktop").style = "display:none;";
  197.  
  198. document.getElementById("modal-customize-cat-title").style = "opacity:0;";
  199. document.getElementById("modal-customize-sort").style = "display:none;";
  200. document.getElementById("modal-customize-header").style = "border-radius:0px;background-color:rgba(0,0,0,0.08);"
  201. document.getElementById("modal-customize-footer").style = "border-radius:0px;background-color:rgba(0,0,0,0.08);";
  202. document.getElementById("modal-customize-unlocks").style = "display:none;";
  203. document.getElementById("button-sell-item").style = "background-color:#221E23;box-shadow:none;border-bottom:2px solid #010003;border-radius:0px;";
  204. document.getElementById("modal-customize-item-sell-container").style = "background-color:rgba(0,0,0,0.08);";
  205. document.getElementById("modal-customize-item-header").style = "display:none;";
  206. document.getElementById("modal-customize-body").style = "background-color:rgba(0,0,0,0.08);";
  207. document.getElementById("modal-customize-list").style = "background-color:rgba(0,0,0,0);";
  208.  
  209. document.getElementById("market-change-type").style = "background-color:#221E23;box-shadow:none;border-bottom:2px solid #010003;border-radius:0px;";
  210. document.getElementById("market-change-rarity").style = "box-shadow:none;border-bottom:2px solid #010003;border-radius:0px;";
  211. document.getElementById("market-change-sort").style = "background-color:#221E23;box-shadow:none;border-bottom:2px solid #010003;border-radius:0px;";
  212. document.getElementById("market-change-mode").style = "background-color:#221E23;box-shadow:none;border-bottom:2px solid #010003;border-radius:0px;";
  213.  
  214. document.getElementById("btn-help").style = "background-color:#221E23;box-shadow:none;border-bottom:2px solid #010003;border-radius:0px;";
  215. document.getElementById("btn-news").style = "background-color:#221E23;box-shadow:none;border-bottom:2px solid #010003;border-radius:0px;margin-block:2.5px;";
  216. document.getElementById("news-block").style = "border-radius:0px;";
  217. document.getElementById("open-arena-button").style = "margin-inline:-20px;";
  218.  
  219. document.getElementById("modal-prestige-body").style = "background:rgba(250,250,250,0.3);";
  220. document.getElementById("modal-battle-window").style = "background:rgba(250,250,250,0);";
  221. document.getElementById("modal-prestige-wrapper").style = "margin-inline:-55px;";
  222.  
  223. document.getElementById("btn-game-fullscreen").style = "box-shadow:none;border-radius:0px;background:rgba(250,250,250,0.3);border-bottom:none;background-image:url(../img/gui/minimize.svg);background-size:34px;background-position:4px 2px;background-repeat:no-repeat;";
  224. document.getElementById("btn-game-sound").style = "box-shadow:none;border-radius:0px;background:rgba(250,250,250,0.3);border-bottom:none;background-image:url(../img/gui/audio-on.svg);background-size:34px;background-position:4px 2px;background-repeat:no-repeat;";
  225. document.getElementById("btn-game-quit").style = "box-shadow:none;border-radius:0px;background:rgba(250,250,250,0.3);border-bottom:none;background-image:url(../img/gui/quit.svg);background-size:34px;background-position:4px 2px;background-repeat:no-repeat;";
  226. document.getElementById("btn-game-resume").style = "box-shadow:none;border-radius:0px;background:rgba(250,250,250,0.3);border-bottom:none;background-image:url(../img/gui/resume.svg);background-size:34px;background-position:4px 2px;background-repeat:no-repeat;";
  227. document.getElementById("btn-game-settings").style = "border-radius:0px;";
  228. document.getElementById("btn-game-keybinds").style = "border-radius:0px;";
  229.  
  230. document.getElementById("ui-stats-contents-inner").style = "background-color:rgba(0,0,0,0);";
  231. document.getElementById("ui-stats-header").style = "opacity:0;";
  232.  
  233. document.getElementById("btn-help").textContent = "Change BG";
  234.  
  235. }
  236.  
  237. GM_addStyle(`
  238. #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-header #prestige-game-summary-button.selected, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-header #prestige-create-button.selected, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-header #prestige-spectate-button.selected, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-header #prestige-battle-button.selected{
  239. background-color:rgba(250,250,250,0.3);
  240. }
  241. #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-header #prestige-battle-button{
  242. background-image:none;
  243. }
  244. #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-header #prestige-game-summary-button, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-header #prestige-create-button, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-header #prestige-spectate-button, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-header #prestige-battle-button{
  245. background:#221E23;
  246. }
  247. #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-header #prestige-game-summary-button{
  248. background-image:none;
  249.  
  250. }
  251. .account-buttons-wrapper{
  252. right:18px;
  253. }
  254. .account-name-user{
  255. margin-left:15px;
  256. }
  257. #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner{
  258. background:rgba(250,250,250,0);
  259. border-radius:0px;
  260. box-shadow:none;
  261.  
  262. }
  263. #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner #modal-summary-window .input-group .battle-summary-entry, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner #modal-battle-window .input-group .battle-summary-entry, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner #modal-summary-window .input-group .battle-link-entry, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner #modal-battle-window .input-group .battle-link-entry {
  264. background:rgba(250,250,250,0.7);
  265. height:45px;
  266. color:rgba(0,0,0,0.7);
  267. font-weight:bolder;
  268. font-size:17px;
  269.  
  270. }
  271. #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner #modal-summary-window .input-group #battle-search-button-2, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner #modal-battle-window .input-group #battle-search-button-2, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner #modal-summary-window .input-group #battle-search-button, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner #modal-battle-window .input-group #battle-search-button {
  272. height:45px;
  273. width:45px;
  274. }
  275. #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner{
  276. height:auto;
  277. }
  278. #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner #modal-summary-window .battle-mode, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner #modal-battle-window .battle-mode{
  279. color:white;
  280. background:#221E23;
  281. border-radius:0px;
  282. }
  283. #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner #modal-summary-window .button-group, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner #modal-battle-window .button-group{
  284. display:none;
  285. }
  286. #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner #modal-summary-window .battle-type, #modal-prestige-arena #modal-prestige-wrapper #modal-prestige-body .modal-prestige-body-inner #modal-battle-window .battle-type{
  287. color:white;
  288. background:#221E23;
  289. border-radius:0px
  290. }
  291. .account-details-block{
  292. height:43px;
  293. margin-block:2.5px;
  294. right:10px;
  295. margin-inline:20px;
  296. }
  297. .btn-open-arena{
  298. font-size:0px;
  299. background-position:center;
  300. width:80px;
  301. }
  302. .news-toggle {
  303. font-size:0px;
  304. background-position:center;
  305. width:29px;
  306. }
  307. .ui-stats-ad-container{
  308. top:5000px;
  309. opacity:0;
  310. }
  311. #ui-game-tab-keybinds > .btn-keybind-restore{
  312. box-shadow:none;
  313. border-radius:0px;
  314. background:rgba(250,250,250,0.3);
  315. border-bottom:none;
  316. }
  317. .ui-keybind-container>.btn-keybind-desc{
  318. box-shadow:none;
  319. border-radius:0px;
  320. background:rgba(250,250,250,0.3);
  321. border-bottom:none;
  322. }
  323. #modal-news>.modal-content>.modal-body{
  324. background-color:rgba(250,250,250,0.05);
  325. }
  326. .modal-body {
  327. background-color:rgba(250,250,250,0.05);
  328. }
  329. .btn-keybind{
  330. background-color:#221E23;
  331. box-shadow:none;
  332. border-bottom:2px solid #010003;
  333. border-radius:0px;
  334. }
  335. #btn-start-fullscreen{
  336. background-color:#221E23;
  337. box-shadow:none;
  338. border-bottom:2px solid #010003;
  339. border-radius:0px;
  340. }
  341. .btn-start-mute{
  342. background-color:#221E23;
  343. box-shadow:none;
  344. border-bottom:2px solid #010003;
  345. border-radius:0px;
  346. }
  347. .btn-settings{
  348. background-color:#221E23;
  349. box-shadow:none;
  350. border-bottom:2px solid #010003;
  351. border-radius:0px;
  352. }
  353. .market-container{
  354. background:rgba(0,0,0,0.08);
  355. }
  356. .market-container .market-items-list-container {
  357. background:rgba(0,0,0,0.08);
  358. }
  359. .market-list-item-container{
  360. background:rgba(0,0,0,0.08);
  361. }
  362. .market-list-item-container .market-item-info-container .market-item-stats-container .market-item-stats-text p{
  363. color:rgba(250,250,250,0.5);
  364. }
  365. #market-modal-sell-item .modal-content .modal-body, #market-modal-buy-item .modal-content .modal-body, #market-modal-notification .modal-content .modal-body{
  366. background:rgba(250,250,250,.1);
  367. }
  368. #market-modal-sell-item .modal-content .modal-body .market-modal-sell-item-container, #market-modal-buy-item .modal-content .modal-body .market-modal-sell-item-container, #market-modal-notification .modal-content .modal-body .market-modal-sell-item-container {
  369. background:rgba(250,250,250,.1);
  370. }
  371. .modal{
  372. overflow:unset;
  373. }
  374. .modal-footer{
  375. background:rgba(250,250,250,.1);
  376. }
  377. #market-modal-sell-item .modal-content .modal-body .market-modal-price-container, #market-modal-buy-item .modal-content .modal-body .market-modal-price-container, #market-modal-notification .modal-content .modal-body .market-modal-price-container{
  378. background:rgba(250,250,250,.1);
  379. background-image:none;
  380. }
  381. #market-modal-sell-item .modal-content .modal-body .market-modal-price-container .market-modal-price, #market-modal-buy-item .modal-content .modal-body .market-modal-price-container .market-modal-price, #market-modal-notification .modal-content .modal-body .market-modal-price-container .market-modal-price{
  382. background-image:none;
  383. color:white;
  384. }
  385. .btn-modal-confirm{
  386. background-color:#221E23;
  387. box-shadow:none;
  388. border-bottom:2px solid #010003;
  389. border-radius:0px;
  390. }
  391. .btn-modal-confirm span {
  392. color:#fff;
  393. }
  394. .market-list-item-container .market-item-action-container .market-item-action-btn{
  395. background-color:#221E23;
  396. box-shadow:none;
  397. border-bottom:2px solid #010003;
  398. border-radius:0px;
  399. }
  400. .btn-market-filter-gray{
  401. background-color:#221E23;
  402. box-shadow:none;
  403. border-bottom:2px solid #010003;
  404. border-radius:0px;
  405. }
  406. .market-change-selection div .right-market-btn{
  407. background-color:#221E23;
  408. box-shadow:none;
  409. border-radius:0px;
  410. }
  411. .close-corner{
  412. display:block;
  413. }
  414. #iap-modal .iap-screen .iap-container .iap-limited-offers{
  415. background:rgba(0,0,0,0.08);
  416. }
  417. #iap-modal .iap-screen .iap-container .iap-limited-offers .iap-lto-packs-container .iap-lto-pack .iap-discount{
  418. opacity:0
  419. }
  420. #iap-modal .iap-screen .iap-container .iap-limited-offers .iap-lto-packs-container .iap-lto-pack{
  421. background-color:#221E23;
  422. box-shadow:none;
  423. border-bottom:2px solid #010003;
  424. border-radius:0px;
  425. }
  426. #iap-modal .iap-screen .iap-container .iap-limited-offers .iap-lto-packs-container .iap-lto-pack .iap-lto-item-container{
  427. background:rgba(255,255,255,0);
  428. }
  429. #iap-modal .iap-screen .iap-container .iap-limited-offers .iap-lto-title-container .iap-lto-time-left-text{
  430. color:rgba(255,255,255,.8);
  431. }
  432. #iap-modal .iap-screen .iap-container .iap-limited-offers .iap-lto-packs-container .iap-lto-pack {
  433. height:320px;
  434. }
  435. #iap-modal .iap-screen .iap-container .iap-gp .iap-gp-packs-container .iap-gp-pack{
  436. background-color:#221E23;
  437. box-shadow:none;
  438. border-bottom:2px solid #010003;
  439. border-radius:0px;
  440. }
  441. #iap-modal .iap-screen .iap-container .iap-gp .iap-gp-packs-container .iap-gp-pack .iap-gp-item-container{
  442. background:rgba(255,255,255,0);
  443. }
  444. .market-container{
  445. background-color:none;
  446. }
  447.  
  448. .btn-offerwall-shop .btn-offerwall{
  449. background-color:#221E23;
  450. box-shadow:none;
  451. border-bottom:2px solid #010003;
  452. border-radius:0px;
  453. }
  454. #crates-modal .crates-screen .crates-container .crate-display .crate-spinner{
  455. display:none;
  456. }
  457. .btn-offerwall-container{
  458. background:none;
  459. box-shadow:none;
  460. }
  461. .modal-content-right{
  462. background:rgba(0,0,0,0.08);
  463. border:none;
  464. border-radius:0px;
  465. }
  466. .modal-customize-cat{
  467. background-color:rgba(0,0,0,0.08);
  468. box-shadow:none;
  469. border-radius:0px;
  470. }
  471. .modal-customize-cat-connect-selected{
  472. opacity:0;
  473. }
  474. ::-webkit-scrollbar{
  475. display:none;
  476. }
  477. ::-webkit-scrollbar-thumb{
  478. border-radius:0px;
  479. box-shadow:none;
  480. }
  481. ::-webkit-scrollbar-track{
  482. border-radius:0px;
  483. box-shadow:none;
  484. }
  485.  
  486. .modal-content-shadow{
  487. box-shadow:10px 10px 8px 0 rgb(0 0 0 / 0%);
  488. }
  489.  
  490. #modal-customize-close span.close-corner{
  491. display:none;
  492. }
  493. .modal-account>.modal-content>.modal-footer-name{
  494. opacity:0.8;
  495. border-radius:0px;
  496. }
  497. .modal-account>.modal-content>.modal-body-name{
  498. opacity:0.8;
  499. border-radius:0px;
  500. }
  501. .modal-account>.modal-content>.modal-header-name{
  502. opacity:0.8;
  503. border-radius:0px;
  504. }
  505. .modal-account>.modal-content .close-corner{
  506. display:none;
  507. }
  508. .modal-account>.modal-content #modal-account-name-title{
  509. text-align:center;
  510. }
  511. #modal-account-name-change .player-name-input{
  512. border-radius:0px;
  513. }
  514. .modal-account>.modal-content>.modal-header-reset-stats, .modal-account>.modal-content .modal-header-delete{
  515. opacity:0.8;
  516. border-radius:0;
  517. }
  518. .player-name-input{
  519. background-color:rgb(255 255 255 / 50%);
  520. border-radius:0;
  521. color:rgb(0 0 0 / 70%);
  522. }
  523. .modal-account>.modal-content>.modal-footer-reset-stats, .modal-account>.modal-content .modal-footer-delete {
  524. opacity:0.8;
  525. border-radius:0;
  526. }
  527. .modal-account>.modal-content>.modal-footer>.finish{
  528. background-color:#221E23;
  529. box-shadow:none;
  530. border-bottom:2px solid #010003;
  531. border-radius:0px;
  532. }
  533. .modal-header{
  534. background-color:#221E23;
  535. box-shadow:none;
  536. border-bottom:2px solid #010003;
  537. border-radius:0px;
  538. }
  539. #modal-settings .modal-header{
  540. background-color:#221E23;
  541. box-shadow:none;
  542. border-bottom:2px solid #010003;
  543. border-radius:0px;
  544. }
  545. #modal-how-to-play{
  546. background-color:rgba(0,0,0,0.3);
  547. }
  548. #modal-how-to-play>.modal-content>.modal-header{
  549. background-color:#221E23;
  550. box-shadow:none;
  551. border-bottom:2px solid #010003;
  552. border-radius:0px;
  553. }
  554. #modal-news>.modal-content>.modal-header{
  555. background-color:#221E23;
  556. box-shadow:none;
  557. border-bottom:2px solid #010003;
  558. border-radius:0px;
  559. }
  560. #modal-how-to-play>.modal-content>.modal-body{
  561. background-color:rgba(250,250,250,0.05);
  562. box-shadow:none;
  563. border-radius:0px;
  564. }
  565. #modal-news>.modal-content>.modal-body{
  566. background-color:rgba(250,250,250,0.05);
  567. box-shadow:none;
  568. border-radius:0px;
  569. }
  570. #team-menu .modal-header{
  571. display:none;
  572. }
  573. #modal-customize-header {
  574. opacity:1;
  575. }
  576.  
  577.  
  578. .trainee-block {
  579. display:none;
  580. }
  581. .btn-account-turq{
  582. background-color:#221E23;
  583. box-shadow:none;
  584. border-bottom:2px solid #010003;
  585. border-radius:0px;
  586. }
  587. .btn-account-grey{
  588. background-color:#3F3841;
  589. box-shadow:none;
  590. border-bottom:2px solid #010003;
  591. border-radius:0px;
  592. }
  593. .account-buttons{
  594. background:rgba(0,0,0,0.08);
  595. }
  596. .account-details-link-out{
  597. background-image:none;
  598. background-color:#221E23;
  599. box-shadow:none;
  600. border-bottom:2px solid #010003;
  601. border-radius:0px;
  602. }
  603. .server-select{
  604. background-color:#221E23;
  605. box-shadow:none;
  606. border-bottom:2px solid #010003;
  607. border-radius:0px;
  608. }
  609. .ad-block-leaderboard-bottom{
  610. display:none;
  611. }
  612. .ad-block-med-rect{
  613. display:none;
  614. }
  615. .ad-block-left-bottom{
  616. display:none;
  617. }
  618. .index-offer-time-left-text{
  619. opacity:0;
  620. }
  621. .btn-open-iap{
  622. background-color:#221E23;
  623. box-shadow:none;
  624. border-bottom:2px solid #010003;
  625. border-radius:0px;
  626. }
  627. .animated-loadout>.character-container{
  628. display:none;
  629. }
  630. .btn-login-facebook{
  631. background-color:#221E23;
  632. box-shadow:none;
  633. border-bottom:2px solid #010003;
  634. border-radius:0px;
  635. }
  636. .btn-login-facebook>.login-button-name>.icon{
  637. background-image:none;
  638. }
  639. .login-button-name>.icon::after{
  640. display:none;
  641. }
  642. .login-button-name{
  643. margin-left:0;
  644. text-shadow:none;
  645. }
  646. .btn-login-google{
  647. background-color:#221E23;
  648. box-shadow:none;
  649. border-bottom:2px solid #010003;
  650. border-radius:0px;
  651. }
  652. .btn-login-google>.login-button-name>.icon{
  653. display:none;
  654. }
  655. .btn-login-twitch{
  656. background-color:#221E23;
  657. box-shadow:none;
  658. border-bottom:2px solid #010003;
  659. border-radius:0px;
  660. }
  661. .btn-login-twitch>.login-button-name>.icon{
  662. display:none;
  663. }
  664. .btn-login-discord{
  665. background-color:#221E23;
  666. box-shadow:none;
  667. border-bottom:2px solid #010003;
  668. border-radius:0px;
  669. }
  670. .btn-login-discord>.login-button-name>.icon{
  671. display:none;
  672. }
  673. .btn-login-apple{
  674. background-color:#221E23;
  675. box-shadow:none;
  676. border-bottom:2px solid #010003;
  677. border-radius:0px;
  678. }
  679. .btn-login-apple>.login-button-name>.icon{
  680. display:none;
  681. }
  682. .btn-login-steam{
  683. background-color:#221E23;
  684. box-shadow:none;
  685. border-bottom:2px solid #010003;
  686. border-radius:0px;
  687. }
  688. .btn-login-steam>.login-button-name>.icon{
  689. display:none;
  690. }
  691. .btn-login-linked{
  692. background-size:20px;
  693. background-position-x:50%;
  694. }
  695. .notLogged{
  696. background-color:#221E23;
  697. box-shadow:none;
  698. border-bottom:2px solid #010003;
  699. border-radius:0px;
  700. }
  701. .island-text p{
  702. display:none;
  703.  
  704. }
  705. .menu-block{
  706. background-color:rgba(0,0,0,0);
  707. }
  708. .account-alert:before{
  709. display:none;
  710. }
  711. .account-alert:after{
  712. display:none;
  713. }
  714. .animated-loadout .btn-prestige p span{
  715. color:rgb(0 0 0 / 70%)
  716. }
  717. .animated-loadout .btn-green, .animated-loadout .btn-prestige{
  718. width:56px;
  719.  
  720. }
  721. .animated-loadout .btn-prestige{
  722. background:rgb(255 255 255 / 50%);
  723. border-radius:0;
  724. width:340px;
  725. margin-bottom:-55px;
  726. margin-right:95px;
  727. }
  728. .btn-green{
  729. background-color:#221E23;
  730. box-shadow:none;
  731. border-bottom:2px solid #010003;
  732. border-radius:0px;
  733. }
  734. .btn-prestige{
  735. margin-bottom:100px;
  736. }
  737. .animated-loadout .btns-container{
  738. margin-top:140px;
  739. }
  740. .animated-loadout .user-new-prestige{
  741. opacity:0;
  742. }
  743. .animated-loadout .btn-green p, .animated-loadout .btn-prestige p{
  744. font-size:0;
  745. margin-top:27.5px;
  746. letter-spacing:7.5px;
  747. }
  748. .animated-loadout #prestige-loadin {
  749. margin-top:12.5px;
  750. }
  751. .btn-green.btn-darken.menu-option.account-loadout-link{
  752. background-image:url("img/gui/emote.svg");
  753. background-repeat:no-repeat;
  754. background-size:50px;
  755. background-position-x:5px;
  756. background-position-y:2px;
  757. background-color:#FF000000;
  758. box-shadow:none;
  759. border-bottom:none;
  760. border-radius:0;
  761. }
  762. .btn-battle-container {
  763. background-color:none
  764. box-shadow:none;
  765. border-radius:0px;
  766. }
  767. .btn-battle{
  768. -webkit-animation-name:none;
  769. }
  770. .btn-team-option{
  771. background-color:#221E23;
  772. box-shadow:none;
  773. border-bottom:2px solid #010003;
  774. border-radius:0px;
  775. }
  776. .account-loading-container{
  777. display:none;
  778. }
  779. .pass-quest-xp{
  780. font-size:16px;
  781. }
  782. .btn-change-mode-selection div .right-play-btn{
  783. background-color:#221E23;
  784. box-shadow:none;
  785. border-bottom:2px solid #010003;
  786. border-radius:0px;
  787. }
  788. .btn-change-type-selection div .right-play-btn{
  789. background-color:#221E23;
  790. box-shadow:none;
  791. border-bottom:2px solid #010003;
  792. border-radius:0px;
  793. }
  794. .btn-change-type-selection{
  795. max-height:500px;
  796. }
  797. .btn-change-mode-selection {
  798. max-height:500px;
  799. }
  800. .xp-boost-bar-container{
  801. display:none;
  802. }
  803. .menu-team-autofill-option{
  804. background-color:#221E23;
  805. box-shadow:none;
  806. border-bottom:2px solid #010003;
  807. border-radius:0px;
  808. height:45px;
  809. }
  810. .btn-team-fill{
  811. background:#0000;
  812. }
  813. .team-menu-member{
  814. display:block;
  815. height:0px;
  816. background:rgb(255 255 255 / 0%);
  817. vertical-align:none;
  818. }
  819. .member-boost-value {
  820. display:none;
  821. }
  822. .member-name-placeholder {
  823. display:none;
  824. }
  825. .copy-toast{
  826. font-size:12px;
  827. color:rgb(255 255 255 / 50%);
  828. }
  829. #team-desc-text span{
  830. color:rgb(0 0 0 / 70%);
  831. }
  832. .copy-item{
  833. background-color:#221E23;
  834. box-shadow:none;
  835. border-bottom:2px solid #010003;
  836. border-radius:0px;
  837. width:173px;
  838. }
  839. .hide-item{
  840. display:none;
  841. }
  842. .hide-item btn-darken{
  843. display:none;
  844. }
  845. #team-code-text{
  846. margin-block:-55px;
  847. }
  848. #btn-team-mobile-link-join{
  849. margin-left:14px;
  850. }
  851. .name-self{
  852. color:rgba(255, 255, 255, 0.7);
  853. background:rgba(255,255,255,.2);
  854. }
  855. #pass-block.stimfield-bonus{
  856. border:5px solid rgb(255 255 255 / 50%);
  857. }
  858. .pass-stimfield-container {
  859. bottom:-52px;
  860. background:rgb(255 255 255 / 50%);
  861. }
  862. .btn-mode-desert{
  863. box-shadow:inset 0 -2px #ffffff00!important;
  864. }
  865. .team-menu-member>.icon-kick {
  866. background-color:#221E23;
  867. box-shadow:none;
  868. border-bottom:2px solid #010003;
  869. border-radius:0px;
  870. width:173px;
  871. height:65px;
  872. margin-inline:0px;
  873. margin-block:-90px;
  874. background-position:center;
  875. }
  876. .team-menu-member>.icon-leader{
  877. background-color:#221E23;
  878. box-shadow:none;
  879. border-bottom:2px solid #010003;
  880. border-radius:0px;
  881. width:173px;
  882. height:65px;
  883. margin-inline:0px;
  884. margin-block:-90px;
  885. background-position:center;
  886. background-size:40px;
  887. }
  888. .name{
  889. margin-block:-196px;
  890. border-radius:0px;
  891. }
  892. .team-menu-member>.icon{
  893.  
  894. }
  895. .team-menu-member{
  896. display:inline-table;
  897. }
  898. .gwd-page-container{
  899. display:none;
  900. `);