MediaWiki:Fandomdesktop.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/*----------------------------------------------------------------
FOR REFERENCE:
1. COLORS
2. STYLE
3. MAIN PAGE
4. CATEGORY PAGE
5. ARTICLES
6. INFOBOXES
7. TABLES
8. MISC
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------
1. COLORS --------------------------*/
/* Dark Mode */
.theme-fandomdesktop-dark code {
background-color: #0A0F1A;
padding: 2px 4px;
border: 1px solid #4c4e4e;
border-radius: 6px;
}
/*----------------------------------------------------------------
2. STYLE + LAYOUT --------------------------*/
/* Wiki Header */
/* .fandom-community-header {
background: rgba(24, 55, 53,.55);
padding: 16px 12px 12px;
margin-bottom: -12px;
border-radius: 8px;
} */
.fandom-community-header__community-name, .wds-tabs .first-level-item {
filter: drop-shadow(1px 2px #102125) drop-shadow(-1px 1px 2px #102125);
z-index: 2;
}
.page {
border-top: 8px solid #754556;
border-radius: 8px;
}
/* Wiki Background */
.fandom-community-header__background {
background-size: cover!important;
position: fixed;
}
.fandom-community-header__background.cover {
position: fixed;
opacity: 0.8;
}
/* Page Titles */
.page-header__title {
font-family: Roboto Slab, sans-serif;
}
/* Article Headers */
h1, h2, header, .header,
.portable-infobox h2.pi-title.pi-item,
.portable-infobox h2.pi-header.pi-item,
.portable-infobox .pi-header.pi-secondary-font,
div.section-header-label {
font-family: Roboto Slab, Helvetica, Arial, sans-serif;
font-weight: normal !important;
font-style: normal !important;
}
/* Side Rail Colors */
.theme-fandomdesktop-light .page__right-rail {
--right-rail-background-color: #f5f2ef;
background-color: #f5f2ef;
}
.theme-fandomdesktop-dark .page__right-rail {
--right-rail-background-color: #3e403f;
background-color: #3e403f;
}
/* Hide Side Rail -- SORRY, YOU CAN JUST CLICK THE LITTLE ARROW TO HIDE IT BUT IT'S REALLY GOOD FOR EDITORS
.page__right-rail #WikiaRail .rail-recentImages-module {
display: none !important;
}
.page-side-tools__wrapper {
display: none !important;
}
.page__right-rail {
right: -300px !important;
visibility: hidden !important;
} */
/* Hide suggested articels */
.recirculation-prefooter {
display: none !important;
}
/*----------------------------------------------------------------
3. MAIN PAGE --------------------------*/
/*----------------------------------------------------------------
4. CATEGORY PAGES --------------------------*/
/* Reduces size of "Trending Articles" section */
#content .category-page__trending-pages {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
#content .category-page__trending-page-thumbnail {
max-width: 120px;
max-height: 120px;
object-fit: cover;
}
#content .category-page__trending-page-title {
font-size:80%;
}
/*----------------------------------------------------------------
5. ARTICLES --------------------------*/
/*----------------------------------------------------------------
6. INFOBOX --------------------------*/
/*----------------------------------------------------------------
7. TABLES --------------------------*/
/* Fancy Article List Table */
.articleList {
width: 100%;
box-sizing: border-box;
margin-top:1em;
overflow: auto;
border: 1px solid #41301C;
border-radius: 5px;
text-align: center;
font-size: 0.9em;
}
.articleList tr:nth-child(even):hover {
background-color: rgba(97,130,111,0.3);
}
.articleList tr:nth-child(even) {
background-color: rgba(228,211,198,0.18);
}
.articleList tr:nth-child(odd):hover {
background-color: rgba(97,130,111,0.3);
}
.articleList tr:nth-child(odd) {
background-color: rgba(228,204,184,0.3);
}
.articleList tr:nth-child(2).td {
border-top: 0;
}
.articleList tr:last-child.td {
border-bottom: 0;
}
.articleList th {
box-sizing: border-box;
border-bottom: solid 0.2em #cecece;
position: sticky;
top: 0;
background-color: rgba(214,194,177,0.35);
font-size: 0.9em;
font-weight: 700;
letter-spacing: 2px;
}
.articleList th:nth-child(1), .articleList td:nth-child(1) {
font-weight: 700;
width: 20%;
background-color: rgba(214, 194,177,0.3);
border-right: 0.1em double #cecece;
}
.articleList td {
padding: 0.2em;
box-sizing: border-box;
border-bottom: solid 0.05em #cecece;
border-left: solid 0.05em #cecece;
/*white-space: nowrap;*/
}
/*----------------------------------------------------------------
8. MISC --------------------------*/
/* Spoiler code */
.spoiler {
background-color: black;
color: black;
cursor: pointer;
}
.spoiler:hover {
color: white;
}