MediaWiki:Maia.css

/** orig code: https://codepen.io/edeesims/pen/iGDzk **/ .card { position: absolute; width: 300px; height: 300px; margin: -150px; float: left; perspective: 500px; } .content { position: absolute; width: 100%; height: 100%; box-shadow: 0 0 15px rgba(0,0,0,0.1); transition: transform 1s; transform-style: preserve-3d; } .card:hover .content { transform: rotateY(180deg) ; transition: transform 0.5s; } .front, .back { position: absolute; height: 100%; width: 100%; background: white; line-height: 300px; color: #03446A; text-align: center; font-size: 60px; border-radius: 5px; backface-visibility: hidden; } .back { background: #03446A; color: white; transform: rotateY(180deg); } /** custom tabbers that can have icons and pics as headers uwu **/ .tabs {	position: fixed; clear: both; } .tabs .tab {	float: left; margin-right: 10px; } .content {	position: absolute; background-color: white; width: 100%; left: 0px; } .tabs .tab:nth-of-type(1) .content {	z-index: 1; } .tab:target a { font-weight: bold; } .tab:target .content {	z-index: 1; }