MediaWiki: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: .5em black solid; border-right: .5em 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: .5em black solid; }

.box .bottom img { top: 0; right: -35%; }

.box .bottom span { bottom: 0; right: 0; }

.box img { transform: skew(45deg); position: absolute; }

.box div:hover span { color: white; }

.box div:hover img { filter: brightness(0); }