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