MediaWiki:FandomMobile.css

/*Imports*/ /** Fonts **/ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap'); @font-face { font-family: 'Montserrat', sans-serif; } /* End Imports */

/* Article Space */ /** Admin colors **/ /*** Text colors ***/ a[href$=":ElpisGalaxy"], a[href$="/ElpisGalaxy"] { color: #9370DB !important; font-weight: 600 !important;} a[href$=":Loa_Maria"], a[href$="/Loa_Maria"], a[href$=":Loa%20Maria"], a[href$="/Loa%20Maria"] { color: #f36196 !important; font-weight: 600 !important;} a[href$=":SeifukuGirls"], a[href$="/SeifukuGirls"] { color: #f36196 !important; font-weight: 600 !important;} a[href$=":Alexmingtung"], a[href$="/Alexmingtung"] { color: #f36196 !important; font-weight: 600 !important;} a[href$=":D4rkWzd"], a[href$="/D4rkWzd"] { color: #f36196 !important; font-weight: 600 !important;} /*** End Text colors ***/ /*** Profile frame colors ***/ .page-User_ElpisGalaxy div.user-identity-avatar img.user-identity-avatar__image, .page-Message_Wall_ElpisGalaxy div.user-identity-avatar img.user-identity-avatar__image, .page-User_blog_ElpisGalaxy div.user-identity-avatar img.user-identity-avatar__image, .page-Special_Contributions_ElpisGalaxy div.user-identity-avatar img.user-identity-avatar__image, .page-Special_UserProfileActivity_ElpisGalaxy div.user-identity-avatar img.user-identity-avatar__image, img.wds-avatar__image[alt='ElpisGalaxy'], div.EntityHeader_avatar__2TDnq[alt='ElpisGalaxy'] { border-color: #9370DB !important; } .page-User_Loa_Maria div.user-identity-avatar img.user-identity-avatar__image, .page-Message_Wall_Loa_Maria div.user-identity-avatar img.user-identity-avatar__image, .page-User_blog_Loa_Maria div.user-identity-avatar img.user-identity-avatar__image, .page-Special_Contributions_Loa_Maria div.user-identity-avatar img.user-identity-avatar__image, .page-Special_UserProfileActivity_Loa_Maria div.user-identity-avatar img.user-identity-avatar__image, img.wds-avatar__image[alt='Loa Maria'], div.EntityHeader_avatar__2TDnq[alt='Loa Maria'] { border-color: #f36196 !important; } .page-User_SeifukuGirls div.user-identity-avatar img.user-identity-avatar__image, .page-Message_Wall_SeifukuGirls div.user-identity-avatar img.user-identity-avatar__image, .page-User_blog_SeifukuGirls div.user-identity-avatar img.user-identity-avatar__image, .page-Special_Contributions_SeifukuGirls div.user-identity-avatar img.user-identity-avatar__image, .page-Special_UserProfileActivity_SeifukuGirls div.user-identity-avatar img.user-identity-avatar__image, img.wds-avatar__image[alt='SeifukuGirls'], div.EntityHeader_avatar__2TDnq[alt='SeifukuGirls'] { border-color: #f36196 !important; } .page-User_Alexmingtung div.user-identity-avatar img.user-identity-avatar__image, .page-Message_Wall_Alexmingtung div.user-identity-avatar img.user-identity-avatar__image, .page-User_blog_Alexmingtung div.user-identity-avatar img.user-identity-avatar__image, .page-Special_Contributions_Alexmingtung div.user-identity-avatar img.user-identity-avatar__image, .page-Special_UserProfileActivity_Alexmingtung div.user-identity-avatar img.user-identity-avatar__image, img.wds-avatar__image[alt='Alexmingtung'], div.EntityHeader_avatar__2TDnq[alt='Alexmingtung'] { border-color: #f36196 !important; } .page-User_D4rkWzd div.user-identity-avatar img.user-identity-avatar__image, .page-Message_Wall_D4rkWzd div.user-identity-avatar img.user-identity-avatar__image, .page-User_blog_D4rkWzd div.user-identity-avatar img.user-identity-avatar__image, .page-Special_Contributions_D4rkWzd div.user-identity-avatar img.user-identity-avatar__image, .page-Special_UserProfileActivity_D4rkWzd div.user-identity-avatar img.user-identity-avatar__image, img.wds-avatar__image[alt='D4rkWzd'], div.EntityHeader_avatar__2TDnq[alt='D4rkWzd'] { border-color: #f36196 !important; } /*** End Profile frame colors ***/ /** End Admin colors **/

/* Article Space & UI */ /** Expand-Collapse button appearance **/ .mw-collapsible-toggle a { color: inherit !important; } .mw-collapsible-toggle { float:left !important; padding: 0px 6px; color: #037ec4; font-weight: bold; } /** End Expand-Collapse **/ /** Maps background color **/ .interactive-maps__map { background-color: #b4dcfc !important; } /** End Maps **/ /** Mobile Infobox - adding accent color to group titles **/ .pi-header-wrapper { background: var(--theme-accent-color); margin-bottom: 8px; } .pi-group { margin: 0; padding-top: 0; padding-bottom: 5px; } .pi-group:not(:first-child){ border-top: 0 !important; } .pi-group .pi-item:not(.pi-header) { padding-left: 12px !important; padding-right: 12px !important; }

.pi { border-radius: 0px 0px 4px 4px; } /** End Mobile Infobox **/ /**Removing icon from recommended articles slideshow at the botton of the page **/ .related-content-items-wrapper > a > div > div { display: none; } /** End recommended articles **/ /** Adding margin after bullet lists to fix bad spacing in discography lists **/ ul { margin-bottom: 1.125rem; } /** End Spacing Fix */ /** Adding wiki logo in mobile community bar **/ .mobile-community-bar__sitename > a::before { background-image: url("https://static.wikia.nocookie.net/jpop/images/8/89/Wiki-wordmark.png"); width: 28px; height: 16px; background-size: 16px 16px; background-repeat: no-repeat; content: ""; transform: scale(1.9); background-position: 30% 0%; } .mobile-community-bar__sitename { overflow: visible; } /** End community bar **/ /* End Article Space & UI */

/* Front Page */ /** Headings **/ .heading-a { text-align: center; overflow: auto !important; padding: 10px !important; margin: 10px 0 10px 0 !important; border-width: 1px !important; font-family: Montserrat !important; font-weight: 500 !important; border-radius: 0px !important; } .heading-b { text-align: center; overflow: auto !important; padding: 1px !important; margin: 10px 0 5px 0 !important; border-width: 0.5px !important; font-family: Montserrat !important; font-weight: 500 !important; border-radius: 0px !important; } /** End Headings **/ /** Flexbox Grid **/ .flexGrid { display: flex; flex-wrap: wrap; justify-content: center; } .flexGrid > div { margin: 1px; } /** End Flexbox Grid **/ /* End Front Page */

/* Utils */ /** Colors that change automatically based on dark/light theme **/ .accent-color { color: var(--theme-accent-color); } .accent-color-bg { background-color: var(--theme-accent-color); } .accent-color-border { border-color: var(--theme-accent-color); } /** End Auto Colors **/ /** Utility classes **/ .text-center { text-align: center; } .text-white { color: white; } /** End Utility classes **/ /* End Utils */