MediaWiki:Monobook.css

This is the CSS for the monobook skin only. Any major changes to this page should first be proposed on its talk page or the Village pump.

Please note that changes are visible within minutes. Errors you make here can disrupt the entire encyclopedia, so make sure you know what you are doing. Always check with the W3C CSS Validation Service before and after any changes.

Testing can be done on your personal monobook.css. In Mozilla Firefox and Opera, you can also test style changes dynamically with the test styles bookmarklet from squarefree.com. It pops up a window for adding style rules, and updates the page as you type.

If you add or modify anything here, please update the catalogue of CSS classes.

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/* Don't display some stuff on the main page */
body.page-Main_Page #deleteconfirm,
body.page-Main_Page #t-cite,
body.page-Main_Page #lastmod,
body.action-view.page-Main_Page #siteSub,
body.action-view.page-Main_Page #contentSub {
	display: none !important;
}

#siteNotice {
	margin-top: 5px;
	margin-bottom: -.5em;
}
#mw-dismissable-notice {
	background: transparent;
}

/* BEGIN LIGHT BLUE SECTION
   Make content area light blue in all namespaces except articles (main namespace). 
   This is done by setting the background color for all #content areas 
   to light blue, and then overriding it back to white for any #content 
   enclosed in a .ns-0 (main namespace). We do the same for the "tab" 
   backgrounds and some other objects. */

div#content,
div#p-cactions li a:hover,
div#p-cactions li.selected a,
div#content div.thumb {          /* "Margin" for thumbs, padding for galleries */
	background-color: #F8FCFF;   /* Light blue */
}
div#p-cactions li a {
	background-color: #F7F9FB;   /* Light blue-gray inactive tabs */
}

.ns-0 div#content,
.ns-0 div#p-cactions li a:hover, .ns-0 div#p-cactions li.selected a, 
.ns-0 div#content div.thumb {
	background-color: white;     /* Set back to white for articles */
}
.ns-0 div#p-cactions li a {
	background-color: #FBFBFB;   /* Light gray inactive tabs in articles */
}

@media print {
	div#content {
		background: white;
	} /* White background on print */
}

/* END LIGHT BLUE SECTION */

/* Talk page tab "+" / "new section". 
   Sets the same padding as the other tabs have. */
div#p-cactions #ca-addsection a {
	padding-left: .8em;
	padding-right: .8em;
}

/* Make "From Wikipedia, the free encyclopedia" a bit smaller */
#siteSub {
	font-size: 92%;
}

div#footer #lastmod,
div#footer #copyright {
	display: block;
}

p.error {
	font-weight: bold;
}

/* Remove default styles for [[MediaWiki:Noarticletext]]. */
div.noarticletext {
	border: none;
	background: transparent;
	padding: 0;
}

/* Class styles */

/* .toccolours added here because version in 
   monobook/main.css wasn't being used by the print style */
.toccolours { 
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
}

/* Don't underline links in portlets/specialchars even with pref "Underline links:Always" */
.portlet a,
#editpage-specialchars a {
	text-decoration: none;
}
.portlet a:hover,
#editpage-specialchars a:hover {
	text-decoration: underline;
}

/* Position coordinates */
#coordinates {  
	position: absolute;
	z-index: 1;
	border: none;
	background: none;
	right: 0;
	top: 3.7em;
	float: right;
	margin: 0;
	padding: 0;
	padding-right: 30px;
	line-height: 1.5em;
	text-align: right;
	text-indent: 0;
	font-size: 85%;
	text-transform: none;
	white-space: nowrap;
}
/* Prep for moving coordinates into mw-indicator */
#mw-indicator-attached-kml,
#mw-indicator-coordinates {
	font-size: 13px;
}

.ve-ce-surface #coordinates {
	margin-top: -3em;
}

/* FR topicon position */
div.flaggedrevs_short {
	position: absolute;
	z-index: 10;
	top: 10px;
	right: 110px;
}

.ve-ce-surface #coordinates {
	top: 0;
	padding: 0;
}

/* Add bolding to ooui destructive buttons */
#mw-prefs-restoreprefs,
#wpConfirmB,
#mw-editform-cancel,
#oo-ui-flaggedElement-destructive,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
	font-weight: 700;
}

@media (max-width:550px) {
	/* Break long words when they cause overflow */
	.mw-body {
		overflow-wrap: break-word;
	}
}

/* Workaroud for T309948 */
.ext-ipinfo-button{
 height: 1em;
}

/* Styling for tags in changes pages */
.mw-tag-markers {
	font-style: italic;
}