MediaWiki:Wikia.css

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

/* Font body */ body { font-family:'Montserrat' !important; } .WikiaPage a { font-weight: bold; }

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

/* 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:'Montserrat'; font-weight: bold; }

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

/* 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 */ .nmLeft { background: transparent; color: #fff; }

.nmLeft li:hover { background: #A0522D; color: #fff; } .nmRight { background: #a0522d; }

.nmRight li:hover { background: #fff; } .nmTop { width: 700px; background: #31193e; }

.nmTop li:hover { background: #fff; }

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

.nmBottom li:hover { background: #bdbcb8; color: #000; font-family: Montserrat; text-transform: uppercase; font-weight: bold; } .nbActiveLeft { background: #31193e; } .nbActiveRight { background: #31193e; } .nbActiveTop { background: #31193e; } .nbActiveBottom { background: #bdbcb8; 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); }

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

/*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', cursive !important; font-weight:bold !important; padding:5px 0px !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 {color:#fff  !important; border-bottom: 2px solid #bdbcb8  !important; margin-right: 2px !important;}

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

ul.tabbernav li a:hover {color:#fff !important; border-bottom: 2px solid #777675 !important; background-color: transparent !important; margin-right: 2px !important; transition-duration: 0.2s !important; transition-timing-function: ease-out !important;}

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

ul.tabbernav li.tabberactive a:hover {border-bottom: 2px solid #000 !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; font-weight:bold; }

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

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

/* Headings */

.WikiaArticle h2 { font-family: 'Playfair Display' !important; font-size: 22px; color: #bdbcb8; line-height: 30px; border-bottom: solid 1px #bdbcb8; padding-bottom: 5px; } .WikiaPage .heading { font-family: 'Playfair Display', 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 { color: #fff; 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: rgba(10, 10, 10, 0.3); 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: 7px 12px; height: 35px; } .CategorySelect.articlePage.editMode .input { background-color: transparent; margin: 10px; } .CategorySelect.articlePage .category.new { border: none; background-color: rgba(10, 10, 10, 0.3); 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(#2b4845,#2d2b2c); background-image: -webkit-linear-gradient(#2b4845, #2d2b2c); background-image: -o-linear-gradient(#2b4845, #2d2b2c); background-image: linear-gradient(to bottom, #2b4845, #2d2b2c); }   .WikiaPage .WikiaPageBackground { opacity: 0.20; background: #1114 url(/wiki/Special:FilePath/%28G%29I-DLE_Bg_Lie_ver_2.png) center fixed !important; filter: brightness(0.6); }   .page-Miyeon .WikiaPageBackground, .page-Miyeon_Gallery .WikiaPageBackground, .page-Miyeon_Facts .WikiaPageBackground { opacity: 0.20; background: #000 url(/wiki/Special:FilePath/%28G%29I-DLE_I_trust_Miyeon_Promo_2.jpg) top center fixed !important; filter: brightness(0.6); }   .page-Minnie .WikiaPageBackground, .page-Minnie_Gallery .WikiaPageBackground, .page-Minnie_Facts .WikiaPageBackground { opacity: 0.20; background: #000 url(/wiki/Special:FilePath/%28G%29I-DLE_I_trust_Minnie_Teaser_2.jpg) top center fixed !important; filter: brightness(0.6); }   .page-Soojin .WikiaPageBackground, .page-Soojin_Gallery .WikiaPageBackground, .page-Soojin_Facts .WikiaPageBackground { opacity: 0.20; background: #000 url(/wiki/Special:FilePath/%28G%29I-DLE_I_trust_Soojin_Teaser_2.jpg) top center fixed !important; filter: brightness(0.6); }   .page-Soyeon .WikiaPageBackground, .page-Soyeon_Gallery .WikiaPageBackground, .page-Soyeon_Facts .WikiaPageBackground { opacity: 0.20; background: #000 url(/wiki/Special:FilePath/%28G%29I-DLE_I_trust_Soyeon_Teaser_2.jpg) top center fixed !important; filter: brightness(0.6); }   .page-Yuqi .WikiaPageBackground, .page-Yuqi_Gallery .WikiaPageBackground, .page-Yuqi_Facts .WikiaPageBackground { opacity: 0.20; background: #000 url(/wiki/Special:FilePath/%28G%29I-DLE_I_trust_Yuqi_Teaser_2.jpg) top center fixed !important; filter: brightness(0.6); }   .page-Shuhua .WikiaPageBackground, .page-Shuhua_Gallery .WikiaPageBackground, .page-Shuhua_Facts .WikiaPageBackground { opacity: 0.20; background: #000 url(/wiki/Special:FilePath/%28G%29I-DLE_I_trust_Shuhua_Teaser_2.jpg) top center fixed !important; filter: brightness(0.6); }   .page-KDA .WikiaPageBackground, .page-POP_STARS .WikiaPageBackground { opacity: 0.20; background: #000 url(/wiki/Special:FilePath/KDA_Soyeon,_Miyeon.jpg) top center fixed !important; filter: brightness(0.6); }   .page-GIANTS .WikiaPageBackground { opacity: 0.20; background: #000 url(/wiki/Special:FilePath/%28G%29I-DLE_WIKI_Background_True_Damage.jpg) top center fixed !important; filter: brightness(0.6); } }

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

/*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: url(/wiki/Special:FilePath/%28G%29I-DLE_I_trust_Promo.jpg) center -370px; background-size: 100%; filter: sepia(.5) saturate(0.5) brightness(0.7); }

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

/* Table of contents */

border-left: 2px solid #bdbcb8 !important; border: none; padding: 1em; background-color: #0003; 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: #0003; border-radius: 5px; }

.pi-europa .pi-header, .pi-europa .pi-title { font-family: 'Playfair Display' !important; }

.portable-infobox .pi-title { border-radius: 5px 5px 0 0; }

.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: #000; border-bottom: 2px solid #000; }

.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-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: #000; }

.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: #000; }

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

.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: #000; }

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

/* Custom Dropdown Menu */ .WikiaArticle { overflow: visible; } .custom-dropdown { background: transparent !important; color: #fff !important; font-weight:bold; padding: 1px 8px; } .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); }