User:Mopsgamer/global.css

.list { transition: 0.5s; line-height: 35px; width: fit-content; } .list:hover { transition: 0.5s; } .list ul { margin: 0; } .list>p a img { transform: translate(-350%, 10px); } .list>p a+a img { transform: translate(250%, -38px); } .list a+a>img { transform: translate(200%, 7px); } .list a>img { width: 25px; height: 25px; position: absolute; z-index: 1; transform: translate(-300%, 7px); } .list>li { margin-top: -12px !important; list-style: none; background: radial-gradient(#446, #223); 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); z-index: 100; } .list:hover li { display: block; position: inherit; } .list a:not(.image) { background: linear-gradient(-135deg,#b9f 5px,#0000 5px),linear-gradient(180deg,#b7f 3px,#90f 3px,#90f calc(100% - 3px),#60c 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:not(.image) { 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; }

@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; }