MediaWiki:Wikia.css/Sedali.css

@keyframes sth { 0% {transform:rotateX(0deg);} 100% {transform:rotateX(360deg);} }

.pi-theme-double { width:300px; }

.pi-theme-double .pi-title { text-align:right; padding-right:6em; }

.pi-theme-double .pi-group .pi-header { display:none; }

.pi-theme-double { transition:500ms linear; background-color:#DDDDDD; color:#222222; border:1px solid #666; }

.pi-theme-double .pi-title { transition:.5s; color:#EFEFEF; background-color:#050505; }

.pi-theme-double .pi-group .pi-data:nth-of-type(1) { animation-name:sth; animation-duration:.5s; animation-timing-function:ease-in-out; display:flex; border-bottom:none; }

.pi-theme-double .pi-group .pi-data:nth-of-type(2) { animation-name:sth; animation-duration:.5s; animation-timing-function:ease-in-out; display:none; }

.pi-theme-double .pi-group .pi-image:nth-of-type(1) { display:block; }

.pi-theme-double .pi-group .pi-image:nth-of-type(2) { display:none; }

.pi-theme-double .pi-data { transition:.35s; transition-delay:.15s; color:#EFEFEF; background-color:#050505; }

.pi-theme-double .pi-border-color { border-color:#DDD; }

.pi-theme-double:hover { transition:500ms linear; background-color:#050505; color:#DFDFDF; border:1px solid #333; }

.pi-theme-double:hover .pi-title { transition:.5s; color:#020202; background-color:#DDDDDD; }

.pi-theme-double:hover .pi-group .pi-data:nth-of-type(1) { animation-name:sth; animation-duration:.5s; animation-timing-function:ease-in-out; display:none; }

.pi-theme-double:hover .pi-group .pi-data:nth-of-type(2) { animation-name:sth; animation-duration:.5s; animation-timing-function:ease-in-out; display:flex; }

.pi-theme-double:hover .pi-data { transition:.35s; transition-delay:.15s; color:#020202; background-color:#DDDDDD; }

.pi-theme-double:hover .pi-group .pi-image:nth-of-type(1) { display:none; }

.pi-theme-double:hover .pi-group .pi-image:nth-of-type(2) { display:block; }

.pi-theme-double:hover .pi-border-color { border-color:#222; }