MediaWiki:Wikia.css

/* Credit to GFriend Wiki*/

/* Editor Font body*/ body { font-family: Roboto, Noto Sans JP, Noto Sans KR; }

.WikiaMainContent { font-family:Roboto, Noto Sans JP, Noto Sans KR; } .WikiaPage a { font-weight:bold; }

.WikiaPage h1, .WikiaPage h2, .WikiaPage h3, .WikiaPage h4, .WikiaPage h5, .WikiaPage h6, .WikiaPage .heading { font-family: Monument Extended; text-transform: lowercase; letter-spacing: 2px; color: #000; }

.wikia-photogallery-add { display: none !important; } body.skin-fandomdesktop { font-family: 'Montserrat'; }

.ve-oasis-header { font-family: 'Roboto'; padding: 7px 0; position: relative; } .WikiaMainContent a{	font-family:Roboto; }

.WikiaPage a{	font-family:Roboto; }

/* Font Site */ body { font-family: Roboto; color: #fff; }

.WikiaPage,.custom-dropdown { font-family: Roboto; color: #fff; }

h1,h2,h3,h4,h5,h6 { font-family:Walpurgis; }

/* Gallery border-color (Credit to DubuHasBeenSnatched) */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-color:var(--theme-link-color); }

/* Selection (Credit to DubuHasBeenSnatched) */
 * selection {

background: var(--theme-accent-color); color: #FFFFFF; text-shadow: none; }

/*Hide add image button*/ .wikia-photogallery-add { display: none !important; }

/* ToolBar */ .WikiaBarWrapper { background: url("https://gfriend.fandom.com/wiki/Special:FilePath/Wiki-Wrapper.png"); background-size: 100%; }

/* Hovers (Credit to fategrandorder.wikia.com) */ .spanse, .spancr, .spanmm, .spanen, .spanqunew, .spansk{ float:left; display: block; position: relative; z-index: 99; } .spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2{ transition-duration: 0.4s; transition-timing-function: ease-out; display: block; position: absolute; z-index: 100; } .spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2 { opacity: 0; } .spanse2:hover, .spanmm2:hover, .spanen2:hover, .spancr2:hover, .spanqunew2:hover, .spansk2:hover{ opacity: 100; } .increase img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .increase img:hover { opacity: 0.8; filter: alpha(opacity=80); transform:scaleX(1.05) scaleY(1.05); }

.hoverimage img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .grayscalehover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grayscalehover:hover { -webkit-filter: invert(100%); }

.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); } .testclass { color:red; }

/* Infoboxes (Credit to LOOΠΔ Wikia) */ .portable-infobox .pi-image-collection-tabs .pi-tab-link { border: none; border-bottom: 2px solid var(--theme-article-text-color); margin: 2px; padding: 0 5px; color: CurrentColor; font-weight: bold; font-size:10px; } ul.pi-image-collection-tabs { margin: 0 -1px -1px 0 !important; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: CurrentColor; border-bottom: 2px solid var(--theme-accent-color); }

.pi-data-label, .pi-title, .pi-header { font-family: 'Roboto', sans-serif; }

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

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

.portable-infobox .pi-item-spacing { border-color: transparent; }

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

.pi-border-color { border-color: var(--activity-dark-background-color); }

.pi-image-collection-tabs li, .portable-infobox .pi-data, .portable-infobox .pi-horizontal-group, .pi-smart-group-body { background-color: var(--activity-dark-background-color); }

.pi-smart-group-body a.external:after { display: none; }

.portable-infobox.pi-background, .portable-infobox.pi-header { background-color: transparent; }

.pi-title, .pi-header, .pi-horizontal-group .pi-header { color: #fff; font-weight: bold; text-align: center; background-color: var(--theme-accent-color); }

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

/* Scroll Bar */ ::-webkit-scrollbar { width: 10px; height: 10px; transition: all .2s linear 0s; }
 * -webkit-scrollbar-track {

box-shadow: inset 0 0 5px grey; border-radius: 10px; background: #FFFFFF; transition: all .2s linear 0s; }
 * -webkit-scrollbar-thumb {

background: #232323; border-radius: 10px; transition: all .2s linear 0s; }
 * -webkit-scrollbar-thumb:hover {

background: #CB1F1F; }
 * -webkit-scrollbar-thumb:active {

background: #4D2274; transition: all .2s linear 0s; } /*End*/

/* Tabber */ .tabbernav { font-family: Lato; font-weight: normal; font-size: 13px; border-bottom: 3px solid #900005; padding: 0.3em 0; } .tabbernav a { padding: 0.3em 0.5em; margin: 0; color: #F5F5F5; border: none; background: #252525; } .tabberactive a { color: #F5F5F5; background: #900005; } .tabbernav :not(.tabberactive) a:hover { background: rgba(144,0,5,0.2); } .tabbertab { border: none; padding: 0; }

/***********************************************************************/ /* Custom Dropdown Menu */ .WikiaArticle { overflow: visible; } .custom-dropdown { background: transparent; color: inherit; 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; } .wikia-menu-button ul strong.selflink { display: block; padding: 9px 9px 7px; } .wikia-menu-button ul strong.selflink:hover { background: #f5f5f5; } /***********************************************************************/ /* Self Link */ .selflink { color:#fff; } /***********************************************************************/ /* Profile */ .avatar { border-radius: 50%; border-width: 1px; border:3px solid #900005; position: relative; } /***********************************************************************/ /* Wordmark (Credits to ITZY Wiki) */ .fandom-community-header__image img { opacity: 1; filter: alpha(opacity=100); transition: all 1.5s ease; }

.fandom-community-header__image img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); }

/** Lyrics [credits: LOONA Wiki]**/ .pi-theme-lyrics.portable-infobox { width: 100%; float: none; background:#ffffff33; border-radius:0; border-color:#fff; border:1px solid #ffffff; transition-duration: 0.3s; } .pi-theme-lyrics .pi-data { width: 100%; margin: 0 auto; } .pi-theme-lyrics .pi-navigation { background:transparent; font-size: 14px; font-weight: 100; } .pi-theme-lyrics.portable-infobox .pi-header { display: none; }

/* Calendar (Credits to Bieberpedia) */ width: 300px; background: #4F3F3F4D; }
 * 1) cal {

display: flex; justify-content: space-between; background:linear-gradient(20deg, #C7C7C7,#949494); color: #FFFFFF; font-size: 20px; }
 * 1) cal .header {

text-transform: uppercase; letter-spacing: 3px; padding: 5px 0px; }
 * 1) cal .header #month {

cursor: pointer; padding: 4px 10px 5px 10px; }
 * 1) cal .header .calbutton {

background: #262626; }
 * 1) cal .header .calbutton:hover {

width: 100%; display: flex; flex-wrap: wrap; background: #eee; font-size: initial; }
 * 1) cal #cal-frame {

width: 32.85px; padding: 10px 5px; text-align: center; color: #777; }
 * 1) cal #cal-frame .day {

background: #292929; }
 * 1) cal #cal-frame .day:hover {

color: inherit; text-decoration: none; }
 * 1) cal #cal-frame a {

background: #111111; color: white; }
 * 1) cal #cal-frame .current {

/* Rails */ .WikiaRail .rail-module,.WikiaRail .module { border-radius: 5px; }

/* TOC (Credit to ITZY Wiki) */ .page-content #toc { border: 0px solid transparent; border-left: 4px solid var(--theme-accent-color) !important; border-radius: 0px; background: rgba(var(--theme-accent-color--rgb),.1);; }

.toc .toctitle { border: 0px solid transparent !important; }

background-image: url("https://images.wikia.nocookie.net/dev/images/8/89/Ui-icons_666666_256x240.png") !important; }
 * 1) toc-open {

.WikiaRail > div.UserProfileAchievementsModule ul li p { line-height: 105% !important; font-size: 85%;