User:Mopsgamer/global.css

.list { transition: 0.5s; line-height: 35px; width: fit-content; } .list:hover { transition: 0.5s; } .list ul { margin: 0; } .list>li { margin-top: -12px !important; list-style: none; background: radial-gradient(#446, black); display: none; text-shadow: 0 0 1px black; font-size: 20px; border-radius: 0 10px 10px 10px; color: white; font-family: Pusia Extra Bold; padding: 5px 10px 10px; position: absolute !important; animation: 0.2s linear slidein; animation-fill-mode: forwards; transform-origin: 100% 0%; transform: skewX(0); } .list:hover li { display: block; position: inherit; } .list a { background: linear-gradient(-135deg, #88a 5px, #0000 5px), linear-gradient(180deg, #669 3px, #446 3px, #446 calc(100% - 3px), #334 calc(100% - 3px)); text-shadow: 0 0 1px black; font-size: 12px; border: 1.5px solid black; border-radius: 4px; color: white !important; font-family: Pusia Extra Bold; text-align: center; width: 150px; height: 35px; text-decoration: none !important; padding: 0 14px; display: block; margin: 5px 0; transition: 0.5s ease-out; transform: skewX(-6deg); } .list>p>a { font-size: 20px; padding: 0 14px; height: 40px; width: 160px; transform: none; } .list:hover>li { display: block; margin: 10px auto; transition: 0.5s ease-out; opacity: 1; } .list a:hover { text-decoration: none !important; } .list>li>a:focus { transform: scale(0.95) skewX(-6deg); }

@keyframes slidein { 0% {       transform: skewX(10deg); opacity: 0; }   70% {        transform: translateX(0) skewX(0); }   85% {        transform: skewX(-6deg); }   100% {        transform: translateX(0) skewX(0); opacity: 1; } }

.WikiaArticle { overflow: visible !important; }