MediaWiki:FandomMobile.css

/***** CSS placed here will be applied to the FandomMobile skin. *****/

/* General design fixes and tweaks */

/** Making horizontal rule thinner and theme-appropriate **/
hr {
    color: var(--theme-border-color);
    border-style: solid;
    margin: 5px 0;
}

/** Adding space at the bottom of lists - missing from Fandom currently **/
:not(li) > ul, :not(li) > ol {
	margin-bottom: 1.125rem;
}
/*** Avoiding above fix on tables and infoboxes ***/
table ul, table ol, .portable-infobox ul, .portable-infobox ol {
	margin-bottom: 0;
}

/** Smaller references list **/
div.references-small {
	font-size: smaller;
}

/* Templates */

/** Template:GalleryBox **/
.gallery-box {
    border: 2px solid #CCCCCC;
    font-size: 100%;
    width: 304px;
    height: 64px;
    padding: 3px;
    margin: 0 auto 1.6em;
}
.theme-fandommobile-dark .gallery-box { background-color: #333333; }
.theme-fandommobile-light .gallery-box { background-color: #e3e3e3; }

.gallery-box-image {
    width: 50px;
    height: 50px;
    float: left;
    text-align: center;
    display: grid;
    align-items: center;
}

.gallery-box-text {
    padding-top: 2px;
    text-align: left;
    margin-left: 60px;
    font-size: 90%;
}

/** Template:Otheruses **/
.otheruses {
   width: fit-content;
   margin: 10px auto;
   border-radius: 7px;
   font-size: smaller;
   padding: 0.5em;
}

.theme-fandommobile-dark .otheruses {
   background: #1f4469;
   border: 1px solid #000;
}
.theme-fandommobile-light .otheruses {
   background: #c4dff9;
   border: 1px solid #acbdcd;
}

/* Improvements for Special:RecentChanges (thanks to Genshin Impact Wiki) */
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
	margin-left: 1em;
}
.mw-changeslist-line {
	margin-bottom: 0.5em;
	font-size:90%;
}

/** RC color fixes (note: the red one is the same as the FD fixes defined in colors.css, while the green is success color on FD) **/
.theme-fandommobile-dark .mw-plusminus-neg {
	color: #FF4B4B;
}

.theme-fandommobile-dark .mw-plusminus-pos {
	color: #40c120
}

.autocomment, .autocomment a, .autocomment a:visited {
	color: #acb4bf
}

/* Light and dark theme fixes */

/** YouTube logo **/
body.theme-fandommobile-dark:not(.ns-6) img[src*='/YouTube.png'],
body.theme-fandommobile-dark:not(.ns-6) img[src*='/YouTube.png'] {
  content: url('https://static.wikia.nocookie.net/assassinscreed/images/3/34/YouTube_white_logo.png');
  height: 20px;
  width: 90px;
}

/** Arabic names (inverting color to dark) **/
body.theme-fandommobile-light:not(.ns-6) img[src*='/Basim_Arabic'],
body.theme-fandommobile-light:not(.ns-6) img[src*='/Roshan_Arabic'] {
    filter: invert(1);
}

/* Mobile infobox image adjustments for certain pages */
.page-Basim_Ibn_Ishaq .wiki-page-header__hero-image img[src*='/Basim_Arabic'],
.page-Roshan .wiki-page-header__hero-image img[src*='/Roshan_Arabic'] {
    width: calc(60vw - 1.5rem);
    margin-bottom: 8px;
}

.page-Basim_Ibn_Ishaq .pi-image .article-media-placeholder,
.page-Roshan .pi-image .article-media-placeholder {
    border: none;
}

.page-Basim_Ibn_Ishaq .pi-hero-small-wrapper .article-media-placeholder,
.page-Roshan .pi-hero-small-wrapper .article-media-placeholder {
    border: none;
    padding-top: 16px;
}