MediaWiki:Refreshed.css

MediaWiki interface page

Note: After saving, you may have to bypass your browser's cache to see the changes.

body {
	background-color:#f6f6f6;
	font-family:'IBM Plex Sans',sans-serif;
}
#header-wrapper {
	background:var(--primary);
	height:64px;
}
.ve-active #header-wrapper {
   z-index:1;
}
#sidebar-wrapper, #footer-wrapper {
	color:#444444;
}
#sidebar {
	margin-bottom:0;
}
#main-title-messages {
	border-bottom:none;
}
a.sidebar-item {
	color:initial;
}
#bodyContent {
	overflow:initial;
}
#content-wrapper {
	background-color:#fbfbfb;
}
#content-footer-wrapper {
	margin-top:64px;
}
#mw-content-text {
	overflow:auto;
}
#catlinks {
	background-color:#fff;
	margin-top:1em;
	padding:5px;
	font-size:14px;
	border:1px solid rgba(0,0,0,.1);
	border-radius:2px;
}
.footer-row-item {
	display:inline;
}
fieldset {
	border:1px solid #f0f0f0;
	border-radius:2px;
}
.refreshed-dropdown-tray a, #refreshed-toolbox a, .catlinks a, a {
	color:#2660AE;
}
.refreshed-dropdown-tray li.new a, #refreshed-toolbox .new a, .catlinks a.new, a.new {
	color:#AE2660;
}

#pagehistory li {
	border-color:rgba(0, 0, 0, 0); /* remove white borders from history pages */
}
@media screen and (max-width:599px){
	#content-footer-wrapper {
		margin-top:56px;
	}
	.hide-on-mobile {
		display:none !important;
	}
	.oo-ui-popupWidget-popup {
		width: 340px !important;
		left: 120px !important;
	}

	.oo-ui-popupWidget-body {
		width: 100%;
	}
}
@media screen and (max-width:719px){
	#desktop-header,
        #ca-ve-edit,
        .hotcatlink /* hides the visualedit button from mobile users */{
		display:none;
	}
	#firstHeading {
		display:initial;
		font-size:30px;
	}
	#header-wrapper,
	a.refreshed-logo-sidebar-current {
		height:56px;
	}
	/* page elements */
	#elementbox {
		width:100% !important;
		float:none !important;
	}
	#footer-wrapper {
		font-size:1em;
	}
}
@media screen and (max-width: 1000px) { /* mobile and tablet */
	#sidebar {
		margin-top:0;
	}
	#sidebar-wrapper {
		background-color:#fff;
		padding-top:0;
	}
}
.oo-ui-windowManager-modal > .oo-ui-dialog {
	z-index:999; /* so visual editor buttons aren't blocked by the Refreshed skin */
}
/* Formatting for full-size desktop skin ONLY */
@media screen and (min-width:720px) { /* specific rule to override Refreshed formatting) */
	#refreshed-toolbox {
		top:64px;
	}
	#sidebar-wrapper {
		margin-top:64px;
	}
}
/* Desktop formatting end */
.refreshed-toolbox-stuck {
	box-shadow:none;
}

.ve-active #refreshed-toolbox {
	display:none;
}
.ve-ui-toolbar-floating {
	top:64px;
}

.avatar-no-socialprofile, .arrow {
	line-height:normal;
	height:initial;
}
#content-wrapper {
	font-family:'IBM Plex Sans',sans-serif;
}
#content {
	min-height:300px;
}

.wikitable {
	background-color: #f8f9fa;
	color: #202122;
	margin: 1em 0;
	border: 1px solid #a2a9b1;
	border-collapse: collapse;
}
.wikitable > tr > th, .wikitable > * > tr > th {
	background-color: #eaecf0;
	text-align: center;
}