MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* macOS grayscale antialiasing for less poorly-optimized text "bleed" in light-on-dark areas and text size consistency */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; }/**/

/* Headings */ clear: left; }/**/
 * 1) mw-content-text h2,
 * 2) mw-content-text h3 {

/* Article text */ margin: 1em 0; }	margin-top: 3px; margin-bottom: 3px; } a.selflink { font-weight: bold; color: black; } .table-back { clear: both; margin-top: 30px; margin-bottom: 15px; padding: 10px; border: 0; border-radius: 0; background-color: var(--theme-header-background-color, #3285ab); text-align: center; } .table-back > table { margin-left: auto; margin-right: auto; }/**/
 * 1) mw-content-text p + p {
 * 1) mw-content-text dd {

/* Images */ border: 0; clear: left; float: left; margin: 0 20px 10px 0; position: relative; }   border: 0; clear: right; float: right; margin: 0 0 10px 20px; position: relative; }/**/
 * 1) mw-content-text .floatleft {
 * 1) mw-content-text .floatright {

/* Wordmark */ .wds-community-header .wds-community-header__wordmark img { opacity: 1; transition: all 0.2s; } .wds-community-header .wds-community-header__wordmark img:hover { opacity: 0.8; }/**/

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect:after { content: " (redirect)"; color: #808080; } .allpagesredirect, .watchlistredir { font-style: italic; }/**/

/* Protection image CSS */ div.protection-image { display: none; } div.protection-image-visible { display: inline; }/**/

/* Buttons */ .button { font-size: .9em; background: var(--theme-accent-color); color: var(--theme-accent-label-color); box-shadow: 0 2px 7px rgba(0,0,0,.4); border-radius: 3px; margin: 0 4px; padding: 5px 10px; transition-duration: .3s; transition-property: background-color,border-color,color; } .button:hover { background: var(--theme-accent-color--hover); text-decoration: none !important; }/**/

/* Clickable div elements with shading */ .clickable-div a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .clickable-div a > img { width: 100%; height: 100%; transition: 0.25s; } .clickable-div a > img:hover { background: rgba(0, 0, 0, 0.2); }/**/

/* Clickable div without shading */ .clickable-div-ns a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .clickable-div-ns a > img { width: 100%; height: 100%; }/**/

/* Tophats/Notice Templates */ .tophat { background-color: #007dcc; border-radius: 3px; border: 4px solid rgba(0,0,32,0.4); box-shadow: inset 0 -6px 0 rgba(0,0,32,0.2), inset 0 6px 0 rgba(255,255,255,0.2), 0 4px 0 rgba(0,0,0,0.15); box-sizing: border-box; color: #FFFFFF; font-size: 110%; font-weight: normal; margin-bottom: 20px; padding: 5px 10px; text-align: center; text-shadow: 0 2px 3px rgba(0,0,0,0.4); width: 100%; } .tophat a { color: #BBE7FF; } .tophat p { margin: 0; }/**/

/* Special:Community */ .community-page-header { position: relative; align-items: center; } .community-page-header::before { content: ''; position: absolute; background: rgba(0,0,0,.4); width: 100%; height: 100%; } .community-page-header .community-page-header-content { padding: 0; }/**/