Welcome to Assassin's Creed Wiki! Log in and join the community.
MediaWiki:FandomMobile.css: Difference between revisions
Jump to navigation
Jump to search
imported>ReverieCode Adding some customization |
imported>ReverieCode No edit summary |
||
| Line 4: | Line 4: | ||
/** Making horizontal rule thinner and theme-appropriate **/ | /** Making horizontal rule thinner and theme-appropriate **/ | ||
hr { | hr { | ||
color: var(--theme-border-color); | color: var(--theme-border-color); | ||
| Line 12: | Line 11: | ||
/** Adding space at the bottom of lists - missing from Fandom currently **/ | /** Adding space at the bottom of lists - missing from Fandom currently **/ | ||
:not(li) > ul, :not(li) > ol { | :not(li) > ul, :not(li) > ol { | ||
margin-bottom: 1.125rem; | margin-bottom: 1.125rem; | ||
| Line 22: | Line 20: | ||
/** Smaller references list **/ | /** Smaller references list **/ | ||
div.references-small { | div.references-small { | ||
font-size: smaller; | font-size: smaller; | ||
| Line 30: | Line 27: | ||
/** YouTube logo **/ | /** YouTube logo **/ | ||
body.theme-fandommobile-dark:not(.ns-6) img[src*='/YouTube.png'], | body.theme-fandommobile-dark:not(.ns-6) img[src*='/YouTube.png'], | ||
body.theme-fandommobile-dark:not(.ns-6) img[src*='/YouTube.png'] { | body.theme-fandommobile-dark:not(.ns-6) img[src*='/YouTube.png'] { | ||
| Line 36: | Line 32: | ||
height: 20px; | height: 20px; | ||
width: 90px; | width: 90px; | ||
} | |||
/* Templates */ | |||
/** GalleryBox **/ | |||
.gallery-box .article-table-wrapper { | |||
margin: 0 auto 1.6em; | |||
width: 300px; | |||
background: #333; | |||
border: 2px solid #CCC; | |||
} | |||
.gallery-box .article-table-wrapper tr>td:not(:last-child), .article-table-wrapper tr>th:not(:last-child) { | |||
border: none; | |||
} | } | ||
/* Improvements for Special:RecentChanges (thanks to Genshin Impact Wiki) */ | /* Improvements for Special:RecentChanges (thanks to Genshin Impact Wiki) */ | ||
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { | .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { | ||
margin-left: 1em; | margin-left: 1em; | ||
| Line 48: | Line 57: | ||
} | } | ||
/* 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) */ | /** 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 { | .theme-fandommobile-dark .mw-plusminus-neg { | ||
color: #FF4B4B; | color: #FF4B4B; | ||
Revision as of 10:31, 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;
}
/* Templates */
/** GalleryBox **/
.gallery-box .article-table-wrapper {
margin: 0 auto 1.6em;
width: 300px;
background: #333;
border: 2px solid #CCC;
}
.gallery-box .article-table-wrapper tr>td:not(:last-child), .article-table-wrapper tr>th:not(:last-child) {
border: none;
}
/* 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
}