diff --git a/click.js b/click.js index ed8e4b3..b791199 100644 --- a/click.js +++ b/click.js @@ -1,10 +1,26 @@ function toPage(frompage, topage) { - $(`.menulisting#${frompage}`).css("display", "none"); - $(`.menulisting#${topage}`).css("display", "flex"); -} - -function blankBackground() { - var useBlank = document.getElementsByTagName('guide') - var body = document.getElementsByTagName("body")[0] - useBlank.style.body.backgroundImage = "url('https://media.discordapp.net/attachments/649968233553723405/709086018942402631/image1.jpg')"; + $(".menulisting#" + frompage).css("display", "none"); + $(".menulisting#" + topage).css("display", "flex"); + + $('main').removeClass(); + + switch (topage) { + case 'main': + $('main').addClass('bground1'); + break; + case 'more': + $('main').addClass('bground1'); + break; + case 'guide': + $('main').addClass('bground2'); + break; + case 'custom': + $('main').addClass('bground1'); + break; + case 'adult': + $('main').addClass('bground2'); + break; + } + + } \ No newline at end of file diff --git a/style.css b/style.css index 909ef00..b642f45 100644 --- a/style.css +++ b/style.css @@ -69,9 +69,13 @@ main { } button { - background: white; + background: transparent; border: none !important; - font-size: 0; + font-size: 20; + position: absolute; + top: -13%; + left: 30%; + text-align: right; } .menulisting li {