MediaWiki:Fandomdesktop.css

/* background */

.skin-fandomdesktop .main-container { background: url(https://static.wikia.nocookie.net/harrypotter-puns/images/8/8a/Wiki-background.jpg/revision/latest) no-repeat fixed center; background-size: cover; }

/*=========*/ /* Tiles  */ /* Credits: My Hero Academia wiki  */ /*=========*/ .tiles { border-spacing: 0; margin: 0 auto; max-width: 750px; table-layout: fixed; width: 98%; } .tiles td { box-shadow: 0 0 10px #000; outline: 1px solid #000; position: relative; } .tiles td > div { height: 150px; overflow: hidden; } .tiles__description a { align-items: center; background-color: rgba(0, 0, 0, 0.2); bottom: 0; color: #fff !important; display: flex; font-size: 24px; font-weight: bold; justify-content: center; left: 0; height: 100%; max-height: 100%; position: absolute; right: 0; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #000, 2px 1px 0 #000, 1px 2px 0 #000, 2px 2px 0 #000, 3px 3px 4px #000; text-transform: uppercase; z-index: 1; } .tiles td:hover .tiles__description a { background-color: rgba(0, 0, 0, 0.8); max-height: 35px; transition: background-color 0.5s, max-height 0.5s; }

/* Template:Site Portal css */ .site_portal { box-sizing: content-box; }

.site_portal:hover { animation: spin 0.4s 1; } @keyframes spin { 100% {       transform: rotate(360deg); } }