MediaWiki:Common.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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/*Local wiki imports*/
@import url("/index.php?title=MediaWiki:Styling.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Homepage.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Staff.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Templatestyles.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:UserColors.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:VarColors.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Msgboxstyles.css&action=raw&ctype=text/css");

/* Custom Font Loading */
@font-face {
	font-family: "Rocket Rinder";
	src: url("/fonts/Rocket Rinder.otf") format('opentype')
}

@font-face {
	font-family: "OriginTech";
	src: url("/fonts/OriginTech personal use.ttf") format('truetype')
}

@font-face {
	font-family: "Ethno Centric";
	src: url("/fonts/ethnocentric rg.ttf") format('truetype')
}

@font-face {
	font-family: "Star Jedi";
	src: url("/fonts/Starjedi.ttf") format('truetype')
}

@font-face {
	font-family: "Android";
	src: url("/fonts/Android/Android.ttf") format('truetype');
	font-style: normal;
}

@font-face {
	font-family: "Android";
	src: url("/fonts/Android/Android Italic.ttf") format('truetype');
	font-style: italic;
}

@font-face {
	font-family: "Android Hollow";
	src: url("/fonts/Android/Android Hollow.ttf") format('truetype');
}

@font-face {
	font-family: "Olga";
	src: url("/fonts/Olga.ttf") format('truetype');
}

/* Fix the weird color change when you start scrolling */
html, body {
  height: auto !important;
}

/* Talk page button management */
/* Don't show on Main Page & Certain namespaces*/
body.page-Main_Page #ca-talk, body.ns-4 #ca-talk {
	display: none !important;
}

.mw-sidebar-action {
	display: none !important;
}

/* Logo Styling */
.mw-logo-container {
	font-family: "Rocket Rinder", "Arial", "sans-serif";
	color: white;
	font-size: larger;
	letter-spacing: 0.1em;
	-webkit-text-stroke: 0.01em black;
}

.mw-logo {
	filter: drop-shadow(0 0 2.5px black);
}

.mw-logo:hover {
	text-decoration: none;
}
/* End of Logo Styling */

.mw-number-text h3, .mw-number-text p {
	color: white !important;
}

.mw-createacct-benefits-container h2 {
	color: white;
}

/* fix echo coloring */
.mw-echo-ui-notificationItemWidget-unread {
	background-color: rgb(50, 54, 55);
}

/* Fix weird link colors on pages where darkreader cant be loaded */
h1, h2, h3, h4, h5, h6 {
	color: white;	
}
.vector-menu-portal .vector-menu-content li a {
	color: rgb(102, 177, 250) !important;
}
.vector-menu-portal .vector-menu-content li a:visited {
	color: rgb(126, 114, 255) !important;
}
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
	color: rgb(211, 207, 202) !important;
}

/* Preferences Page Styling */
.oo-ui-tabSelectWidget-framed {
	background-color: rgb(34, 37, 38);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
	background-color: rgb(24, 26, 27);
	color: rgb(232, 230, 227);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
	border-bottom-color: rgb(48, 52, 54);
}
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
	border-color: rgb(62, 67, 70);
}
.mw-prefs-buttons {
	background-color: rgb(24, 26, 27);
	border-top-color: rgb(62, 67, 70);
	box-shadow: rgba(0, 0, 0, 0.25) 0px -4px 4px -4px;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	background-color: rgb(24, 26, 27);
	color: rgb(232, 230, 227);
	border-color: rgb(72, 78, 81);
}
.oo-ui-checkboxInputWidget [type="checkbox"] + span {
	background-color: rgb(24, 26, 27);
	border-color: rgb(101, 93, 83);
}

/* Site Notice Styling (UNCOMMENT THIS WHENEVER YOU SET A SITENOTICE!!!)*/
/* .sitenoticestyling {
	padding: 10px;
	border-radius: 10px;
	border: 2px solid rgb(48, 52, 54) !important;
	border-color: rgb(48, 52, 54) !important;
	text-align: center;
	margin-bottom: 10px !important;
} */