MediaWiki:Wikia.css

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

/* Import*/ @import url('https://fonts.googleapis.com/css?family=Megrim|Julius+Sans+One|Caveat+Brush|Open+Sans|Just+Another+Hand|Tajawal|Montserrat'); @import url('/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:RectangularButtons/code.css|u:dev:MediaWiki:CustomSlider.css'); @import url('https://fonts.googleapis.com/css?family=Abril+Fatface'); @import url('https://fonts.googleapis.com/css?family=Playfair+Display:900'); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:DropdownMenu.css&only=styles";

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

}

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

/* Buttons */ body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton, body.mw-special-Contributions #contentSub:not(.contentSub) a, body.mw-special-Contributions #contentSub #contentSubSub a { background: #fbacce; } 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: #fbacce; }

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 #A0522D; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.pi-theme-matrix { background: linear-gradient(to right bottom, #333333, #262626, #1A1A1A, #0D0D0D, #000000); color: #2AE600; position: relative; margin: 20px; border-radius: 4px; box-shadow: inset 2px 2px 1px #000000; } .pi-theme-matrix:before { position: absolute; z-index: -1; content: ""; top: -15px; right: -15px; bottom: -15px; left: -15px; background: linear-gradient(to right, #999999, #737373 90%); border: 2px solid #595959; border-radius: 4px; box-shadow: 2px 2px 1px #000000; } .pi-theme-matrix a, .pi-theme-matrix .new { color: #2FFF00 !important; text-shadow: 1px 0 1px #2AE600; } .pi-theme-matrix .pi-item-spacing { padding: 7px 10px; } .pi-title { border: none; color: #2FFF00; text-shadow: 1px 0 1px #2AE600; } .pi-theme-matrix .pi-caption { color: #58FF33; } .pi-theme-matrix .pi-title, .pi-theme-matrix .pi-image-collection-tabs, .pi-theme-matrix .pi-image-collection-tab-content, .pi-theme-matrix .pi-image, .pi-theme-matrix .pi-secondary-background, .pi-theme-matrix .pi-image-collection .pi-image-collection-tabs li { background: none; } .pi-theme-matrix .pi-item { border: none; } .pi-theme-matrix .pi-data-value { font-size: 12px; } .pi-theme-matrix .pi-header { text-align: center; font-size: 14px; border-style: solid; border-color: #2AE600; border-width: 1px 0 1px; } .pi-theme-matrix .pi-image-collection .pi-image-collection-tabs li { border-color: #2AE600; margin: 1px 0 3px; }

.portable-infobox.pi-header.pi-data-label { border-bottom: none; }

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

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

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

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

.nmBottom li:hover { background: #19193d; color: #fff; font-family: Montserrat; text-transform: uppercase; font-weight: bold; } .nbActiveLeft { background: #19193d; } .nbActiveRight { background: #19193d; } .nbActiveTop { background: #19193d; } .nbActiveBottom { background: #19193d; 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: #fbacce; 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: #fbacce; 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: #fbacce; 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: 1s !important; transition-timing-function: ease-out !important;}

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

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

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

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

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

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

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

/*Lyrics */ .miyeon{ color:#800090; display:inline; } .minnie{ color:#008080; display:inline; } .soojin{ color:#FF0000; display:inline; } .soyeon{ color:#FF1493; display:inline; } .yuqi{ color:#008000; display:inline; } .shuhua{ color:#FF8C00; display:inline; }

.together{ color:#000000; display:inline; }

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

/* Headings */

.WikiaArticle h2 { font-family: 'Playfair Display' !important; font-size: 22px; color: #fbacce; line-height: 30px; border-bottom: solid 1px #fbacce; 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: #19193d; 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: #19193d; 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; }

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

/*Members Background*/ body.mediawiki.page-Miyeon { background: url('https://vignette.wikia.nocookie.net/g-idle/images/5/50/Wiki-background/revision/latest?cb=20191109161023'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Minnie { background: url('https://vignette.wikia.nocookie.net/g-idle/images/5/50/Wiki-background/revision/latest?cb=20191109161023'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Soojin { background: url('https://vignette.wikia.nocookie.net/g-idle/images/5/50/Wiki-background/revision/latest?cb=20191109161023'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Soyeon { background: url('https://vignette.wikia.nocookie.net/g-idle/images/5/50/Wiki-background/revision/latest?cb=20191109161023'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Yuqi { background: url('https://vignette.wikia.nocookie.net/g-idle/images/5/50/Wiki-background/revision/latest?cb=20191109161023'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Shuhua { background: url('https://vignette.wikia.nocookie.net/g-idle/images/5/50/Wiki-background/revision/latest?cb=20191109161023'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-Miyeon_Gallery { background: url('https://vignette.wikia.nocookie.net/g-idle/images/5/50/Wiki-background/revision/latest?cb=20191109161023'); background-repeat: no-repeat; background-attachment: fixed; } body.mediawiki.page-Minnie_Gallery { background: url('https://vignette.wikia.nocookie.net/g-idle/images/5/50/Wiki-background/revision/latest?cb=201911091610235'); background-repeat: no-repeat; background-attachment: fixed; } body.mediawiki.page-Soojin_Gallery { background: url('https://vignette.wikia.nocookie.net/g-idle/images/5/50/Wiki-background/revision/latest?cb=20191109161023'); background-repeat: no-repeat; background-attachment: fixed; } body.mediawiki.page-Soyeon_Gallery { background: url('https://vignette.wikia.nocookie.net/g-idle/images/5/50/Wiki-background/revision/latest?cb=20191109161023'); background-repeat: no-repeat; background-attachment: fixed; } body.mediawiki.page-Yuqi_Gallery { background: url('https://vignette.wikia.nocookie.net/g-idle/images/5/50/Wiki-background/revision/latest?cb=20191109161023'); background-repeat: no-repeat; background-attachment: fixed; } body.mediawiki.page-Shuhua_Gallery { background: url('https://vignette.wikia.nocookie.net/g-idle/images/5/50/Wiki-background/revision/latest?cb=20191109161023'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-KDA { background: url('https://vignette.wikia.nocookie.net/g-idle/images/9/99/%28G%29_I-DLE_WIKI_Background_KDA.jpg/revision/latest?cb=20191129225133'); background-repeat: no-repeat; background-attachment: fixed; }

body.mediawiki.page-GIANTS { background: url('https://vignette.wikia.nocookie.net/g-idle/images/7/7a/%28G%29_I-DLE_WIKI_Background_True_Damage.jpg/revision/latest?cb=20191129230437'); background-repeat: no-repeat; background-attachment: fixed; }

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

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

.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); }

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

/* ToolBar background */ .WikiaBarWrapper { background: url(https://vignette.wikia.nocookie.net/g-idle/images/5/50/Wiki-background/revision/latest?cb=20191109161023); background-size: 100%; }

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

/* Table of contestants */

border-left: 2px solid #fbacce !important; border: none; padding: 1em; background-color: var(--activity-dark-background-color); 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 */ .portable-infobox .pi-image-collection-tabs .pi-tab-link { border: none; border-bottom: 2px solid #fbacce; margin: 2px; padding: 0 5px; color: #fff; font-weight: bold; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: #fbacce; border-bottom: 2px solid #fbacce; }

.pi-data-label, .pi-title, .pi-header { font-family: 'Montserrat', sans-serif; text-shadow: 0px #000; }

.portable-infobox .pi-header { font-size: small; }

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

.portable-infobox .pi-item-spacing { border-color: #fbacce; border: 1px; }

.pi-image-collection-tabs li.tabberactive { background-color: #EDEDED; }

.pi-image-collection-tabs li { background-color: var(--activity-dark-background-color); }

.portable-infobox .pi-data, .portable-infobox .pi-horizontal-group{ background-color: var(--activity-dark-background-color); }

.portable-infobox.pi-background, .portable-infobox.pi-header { padding-top: 3px; background-color: transparent; } .pi-title { text-shadow: none; }

.pi-title, .pi-header, .pi-horizontal-group .pi-header { color: #fff; font-weight: bold; text-align: center; background-color: #19193d; }

.portable-infobox .pi-image img { max-width: 100%; height: auto; background-color: var(--activity-dark-background-color); }

.pi-data, .pi-group { border-bottom-width: 0; }

.pi-horizontal-group { border-radius: 0 0 3px 3px; } .pi-item[data-source=signature] img { filter: invert(1); } .pi-section-tab:only-of-type { pointer-events: none; }

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

/* 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: #f5f5f5 !important; } .wikia-menu-button ul strong.selflink { display: block; padding: 9px 9px 7px; } .wikia-menu-button ul strong.selflink:hover { background: #f5f5f5; }