Template:PPP/Styles.css

.pppfullbox { background-color: #c9c9c9; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; border: 2px solid black; display:inline-table; vertical-align: top; margin-left: -1px; width: 100%; }

.pppbox { overflow:auto; width: auto; color:#58106F; border-radius:7px; text-align:left; background:#94448D; 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; }

.pppinnerbox { display:inline-table; }

.pppheader { border: 2px solid black; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 8px; line-height: 95%; text-shadow: 2px 2px 2px #333333; color:white; text-align: center; }

.pppunitinfo { width: auto; }

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

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

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

.pppvercontainer img { width: 100%; }

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

.pppav { width: auto; display: inline-table; }

.pppav1, .pppav2 { display: inline-block; }

.pppver { font-size: 70%; color: white; }

.ppptooltip { cursor:help; }

.pppfirstrow { text-align:center; }

.pppmodel { width: auto; display: inline-table; }

.pppvoicesection { max-width: 350px; text-align: center; padding-left: 15px; padding-right: 15px; }

.pppvoices { transform: scale(0.7); width: auto; }

.ppp-gift { display: inline-table; transform: scale(0.8); width: max-content; }

.ppp-giftaudio { display: inline-table; vertical-align: middle; }

.pppgrid { float:left; padding-right: 0.7em; }

.pppwhite { color: white; }

.pppskills { display:inline-table; vertical-align: top; }

@media only screen and (min-width: 1300px) { .pppskills { width:62.5%; } }

@media only screen and (max-width: 1299px) { .pppskills { width:50%; } }

@media only screen and (max-width: 1010px) { .pppskills { width:100%; } }

.pppskills2{ display:grid; text-align:right; }

.pppskill { text-align:center; }

.pppnoskill { padding: 5px; text-align: center; height: 69px; font-size:150%; }

.pppicon { display: inline-block; }

.pppskillpad { padding: 5px; }

.pppskilltext { padding-right: 7px; }

.pppdesc { font-size: 80%; display: inline-block; text-align: left; padding: 10px; background: white; border-radius: 10px; vertical-align: middle; width: 75%; margin-left: 10px; }

.pppicon 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); } }

body.skin-minerva .pppskills { display: block !important; width: 100% !important; }

body.skin-minerva .pppinnerbox { width: 100%; display: block !important; }

body.skin-minerva .pppvoicesection { max-width: 100% !important; }