Template:PPP/Styles.css
Jump to navigation
Jump to search
.pppbox {
overflow:auto;
width: 100%;
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%);
}
.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); }
}