MediaWiki:RightMenu.css

.box { overflow: hidden; display: flex; }

.box .right-img-container { position: absolute; top: 0; transform: skew(45deg); }

.box .right-img-container img { position: absolute; top: 0; }

.box div { position: relative; width: 100%; height: 0; padding-top: 100%; flex-shrink:0; transform: skew(-45deg) translateX(-50%); overflow: hidden; }

.box .label { 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 .label { top: 0; left: 0; }

.box .top { border-top: .5em black solid; border-right: .5em black solid; }

.box .bottom { border-left: .5em black solid; }

.box .bottom .label { bottom: 2%; right: 0; }

.box img { position: absolute; }

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

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