MediaWiki:Fandomdesktop.css

/* Infobox -Credit goes to IZ*ONE Wiki */ .portable-infobox { border: 2px solid #000000; border-radius: 6px; padding: 0; overflow:hidden; } .portable-infobox .pi-header, .portable-infobox .pi-title { background: #000000; color: white; text-align: center; font-weight: bold; }

.portable-infobox .pi-data-value { font-size: 12px; }

.portable-infobox.type-pairing .pi-header, .portable-infobox.type-pairing .pi-title { padding:0; } ul.pi-image-collection-tabs { border-bottom: 2px solid #F5F5F5; width: 100%; } ul.pi-image-collection-tabs li { padding: 3px 8px !important; border: 1px solid #F5F5F5; border-bottom: 0; border-top: 0; } ul.pi-image-collection-tabs li.current { background: #F5F5F5; color: #252525; } .pi-caption { text-align: center; }

.pi-theme-lyrics .pi-data-value { font-size: 15px; }

/* === Background === */ @media screen and (min-width: 1025px) { body.theme-fandomdesktop-light { background: linear-gradient(to bottom,#e6e6e6,#e6e6e6,#e6e6e6,#e6e6e6,#e6e6e6) fixed; font-family: Rubik, sans-serif; } }

@media screen and (min-width: 1025px) { body.theme-fandomdesktop-dark { background: linear-gradient(to bottom,#e6e6e6,#e6e6e6,#e6e6e6,#e6e6e6,#e6e6e6) fixed; font-family: Rubik, sans-serif; } }

/* == Border and box shadow == */ .theme-fandomdesktop-light .resizable-container .page { border:2px solid #020024; filter:drop-shadow(0 0 20px #545454); }

.theme-fandomdesktop-dark .resizable-container .page { border:2px solid #020024; filter:drop-shadow(0 0 20px #545454); }

/* == To make the background visible == */ .page__main { background-color: transparent; border-radius: 3px; min-height: 480px; padding: 24px 36px; position: relative; }

/* == Background == */ /* === Light Theme (Default) */ .theme-fandomdesktop-light .resizable-container .page::before { opacity: 0.3; background: transparent url("https://static.wikia.nocookie.net/onf/images/1/1f/Popping_Promo.webp/revision/latest?cb=20211127022141") center top fixed; background-size: 1300px; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;z-index: -1; }

/* === Dark Theme === */ .theme-fandomdesktop-dark .resizable-container .page::before { opacity: 0.3; background: transparent url("https://static.wikia.nocookie.net/onf/images/1/1f/Popping_Promo.webp/revision/latest?cb=20211127022141") center fixed; background-size: 1300px; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }

/* Wordmark spin. */ .hoverspin img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .hoverspin img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.fandom-community-header__image img { opacity: 1; filter: alpha(opacity=100); transition: all 1.5s ease; }

.fandom-community-header__image img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); } /*Lyrics -Credit to (G)-IDLE Wiki */ .hyojin{ color:#FFA500; display:inline; } .e-tion{ color:#B266B2; display:inline; } .j-us{ color:#008000; display:inline; } .wyatt{ color:#00CCCC; display:inline; } .mk{ color:#0C00DA; display:inline; } .u{   color:#00DA32; display:inline; } .laun{ color:#FA3232; display:inline; }

.all{ color:#eeeeee; display:inline; }