MediaWiki:RightMenu.css

.right-menu-box { overflow: hidden; display: flex; } .right-menu-box .img-container { position: absolute; top: 0; transform: skew(45deg); overflow: visible; } .right-menu-box .img-container img { position: absolute; top: 0; } .right-menu-box .img-container.match-height img { height: 100%; } .right-menu-box .img-container.match-width img { width: 100%; } .right-menu-box div { position: relative; width: 100%; height: 0; padding-top: 100%; flex-shrink: 0; transform: skew(-45deg) translateX(-50%); overflow: hidden; } .right-menu-box .label { width: 100%; height: auto; position: absolute; transform-origin: center; color: #f8e100; font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 125%; transform: skew(45deg); text-align: center; } .right-menu-box .top { border-top: 0.5em #f8e100 solid; border-right: 0.5em #f8e100 solid; } .right-menu-box .top .label { top: 0; left: 0; } .right-menu-box .bottom { border-top: 0.5em #f8e100 solid; border-left: 0.5em #f8e100 solid; } .right-menu-box .bottom .label { bottom: 3%; right: 0; } .right-menu-box div:hover label { color: white; } .right-menu-box div:hover img { filter: brightness(0); }