For pokeidle.net, nothing super special just makes it looks nice.
(kind of) a work in progress I plan on updating it later.
Background image from betty's graphics
//the script.. no-- the SUPER script! document.getElementById("regionSelect").style = "cursor: pointer;font-weight: bold; color: #3c178a; background-color: #faf4b4; border: 1px outset #d17341; border-radius: 3px; background-image: linear-gradient(#faf4b4, white, #faf4b4, #ffb35c); text-shadow: -1px 1px #f2b46d;"; document.getElementById("pokeSortOrderSelect").style = "cursor: pointer; font-weight: bold; color: #3c178a; background-color: #faf4b4; border: 1px outset #d17341; border-radius: 3px; background-image: linear-gradient(#faf4b4, white, #faf4b4, #ffb35c); text-shadow: -1px 1px #f2b46d;"; document.getElementById("pokeSortDirSelect").style = "cursor: pointer; font-weight: bold; color: #3c178a; background-color: #faf4b4; border: 1px outset #d17341; border-radius: 3px; background-image: linear-gradient(#faf4b4, white, #faf4b4, #ffb35c); text-shadow: -1px 1px #f2b46d;"; document.getElementById("dexView").style = "cursor: pointer; font-weight: bold; color: #3c178a; background-color: #faf4b4; border: 1px outset #d17341; border-radius: 3px; background-image: linear-gradient(#faf4b4, white, #faf4b4, #ffb35c); text-shadow: -1px 1px #f2b46d;"; //buttons (they were unfunctional lmao) (i fixec it i think //for the background document.getElementById("gameContainer").style = "font-family: cursive; background-color: #5da2e8; background-image: linear-gradient(#5da2e8,#ecf5c9 14%, #53a9f5, #5da2e8, #332963); border-radius: 5px 10px 5px; border: 2px outset rgba(38, 13, 107, 70%);"; //console document.getElementById("console").style = "border: 1px solid #eb6434; border-radius: 0px 0px 5px 0px; overflow: auto; background-image: url('data:image/gif;base64,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');"; //for mean-yous document.getElementById("enemy").style = "background-color: #FFE275; color: #612910; background-image: linear-gradient(#f5f4b8, #FFE275); border: 1.4px inset #753329; margin: 0px 18px;"; document.getElementById("player").style = "background-color: #FFE275; color: #612910; background-image: linear-gradient(#f5f4b8, #FFE275); border: 1.4px inset #753329; margin: 10px -3px;"; document.getElementById("playerPokes").style = "text-align: center; background-color: #ffc569; border: 2px solid #c45025; background-image: linear-gradient(#ED8F47 17.5%, #fff07a 3%, #ffc569 60%, #ed9d47 20%, #ffc569 10%); padding: 8px; margin: 0px -19px;"; document.getElementById("areasList").style = "text-align: center; background-color: #124b4f; border: 2px solid #1f5e4a; color: #1a4e75; text-shadow: -1px 1px #2b55b5; margin: 0px -18px; padding: 4px;"; //for scrollbars and non-specifics var x = document.createElement("STYLE"); var t = document.createTextNode("input {cursor: pointer;} .pokeDeleteButton {width: 23px; height: 23px; float: left; background-color: #ED8F47; border-radius: 50px; border: 2px outset #C45025; transition: all 100ms;} .pokeDeleteButton:hover {background-color: #ffa19c; border: 2px outset #ff0d00;} html{background-color: #3e2275;} #regionSelect {cursor: pointer;} body{background-color: #3e2275; text-shadow: -1px 1px #a84e32;}/* width */::-webkit-scrollbar {width: 7px;}/* Track */::-webkit-scrollbar-track {background: #2e1822; border-radius: 1px 1px 4px 1px;}::-webkit-scrollbar-thumb {background: #f55733; border: 1px outset #a027d9;cursor: pointer; transition: all 175ms;}::-webkit-scrollbar-thumb:hover {background: #ff684a; } .controls{color: #3f0d75; background-color: #ed8f47; border-bottom: 1.6px dashed #78591a; text-align: center;} img {background-color: #ffe4a1; border-radius: 7px; border: double #d16a36;} button {font-weight: bold; color: #3c178a; background-color: #faf4b4; border: 1px outset #d17341; border-radius: 3px; background-image: linear-gradient(#faf4b4, white, #faf4b4, #ffb35c); text-shadow: -1px 1px #f2b46d;} button:hover {border: 1px inset #ed6f2b; cursor: pointer;}"); x.appendChild(t); document.head.appendChild(x); console.log("My weedle died at level 6 to a level 50 golbat. I don't know what happened, man..");
What it looks like:
->