Template:PPP/Styles.css

.pppbox { overflow:auto; width: auto; color:#58106F; border-radius:7px; text-align:left; background:#94448D; padding:5px; padding-left: 0.7em; padding-right: 0.7em; text-shadow: none; margin-top: 0.5em; transition: 0.3s; }

.pppbox2 { overflow:auto; color:#58106F; border-radius:7px; text-align:left; background:#E7B3E3; padding:5px; transition: 0.3s; }

.pppbox:hover { background:#EC992F; box-shadow: inset 0 2px #F9E8C7; }

.pppbox:hover .pppbox2 { color:#562D00; background:#F5CE82; }

.pppnamecontainer { position: relative; text-align: center; }

.pppname { position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); }

.pppver { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }

.icon img:hover { animation: shake 0.5s; animation-iteration-count: 1; }

@keyframes shake { 0% { transform: rotate(0deg); } 10% { transform: rotate(-3deg); } 20% { transform: rotate(0deg); } 30% { transform: rotate(3deg); } }