User:Mopsgamer/global.css

.list { transition: 0.5s; padding: 15px !important; line-height: 50px; } .list:hover { transition: 0.5s; } .list>li { list-style: none; background: linear-gradient(225deg,#5eb1ff 10px,#0000 10px),linear-gradient(200deg,#39f,#06f); box-shadow: inset 0 -6px 0 rgba(0,0,32,0.2), inset 0 6px 0 #5eb1ff, 0 4px 0 rgba(0,0,0,0.15); display: none; text-shadow: 0 0 1px black; font-size: 20px; border: 4px solid black; border-radius: 10px; color: white; font-family: Pusia Extra Bold; padding: 5px 10px 10px; position: absolute; animation: 3s linear slidein; } .list:hover li { display: block; position: inherit; } .list a { background: linear-gradient(225deg,#5eb1ff 10px,#0000 10px),linear-gradient(200deg,#39f,#06f); box-shadow: inset 0 -6px 0 rgba(0,0,32,0.2), inset 0 6px 0 #5eb1ff, 0 4px 0 rgba(0,0,0,0.15); text-shadow: 0 0 1px black; font-size: 20px; border: 4px solid black; border-radius: 10px; color: white !important; font-family: Pusia Extra Bold; text-align: center; width: 100px; text-decoration: none !important; padding: 5px 20px 10px; } .list>li { position: absolute !important; } .list:hover>li { display: block; margin: 10px auto; transition: 0.5s ease-out; opacity: 1; } .list a { font-family: pusia extra bold; text-align: center; color: white !important; } .list a:hover { text-decoration: none !important; color: gold !important; }

@keyframe slidein { from { transform: translateX(-25px); }   to { transform: translateX(0); } }