MediaWiki:Wikia.css

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

@import url(//db.onlinewebfonts.com/c/55d433372d270829c51e2577a78ef12d?family=Monument+Extended); @import url('https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope|Alex+Brush|Architects+Daughter|Cinzel+Decorative|Coming+Soon|Indie+Flower|Lobster|Nothing+You+Could+Do|Pangolin|Shadows+Into+Light|The+Girl+Next+Door|Waiting+for+the+Sunrise|Pacifico|Life+Savers|Unica+One|Josefin+Sans|Bilbo+Swash+Caps|Marck+Script|Abril+Fatface|Henny+Penny|Eater|BenchNine|Bigelow+Rules|Almendra+Display|Exo+2|IM+Fell+DW+Pica|Coiny|Black+Melody|Modak|Cherry+Swash|Merienda|Pacifico|Tangerine|Audiowide|Inherit|Exo|Exo+2|Montserrat|Comfortaa|Courgette|Caveat|Papyrus|Cookie|Orbitron|Futura&display=swap'); @font-face {font-family: "Monument Extended"; src: url("//db.onlinewebfonts.com/t/55d433372d270829c51e2577a78ef12d.eot"); src: url("//db.onlinewebfonts.com/t/55d433372d270829c51e2577a78ef12d.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/55d433372d270829c51e2577a78ef12d.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/55d433372d270829c51e2577a78ef12d.woff") format("woff"), url("//db.onlinewebfonts.com/t/55d433372d270829c51e2577a78ef12d.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/55d433372d270829c51e2577a78ef12d.svg#Monument Extended") format("svg"); }

/* Theme colors */ .themed-page-bg { background-color: var(--themed-page-background); } .themed-button-bg { background-color: var(--themed-button-background); }

/* Font body */ body { font-family: 'Montserrat',sans-serif !important; }

/* Header (creds to dev, Jiaer) */ .wds-community-header { background-image: url(https://1.bp.blogspot.com/-nLSS8q4OQJE/YBXVN69qSNI/AAAAAAAADR4/AfHF4i2U2uEPFrC054LHZhAKQg4MqSgkgCLcBGAsYHQ/s16000/Header%2B1.png) !important; background-position: right center !important; background-size: auto !important; } @media screen and (max-width: 1025px) { .wds-community-header { background-position: center !important; } } .wds-community-header::before { background: linear-gradient(to left,rgba(0, 0, 0, 0) 200px,#0000 430px) !important }

/* Badges for new releases */ .wds-community-header__local-navigation [href="/wiki/Category:Discography"] span::after, .wds-community-header__local-navigation [href="/wiki/Category:Mini-albums"] span::after, .wds-community-header__local-navigation [href="/wiki/Category:Title_Tracks"] span::after, .wds-community-header__local-navigation [href="/wiki/I_burn"]::after, .wds-community-header__local-navigation [href="/wiki/HWAA"]::after { content: 'new'; position: relative; background: #580e8b; 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: 0.3s ease; } .WikiaPage a:hover { 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'; }

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

/*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: #e30414; 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 black) hue-rotate(100deg) brightness(1.6) contrast(0.7); } /******************/

/*Username, Message Wall, Comments Color and Userlinks*/ /*Mariathemermaid*/ a[href="/wiki/User:Mariathemermaid"] { text-shadow:0px 0px 2px black; color:orange !important; font-weight:bold !important; font-family: Alex Brush !important;}

/*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 { margin-top: 5px !important; border: none !important; } ul.tabbernav li a { 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: none !important; margin-right: 6px !important; border: 1px solid !important; border-radius: 1rem; font-size: 9pt; padding: 3px 10px 1px 10px !important; font-family:Montserrat; border-color: #424242 !important; color: #424242 !important; } ul.tabbernav li.tabberactive a:hover { border-bottom: none !important; margin-right: 6px !important; border: 1px solid !important; border-radius: 1rem; font-size: 9pt; font-family:Montserrat; padding: 3px 10px 1px 10px !important; color: #580e8b !important; border-color: #e70034 !important; transition-duration: 0.2s !important; transition-timing-function: ease-out !important; } .tabber > .tabbernav li:not(.tabberactive) > a { border-color: #e70034 !important; color: #e70034 !important; } ul.tabbernav li a:link { color: #424242 !important; border-color: #424242 !important; }

ul.tabbernav li a:hover { color: #e70034 !important; border-color: #580e8b !important; transition-duration: 0.2s !important; transition-timing-function: ease-out !important; }

ul.tabbernav li.tabberactive a { color: #580e8b !important; border-color: #580e8b !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: 'Monument Extended', sans-serif !important; font-size: 22px; color: #580d8c; line-height: 30px; border-bottom: solid 1px #580d8c; padding-bottom: 5px; } .WikiaPage .heading { font-family: 'Monument Extended', sans-serif !important; font-weight: 700 !important; font-size: 22px; text-transform: none; letter-spacing: 0; margin-bottom: 10px; margin-top: 20px; }

.WikiaArticle .mw-editsection { float: right; margin-top: 5px; } /* .WikiaArticle .mw-editsection .section-edit-pencil-icon { 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 #580d8c; 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: #580d8c; } .CategorySelect.articlePage .category { border: none; background-color: transparent; padding: 0.5em; margin-bottom: 8px; border: 1px solid #580d8c; } .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: #e3041455; 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; }

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

/*Backgrounds*/ body.background-dynamic .background-image-gradient { display: none; } @media screen and (min-width: 1025px) { .mw-parser-output a.external{ color: var(--themed-button-background); }	/* The first gradient help readability */ body.skin-oasis { background-image: -moz-linear-gradient(right,#0000 10%,var(--themed-page-background) 25%, var(--themed-page-background) 75%, #0000 90%), -moz-linear-gradient(#d8d8d8 30%,#cbb0d7 80%,#cbb0d7); background-image: -webkit-linear-gradient(right,#0000 10%,var(--themed-page-background) 25%, var(--themed-page-background) 75%, #0000 90%), -webkit-linear-gradient(#d8d8d8 30%,#cbb0d7 80%,#cbb0d7); background-image: -o-linear-gradient(right,#0000 10%,var(--themed-page-background) 25%, var(--themed-page-background) 75%, #0000 90%), -o-linear-gradient(#d8d8d8 30%,#cbb0d7 80%,#cbb0d7); background-image: linear-gradient(to right,#0000 10%,var(--themed-page-background) 25%, var(--themed-page-background) 75%, #0000 90%), linear-gradient(to bottom,#d8d8d8 30%,#cbb0d7 80%,#cbb0d7); }

.WikiaSiteWrapper .WikiaPage { padding-top: 0; }	.WikiaPage .WikiaPageContentWrapper { background: transparent; position: relative; }	.WikiaPage .WikiaPageContentWrapper::before { opacity: 1.00; background: #fff url("") center top fixed; background-size: cover; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }   .page-Miyeon .WikiaPage .WikiaPageContentWrapper::before, .page-Miyeon_Gallery .WikiaPage .WikiaPageContentWrapper::before, .page-Miyeon_Facts .WikiaPage .WikiaPageContentWrapper::before{ opacity: 0.20; background:#fff url(https://g-idle.fandom.com/wiki/Special:FilePath/%28G%29I-DLE_I_Burn_Concept_Photo_1_Miyeon.jpg) center fixed !important }   .page-Minnie .WikiaPage .WikiaPageContentWrapper::before, .page-Minnie_Gallery .WikiaPage .WikiaPageContentWrapper::before, .page-Minnie_Facts .WikiaPage .WikiaPageContentWrapper::before { opacity: 0.20; background:#fff url(https://g-idle.fandom.com/wiki/Special:FilePath/%28G%29I-DLE_I_Burn_Concept_Photo_1_Minnie.jpg) center fixed !important }   .page-Soojin .WikiaPage .WikiaPageContentWrapper::before, .page-Soojin_Gallery .WikiaPage .WikiaPageContentWrapper::before, .page-Soojin_Facts .Wikia .WikiaPageContentWrapper::before { opacity: 0.20; background:#fff url(https://g-idle.fandom.com/wiki/Special:FilePath/%28G%29I-DLE_I_Burn_Concept_Photo_1_Soojin.jpg) center -110px fixed !important }   .page-Soyeon .WikiaPage .WikiaPageContentWrapper::before, .page-Soyeon_Gallery .WikiaPage .WikiaPageContentWrapper::before, .page-Soyeon_Facts .WikiaPage .WikiaPageContentWrapper::before { opacity: 0.20; background: #fff url(https://g-idle.fandom.com/wiki/Special:FilePath/%28G%29I-DLE_I_Burn_Concept_Photo_1_Soyeon.jpg) center fixed !important }   .page-Yuqi .WikiaPage .WikiaPageContentWrapper::before, .page-Yuqi_Gallery .WikiaPage .WikiaPageContentWrapper::before, .page-Yuqi_Facts .WikiaPage .WikiaPageContentWrapper::before { opacity: 0.20; background:#fff url(https://g-idle.fandom.com/wiki/Special:FilePath/%28G%29I-DLE_I_Burn_Concept_Photo_1_Yuqi.jpg) center fixed !important }   .page-Shuhua .WikiaPage .WikiaPageContentWrapper::before, .page-Shuhua_Gallery .WikiaPage .WikiaPageContentWrapper::before, .page-Shuhua_Facts .WikiaPage .WikiaPageContentWrapper::before { opacity: 0.20; background:#fff url(https://g-idle.fandom.com/wiki/Special:FilePath/%28G%29I-DLE_I_Burn_Concept_Photo_1_Shuhua.jpg) center fixed !important }   .page-KDA .WikiaPage .WikiaPageContentWrapper::before, .page-POP_STARS .WikiaPage .WikiaPageContentWrapper::before, .page-ALL_OUT .WikiaPage .WikiaPageContentWrapper::before { opacity: 0.20; background: #fff url(/wiki/Special:FilePath/KDA_Soyeon,_Miyeon.jpg) bottom center fixed !important; }   .page-True_Damage .WikiaPage .WikiaPageContentWrapper::before, .page-GIANTS .WikiaPage .WikiaPageContentWrapper::before { opacity: 0.20; background: #fff url(/wiki/Special:FilePath/True_Damage_Soyeon.jpg) bottom 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); } .hoverimage2 img { transition: all 0.4s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage2 img:hover { opacity: 1; filter: alpha(opacity=100); transform:scaleX(1.06) scaleY(1.06); }

/* 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: #fff; }

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

/* Table of contents */

border-left: 2px solid #580d8c !important; border: none; padding: 1em; background-color: transparent; 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: #FFF5; }

.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-data-value { 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 { color: #000; } .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; } /*** Custom infobox 2 ***/ .pi-europa .pi-header, .pi-europa .pi-title { background: linear-gradient(to right,#e70034,#580e8b); color: #ffffff; font-family: 'Montserrat',sans-serif !important; text-transform: none; }

/***Jelly***/ .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-title, .pi-theme-idlesong .pi-header, .pi-theme-idlesong .pi-data-label { background: #fd5da3; color: #000; }

/***I Am***/ .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; } .pi-theme-iam .pi-image-collection-tabs .current { background: #7e00bf55; }

/***HANN***/ .pi-hann .pi-background { background-color: rgb(255, 255, 255); opacity: 0.6; } .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-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; } .pi-theme-imade .pi-image-collection-tabs .current { background: #e1190055; }

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

/***LATATA Japan***/ .pi-latata .pi-background { background-color: rgb(255, 255, 255); opacity: 0.6; } .pi-theme-latata .pi-title, .pi-theme-latata .pi-header, .pi-theme-latata .pi-data-label { background: #000; color: #fff; }

/***I Trust***/ .pi-theme-itrust .pi-title, .pi-theme-itrust .pi-header, .pi-theme-itrust .pi-data-label { background: rgb(189, 188, 184); color: #000; } .pi-theme-itrust .pi-image-collection-tabs .current { background: #bdbbb755; }

/***DUMDi DUMDi***/ .pi-dumdi-dumdi .pi-background { background-color: #FFCC03; opacity: 0.6; } .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-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-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:hover { padding-bottom: 1px !important; } .custom-dropdown > :first-child:after { border-color: currentColor transparent transparent; } .custom-dropdown ul { list-style: none; min-width: 100%; top: 22px; } .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); } /* Slider Button (Anonminati from Dev Wiki) */ .wikiaPhotoGallery-slider-body .wikia-button.secondary { background-color: transparent !important; border-radius: 2px !important; border-color: #000; color: #000; font-size: 15px; font-weight: normal !important; text-transform: none; font-family: Roboto, sans-serif; } .wikiaPhotoGallery-slider-body a:not(.wds-button).wikia-button.secondary:hover { border-color: #000 !important; transition-duration: 0.4s !important; transition-timing-function: ease-out !important; }

/* Page Border (SU Wiki) */ .WikiaPage .WikiaPageContentWrapper { border: 1px solid #fff; border-top: 0px solid #da0b13 !important; } /* Image Overlay (Taylor Swift Wiki) */ .image-overlay { position: relative; overflow: hidden; } .image-overlay > .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 0.5s; background: #00000080; color: #fff; } .image-overlay:hover > .overlay { opacity: 1; } .image-overlay > .overlay > .overlay-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 180%; font-family: Playfair Display; padding-left: 3px; padding-right: 3px; text-align: center; width: 100%; } .image-overlay p { margin: .0em 0 .0em !important; } .image-overlay a:hover { opacity: 0.6; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; text-decoration: none; } .image-overlay a { color: #eaeaea; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s; } .image-overlay.overlay-zoom:hover img { -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-backface-visibility:hidden; backface-visibility:hidden; filter:alpha(opacity=100); opacity:1; -webkit-transition:all 3s ease-in-out; -moz-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; transition:all 3s ease-in-out; } .image-overlay.overlay-zoom img { -webkit-transition:all 3s ease-in-out; -moz-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; transition:all 3s ease-in-out; }