Board Thread:Support Requests - Getting Technical/@comment-24553580-20190910033341/@comment-24553580-20190910210626

@Fandyllic

Here is RightMenu.css .box { overflow: hidden; display: flex; } .box div { display: relative; width: 100%; height: 0; padding-top: 100%; flex-shrink:0; transform: skew(-45deg) translateX(-50%); overflow: hidden; border-top: .25em black solid; border-right: .25em black solid; } .box span { width: 100%; height: auto; position: absolute; transform-origin: center; color: black; font-family: Abel; font-weight: bold; font-size: 125%; transform: skew(45deg); text-align: center; } .box .top img { top: -20%; left: 40%; } .box .top span { top: 0; left: 0; } .box .bottom { border-left: .25em black solid; } .box .bottom img { top: 0; right: -35%; } .box .bottom span { bottom: 0; right: 0; } .box img { transform: skew(45deg); position: absolute; width: 160%; height: auto; } .box div:hover span { color: white; } .box div:hover img { filter: brightness(0); }

@Andrewds1021 For CSS, that seems excessive since you're still applying the CSS to every page, but otherwise I agree that seems to be the way to go. However, for javascript, I'm surprised there's no way to specify which page to apply. I could see situations where you wouldn't want certain scripts to run all the time.