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%; width: auto; } .right-menu-box .img-container.match-width img { height: auto; 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: 1.5em; transform: skew(45deg); text-align: center; pointer-events: none; } .right-menu-box .label a { color: #f8e100; text-decoration: none; } .right-menu-box .label a:hover { color: white; text-decoration: none; } .right-menu-box .top { border-top: 0.25em #f8e100 solid; border-right: 0.25em #f8e100 solid; } .right-menu-box .top .label { top: 1%; left: 5%; } .right-menu-box .bottom { border-top: 0.25em #f8e100 solid; border-left: 0.25em #f8e100 solid; } .right-menu-box .bottom .label { bottom: 1%; right: 5%; } .right-menu-box div:hover .label, .right-menu-box div:hover a { color: white; text-decoration: none; } .right-menu-box div:hover img { filter: brightness(30%); }

/*# sourceMappingURL=right-menu.css.map */