Welcome to Assassin's Creed Wiki! Log in and join the community.

MediaWiki:FandomMobile.css: Difference between revisions

From the Assassin's Creed Wiki
Jump to navigation Jump to search
imported>ReverieCode
mNo edit summary
imported>ReverieCode
Adding some customization
Line 1: Line 1:
/* CSS placed here will be applied to the FandomMobile skin. */
/***** CSS placed here will be applied to the FandomMobile skin. *****/


/** Small tweak for YouTube icon on dark theme **/
/* 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;
}
 
/* 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'],
Line 8: Line 36:
   height: 20px;
   height: 20px;
   width: 90px;
   width: 90px;
}
/* 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
}
}

Revision as of 09:51, 21 September 2023

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

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

/* 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
}