MediaWiki:Wikia.css

/* Designed by Shuhuhuhua Design elements credits to dev, Jiaer & others (G)I-DLE WIKI CSS */

/* Font body */ body { font-family:'Poppins' !important; }

/* Header (creds to dev, Jiaer <3) */ .wds-community-header { background-image: url(https://vignette.wikia.nocookie.net/g-idle/images/e/e3/%28G%29I-DLE_Wiki_Header_Dumdi_Dumdi.jpg/revision/latest?cb=20200804213542) !important; background-position: right center !important; background-size: auto !important; }

.wds-community-header::before { background: linear-gradient(to right,rgba(255, 151, 0, 0.5),rgba(255, 105, 74, 0.5)),linear-gradient(to left,rgba(0, 0, 0, 0) 200px,#0000 430px) !important }

.wds-community-header__local-navigation [href="/wiki/Category:Discography"] span::after, .wds-community-header__local-navigation [href="/wiki/Category:Title_Tracks"] span::after, .wds-community-header__local-navigation [href="/wiki/DUMDi_DUMDi"]::after { content: 'new'; position: relative; background-color: #01a682; top: 0; padding: 0 2px 1px 2px; font-size: 80%; font-weight: normal; border-radius: 4px; text-transform: lowercase; color: white; margin-left: 5px; vertical-align: bottom; }

/* Links */ .WikiaPage a { font-weight: bold; transition: opacity 0.3s ease; } .WikiaPage a:hover { color: #ff694a; text-shadow: 0 0 2px currentColor; } /** Members **/ a[href="/wiki/Miyeon"]:hover, a[href="/wiki/Miyeon/Gallery"]:hover, a[href="/wiki/Miyeon/Facts"]:hover, a[href="/wiki/Category:Miyeon"]:hover { color:#212121 !important; } a[href="/wiki/Minnie"]:hover, a[href="/wiki/Minnie/Gallery"]:hover, a[href="/wiki/Minnie/Facts"]:hover, a[href="/wiki/Category:Minnie"]:hover { color:#0093CE !important; } a[href="/wiki/Soojin"]:hover, a[href="/wiki/Soojin/Gallery"]:hover, a[href="/wiki/Soojin/Facts"]:hover, a[href="/wiki/Category:Soojin"]:hover { color:#EF5601 !important; } a[href="/wiki/Soyeon"]:hover, a[href="/wiki/Soyeon/Gallery"]:hover, a[href="/wiki/Soyeon/Facts"]:hover, a[href="/wiki/Category:Soyeon"]:hover { color:#E40D83 !important; } a[href="/wiki/Yuqi"]:hover, a[href="/wiki/Yuqi/Gallery"]:hover, a[href="/wiki/Yuqi/Facts"]:hover, a[href="/wiki/Category:Yuqi"]:hover { color:#01B561 !important; } a[href="/wiki/Shuhua"]:hover, a[href="/wiki/Shuhua/Gallery"]:hover, a[href="/wiki/Shuhua/Facts"]:hover, a[href="/wiki/Category:Shuhua"]:hover { color:#C7CE28 !important; }

/******************/

/* Buttons */ body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton, body.mw-special-Contributions #contentSub:not(.contentSub) a, body.mw-special-Contributions #contentSub #contentSubSub a { background: #ffb6ad; } body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover, body.mw-special-Contributions #contentSub:not(.contentSub) a:active, body.mw-special-Contributions #contentSub:not(.contentSub) a:focus, body.mw-special-Contributions #contentSub:not(.contentSub) a:hover, body.mw-special-Contributions #contentSub #contentSubSub a:active, body.mw-special-Contributions #contentSub #contentSubSub a:focus, body.mw-special-Contributions #contentSub #contentSubSub a:hover { background: #ffb6ad; }

a.wikia-button,.wikia-single-button a,.wikia-menu-button,input[type="submit"]:not(.wds-button),input[type="reset"],input[type="button"],.button,button { background-image: unset; font-family:'Poppins'; }

/******************/

/* Masthead */ .UserProfileMasthead .masthead-info { border-radius: 100%; } .avatar { border-radius: 100%; }

img.avatar { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; }

img.avatar:hover { border-radius: 100%; box-shadow:0 0 20px transparent; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

/*To round images*/ .round img { border-radius:50% }

/******************/

/* Slider */ .SlideIMG { margin-top: 50px; } margin: 10px; margin-right: 5px; margin-top: 5px; padding: 10px; } .nmLeft { background: transparent; color: #fff; }
 * 1) NavBtns li {

.nmLeft li:hover { background: #A0522D; color: #fff; } .nmRight { height: 110%; right: 0px; top: 0px; background:transparent; text-align: center; font-family: Montserrat; text-transform: uppercase; } .nmRight li { list-style: none; background: rgba(10, 10, 10, 0.2); border-bottom: 0px solid transparent; border-top: 0px solid transparent; padding: 5px 15px 5px 15px; margin-top: 5px; margin-bottom: 5px; }

.nmRight li:hover { cursor: pointer; background: #d2d2d2; transition-duration: 0.5s; transition-timing-function: ease-out; color: #fff; } .nmTop { width: 705px; background: #d2d2d2; color: #01a682; text-transform: uppercase; font-family: 'Poppins' !important; text-align:center; }

.nmTop li:hover { background: rgba(10, 10, 10, 0.2); transition-duration: 0.5s; transition-timing-function: ease-out; text-transform: uppercase; font-family: 'Poppins' !important; color: #f4b133; }

.nmBottom { width: 705px; background: transparent; color: #000; font-family: Montserrat; text-transform: uppercase; font-weight: bold; }

.nmBottom li:hover { background: #FFF; color: #000; font-family: Montserrat; text-transform: uppercase; font-weight: bold; } .nbActiveLeft { background: #31193e; } .nbActiveRight { background: linear-gradient(to right top, #580e8b,#e70034); color: #fff; font-family: Montserrat; text-transform: uppercase; font-weight: bold; } .nbActiveTop { background: rgba(10, 10, 10, 0.1); color: #f4b133; } .nbActiveBottom { background: #FFF; font-family: Montserrat; text-transform: uppercase; font-weight: bold; }

/******************/

/* Wordmark Hover */ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ffb6ad; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .pph-wiki-header .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ffb6ad; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .wds-community-header__wordmark img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ffb6ad; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } .wds-community-header__wordmark img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }

/** Navbox **/ .navbox img { filter: drop-shadow(0 0 0 white) hue-rotate(255deg) brightness(3) contrast(0.5); }

/******************/

/*Username, Message Wall, Comments Color and Userlinks*/ /*I Love Blue 02*/ a[href$="/wiki/User:I_Love_Blue_02"] { color: blue !important; font-family: Megrim !important; font-weight: bold !important; } a[href$=":I_Love_Blue_02"], a[href$="/I_Love_Blue_02"] { color: blue !important; font-family: Megrim !important; font-weight: bold !important; }

.WikiaMainContent a[href$="/wiki/User:I_Love_Blue_02"], .WikiaMainContent a[href$=":I_Love_Blue_02"], .WikiaMainContent a[href$="/I_Love_Blue_02"] { color: blue !important; font-family: Megrim !important; font-weight: bold !important; }

.Wall .edited-by a.subtle[href$="Wall:I_Love_Blue_02"]:after { color: #00FFFF !important; content: "admin" !important; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 12px; font-variant: small-caps; }

/*Button for I Love Blue 02*/ .ilb02button { background: blue; color: white; width: 80px; height: 40px; padding: 10px; }

.ilb02button:hover { background: khaki; color: black; width: 80px; height: 40px; padding: 10px; }

.ilb022button { background: powderblue; color: black; width: 80px; height: 40px; padding: 10px; } .ilb022button:hover { background: khaki; color: white; width: 80px; height: 40px; padding: 10px; }

/******************/

/* Custom Tabber */ ul.tabbernav {font-family: Montserrat; padding:5px 0px !important; border: none !important; }

ul.tabbernav li a {color: currentColor !important; padding:5px 5px !important; margin-left:0px !important; border:0 !important; background: transparent !important; transition-duration: 0.2s !important; transition-timing-function: ease-out !important;}

ul.tabbernav li a:link {border-bottom: 2px solid #000 !important; margin-right: 2px !important;}

ul.tabbernav li a:visited {border-bottom: 2px solid #000 !important; margin-right: 2px !important;}

ul.tabbernav li a:hover {color:#000 !important; border-bottom: 2px solid #0db490 !important; background-color: transparent !important; margin-right: 2px !important; transition-duration: 0.2s !important; transition-timing-function: ease-out !important; text-shadow:none; opacity:.9}

ul.tabbernav li.tabberactive a {color:#000 !important; border-bottom: 2px solid #0db490 !important; background-color: transparent !important; margin-right: 2px !important;}

ul.tabbernav li.tabberactive a:hover {border-bottom: 2px solid #0db490 !important; margin-right: 2px !important;}

.tabberlive .tabbertab {border:0px solid transparent !important; border-top:0 !important;}

/******************/

/* Lyrics */ .pi-europa.pi-theme-lyrics { width: 340px; float: left; clear: none !important; font-weight: bold; }

.pi-theme-lyrics .pi-header { display: none; }

/** Color dark mode .LyricsMiyeon { color:#74748a !important; } .BoxMiyeon{ background:#74748a !important; } /******************/

/* Headings */ .WikiaArticle h2 { font-family: 'Poppins', sans-serif !important; font-size: 22px; color: #01a682; line-height: 30px; border-bottom: solid 1px #01a682; padding-bottom: 5px; } .WikiaPage .heading { font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 22px; text-transform: none; letter-spacing: 0; margin-bottom: 10px; margin-top: 20px; }

.WikiaArticle .editsection { float: right; } .WikiaArticle .editsection > a { content: url(/wiki/Special:Filepath?file=edit-pencil.png); width: 16px; height: 16px; }

.WikiaArticle { font-family: 'Montserrat'; } /******************/ /*Usertags */ a.tag { color: inherit; }

/******************/

/*Sidebar*/ .WikiaRail .rail-module h2, .WikiaRail h2, .WikiaSearch .side-articles.RailModule, .WikiaRail .custom-cql#mwModule, .WikiaSearch .exact-wiki-match, .WikiaRail .rail-module, .WikiaRail #cql-module, padding: 0; border: none; background: transparent; }
 * 1) WikiaRail > .module {

/******************/

/*Category */ border: none; border-left: 5px #fff; background-color: transparent; padding: 0.5em; } .special-categories a { font-size: 14px; text-transform: uppercase; font-weight: bold; display: inline-block; margin-top: 5px; } .CategorySelect.articlePage .category a { color: white; } .CategorySelect.articlePage .category { border: none; background-color: #01a68255; padding: 0.5em; margin-bottom: 8px; } .CategorySelect.articlePage .add { background-color: transparent; font-size: 10px; text-transform: uppercase; font-weight: bold; border-radius: 0; border-color: currentColor; color: currentColor; padding: 5px 12px; height: 18px; margin-top: 3px; } .CategorySelect.articlePage.editMode .input { background-color: transparent; margin: 10px; } .CategorySelect.articlePage .category.new { border: none; background-color: #01a68255; margin: 3px; padding: 0.5em; } .tool.editCategory.sprite-small.edit { -webkit-mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-pencil-small.svg); -mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-pencil-small.svg); background-image: none; background-color: currentColor; height: 18px; width: 18px; transform: scale(0.75); margin-top: -3px; } .tool.removeCategory.sprite-small.delete { border: none; -webkit-mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-trash-small.svg); -mask-image: url(/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-trash-small.svg); background-image: none; background-color: currentColor; height: 18px; width: 18px; transform: scale(0.75); margin-top: -3px; margin-left: -5px; margin-right: -5px; -webkit-mask-repeat: no-repeat; }   padding: 7px 12px; background-image: none; background-color: transparent; border-radius: 0; border-color: currentColor; color: currentColor; font-size: 10px; text-transform: uppercase; font-weight: bold; height: 35px; }   background-image: none; border-radius: 0; font-size: 10px; text-transform: uppercase; font-weight: bold; padding: 7px 12px; height: 35px; } .CategorySelect.articlePage.editMode > .toolbar { border: none; background-color: transparent; }
 * 1) articleCategories {
 * 1) CategorySelectCancel {
 * 1) CategorySelectSave {

/******************/

/*Slider (Original)*/ .wikiaPhotoGallery-slider-body { --mst-main: transparent; --mst-secondary: transparent }

.wikiaPhotoGallery-slider-body .horizontal .description { background: rgba(0, 0, 0, 0.3) !important; padding: 10px 15px 20px 15px !important; width: 650px !important; border-radius: 0 12px 0 0; text-align: center; } .wikiaPhotoGallery-slider-body .wikia-button.secondary { background-color: #e78da7 !important; border-radius: 0px !important; color: black; font-size: 15px; font-weight: normal !important; text-transform: none; box-shadow: 4px 4px white; font-family: rubik; } .wikiaPhotoGallery-slider-body a:not(.wds-button).wikia-button.secondary:hover { background-color: #DDDDDD !important; filter: brightness(80%); }

/******************/

/* Clear UI—blocking VisualEditor "focus" */ body.ve .WikiaMainContent { box-shadow: initial; z-index: 1; border: 1px dashed rgba(230, 126, 34, 0.35); } body.ve { pointer-events: auto; }

/******************/

/*Background*/ @media screen and (min-width: 1025px) { body.skin-oasis { background-image: -moz-linear-gradient(right top, #ff9700,#ff694a); background-image: -webkit-linear-gradient(right top, #ff9700, #ff694a); background-image: -o-linear-gradient(right top, #ff9700, #ff694a); background-image: linear-gradient(to left bottom, #ff9700, #ff694a); }   .WikiaPage { background: white; }/*    .WikiaPage .WikiaPageBackground { opacity:0.20; background: #fff url top center fixed !important; }*/   .page-Miyeon .WikiaPageBackground, .page-Miyeon_Gallery .WikiaPageBackground, .page-Miyeon_Facts .WikiaPageBackground { opacity: 0.20; background: #fff url(/wiki/Special:FilePath/DUMDi_DUMDi_Concept_Photo_Miyeon_2.jpg) top center fixed !important; }   .page-Minnie .WikiaPageBackground, .page-Minnie_Gallery .WikiaPageBackground, .page-Minnie_Facts .WikiaPageBackground { opacity: 0.20; background: #fff url(/wiki/Special:FilePath/DUMDi_DUMDi_Concept_Photo_Minnie_2.jpg) center -200px fixed !important; }   .page-Soojin .WikiaPageBackground, .page-Soojin_Gallery .WikiaPageBackground, .page-Soojin_Facts .WikiaPageBackground { opacity: 0.20; background: #fff url(/wiki/Special:FilePath/DUMDi_DUMDi_Concept_Photo_Soojin_2.jpg) top center fixed !important; }   .page-Soyeon .WikiaPageBackground, .page-Soyeon_Gallery .WikiaPageBackground, .page-Soyeon_Facts .WikiaPageBackground { opacity: 0.20; background: #fff url(/wiki/Special:FilePath/DUMDi_DUMDi_Concept_Photo_Soyeon_2.jpg) center -400px fixed !important; }   .page-Yuqi .WikiaPageBackground, .page-Yuqi_Gallery .WikiaPageBackground, .page-Yuqi_Facts .WikiaPageBackground { opacity: 0.20; background: #fff url(/wiki/Special:FilePath/DUMDi_DUMDi_Concept_Photo_Yuqi_2.jpg) center -200px fixed !important; }   .page-Shuhua .WikiaPageBackground, .page-Shuhua_Gallery .WikiaPageBackground, .page-Shuhua_Facts .WikiaPageBackground { opacity: 0.20; background: #fff url(/wiki/Special:FilePath/DUMDi_DUMDi_Concept_Photo_Shuhua_2.jpg) top center fixed !important; }   .page-KDA .WikiaPageBackground, .page-POP_STARS .WikiaPageBackground { opacity: 0.20; background: #fff url(/wiki/Special:FilePath/KDA_Soyeon,_Miyeon.jpg) top center fixed !important; }   .page-GIANTS .WikiaPageBackground { opacity: 0.20; background: #fff url(/wiki/Special:FilePath/%28G%29I-DLE_WIKI_Background_True_Damage.jpg) top center fixed !important; } }

/******************/

/*Hover*/ .hoverimage img { opacity: 1; transition: all 0.4s ease; } .hoverimage img:hover { opacity: 0.8; transform:scaleX(0.95) scaleY(0.95); }

.hoverspin { opacity: 1; transition: all 0.6s ease; }

.hoverspin:hover { opacity: 0.5; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

/* Overlapped images - Credit to fategrandorder.wikia.com */ .spanse, .spancr, .spanmm, .spanen, .spanqunew, .spansk { float:left; display: block; position: relative; z-index: 99; } .spanse:hover, .spanmm:hover, .spanen:hover, .spancr:hover, .spanqunew:hover, .spansk:hover { opacity: 0; } .spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2 { transition-duration: 0.4s; transition-timing-function: ease-out; display: block; position: absolute; z-index: 100; opacity: 0; } .spanse2:hover, .spanmm2:hover, .spanen2:hover, .spancr2:hover, .spanqunew2:hover, .spansk2:hover { opacity: 100; }

/******************/

/* ToolBar background */ .WikiaBarWrapper { background: #01a682; }

/******************/

/* Table of contents */

border-left: 2px solid #01a682 !important; border: none; padding: 1em; background-color: #EEE3; border-radius: 0 3px 3px 0; }
 * 1) toc {

.WikiaArticle #toctitle h2 { font-size: 16px; font-weight: bold; }

.WikiaArticle h2 { font-weight: bold; }

.WikiaArticle h5 { font-size: 15px; }

background-image: url(https://vignette.wikia.nocookie.net/g-idle/images/5/50/Wiki-background/revision/latest?cb=20191109161023) !important; }
 * 1) toc-open {

/******************/

/* Infoboxes */ .pi-europa.pi-background { background-color: #d4e2e355; }

.pi-europa.portable-infobox { border-radius: 5px; overflow:hidden; }

.pi-europa .pi-header, .pi-europa .pi-title { font-family: 'Poppins', sans-serif !important; }

.pi-europa .pi-image-collection-tabs .pi-tab-link { border: none; border-bottom: 2px solid #000; margin: 2px; padding: 0 5px; font-weight: bold; } .pi-europa .pi-image-collection-tabs .pi-tab-link.current { color: #fff; border-bottom: 2px solid #fff; } .pi-europa .pi-image-collection-tabs .pi-tab-link:not(.current):hover { border-bottom: 2px solid #777675; } .portable-infobox .pi-header { font-size: small; } .pi-data, .pi-group { border-bottom-width: 0; } .pi-europa .pi-horizontal-group .pi-horizontal-group-item { background: none !important; } .pi-europa:not(.pi-layout-stacked) .pi-data { padding: 0; } .pi-europa:not(.pi-layout-stacked) .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; padding: 2px; text-align: center; } .pi-europa:not(.pi-layout-stacked) .pi-font { padding: 2px; text-align: center; } .pi-europa:not(.pi-layout-stacked) .pi-font { padding: 7px; } .pi-item[data-source=signature] img { filter: invert(1); }

/*Custom Infobox*/ /***Fandom***/ .pi-theme-fandom .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; padding: 2px; text-align: center; color: #000; }

.pi-theme-fandom .pi-data-value { padding: 2px; text-align: center; }

.pi-theme-fandom .pi-title, .pi-theme-fandom .pi-header, .pi-theme-fandom .pi-data-label { background: linear-gradient(to right, rgba(255,105,97), rgba(177,156,217)); color: #fff; }

/***Jelly***/ .pi-theme-jelly .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; padding: 2px; text-align: center; color: #000; }

.pi-theme-jelly .pi-data-value { padding: 2px; text-align: center; }

.pi-theme-jelly .pi-title, .pi-theme-jelly .pi-header, .pi-theme-jelly .pi-data-label { background: #d4ff67; color: #000; }

/***Idle Song***/ .pi-theme-idlesong .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; padding: 2px; text-align: center; color: #000; }

.pi-theme-idlesong .pi-data-value { padding: 2px; text-align: center; } .pi-theme-idlesong .pi-title, .pi-theme-idlesong .pi-header, .pi-theme-idlesong .pi-data-label { background: #fd5da3; color: #000; }

/***I Am***/ .pi-theme-iam .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; padding: 2px; text-align: center; color: #000; }

.pi-theme-iam .pi-data-value { padding: 2px; text-align: center; }

.pi-theme-iam .pi-title, .pi-theme-iam .pi-header, .pi-theme-iam .pi-data-label { background: linear-gradient(to right, rgba(244, 229, 252), rgba(197, 169, 217)); color: #000; }

/***HANN***/ .pi-hann .pi-background { background-color: rgb(255, 255, 255); opacity: 0.6; }

.pi-theme-hann .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; padding: 2px; text-align: center; color: #fff; }

.pi-theme-hann .pi-data-value { padding: 2px; text-align: center; }

.pi-theme-hann .pi-title, .pi-theme-hann .pi-header, .pi-theme-hann .pi-data-label { background: #7f3649; color: #fff; }

/***I Made***/ .pi-theme-imade .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; padding: 2px; text-align: center; color: #000; }

.pi-theme-imade .pi-data-value { padding: 2px; text-align: center; }

.pi-theme-imade .pi-title, .pi-theme-imade .pi-header, .pi-theme-imade .pi-data-label { background: linear-gradient(to right, rgba(255, 218, 209), rgba(222, 94, 91)); color: #000; }

/***Uh-Oh***/ .pi-theme-uhoh .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; padding: 2px; text-align: center; color: #000; }

.pi-theme-uhoh .pi-data-value { padding: 2px; text-align: center; }

.pi-theme-uhoh .pi-title, .pi-theme-uhoh .pi-header, .pi-theme-uhoh .pi-data-label { background: #cf9544; color: #000; }

/***I Trust***/ .pi-theme-itrust .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; padding: 2px; text-align: center; color: #000; }

.pi-theme-itrust .pi-data-value { padding: 2px; text-align: center; }

.pi-theme-itrust .pi-title, .pi-theme-itrust .pi-header, .pi-theme-itrust .pi-data-label { background: rgb(189, 188, 184); color: #000; }

/***LATATA Japan***/ .pi-latata .pi-background { background-color: rgb(255, 255, 255); opacity: 0.6; }

.pi-theme-latata .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; padding: 2px; text-align: center; color: #fff; }

.pi-theme-latata .pi-data-value { padding: 2px; text-align: center; }

.pi-theme-latata .pi-title, .pi-theme-latata .pi-header, .pi-theme-latata .pi-data-label { background: #000; color: #fff; }

/***DUMDi DUMDi***/ .pi-dumdi-dumdi .pi-background { background-color: #FFCC03; opacity: 0.6; }

.pi-theme-dumdi-dumdi .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; padding: 2px; text-align: center; color: #FE4A00; }

.pi-theme-dumdi-dumdi .pi-data-value { padding: 2px; text-align: center; }

.pi-theme-dumdi-dumdi .pi-title, .pi-theme-dumdi-dumdi .pi-header, .pi-theme-dumdi-dumdi .pi-data-label { background: #FFCC03; color: #FE4A00; }

/***Oh my god Japan***/ .pi-ohmygod .pi-background { background-color: rgb(255, 255, 255); opacity: 0.6; }

.pi-theme-ohmygod .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; padding: 2px; text-align: center; color: #fff; }

.pi-theme-ohmygod .pi-data-value { padding: 2px; text-align: center; }

.pi-theme-ohmygod .pi-title, .pi-theme-ohmygod .pi-header, .pi-theme-ohmygod .pi-data-label { background: linear-gradient(to right bottom, #c82926 49%, #100000 51%); color: #fff; }

/***I Burn***/ .iburn .pi-background { background-color: #000; opacity: 0.6; }

.pi-theme-iburn .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; padding: 2px; text-align: center; color: #B91722; }

.pi-theme-iburn .pi-data-value { padding: 2px; text-align: center; }

.pi-theme-iburn .pi-title, .pi-theme-iburn .pi-header, .pi-theme-iburn .pi-data-label { background: #000; color: #B91722; } /***************************************/

/* Custom Dropdown Menu */ .WikiaArticle { overflow: visible; } .custom-dropdown { background: transparent !important; color: currentColor !important; font-weight:bold; padding: 1px 8px; } .custom-dropdown > :first-child:after { border-color: currentColor transparent transparent; } .custom-dropdown ul { list-style: none; min-width: 100%; top: 23px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a, .custom-dropdown li strong.selflink { height: 14px; line-height: 14px; } .custom-dropdown .wikia-menu-button:hover { background-color: rgba(10, 10, 10, 0.3) !important; } .wikia-menu-button ul strong.selflink { display: block; padding: 9px 9px 7px; } .wikia-menu-button ul strong.selflink:hover { background: rgba(10, 10, 10, 0.3); }