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.

/* CSS placed here will be applied to all skins */
a,
image a {
    color: #327ba7;
}

a:visited,
image a:visited,
a:active,
image a:active {
    color: #327ba7;
}

a.new,
image a.new {
    color: #ba0000;
}

a.new:visited,
image a.new:visited {
    color: #ba0000;
}

div.vectorTabs li a,
div.vectorMenu li a,
#mw-panel .portal .body li a,
div.vectorTabs li a:visited,
div.vectorMenu li a:visited,
#mw-panel .portal .body li a:visited,
div.vectorTabs li a:active,
div.vectorMenu li a:active,
#mw-panel .portal .body li a:active {
    color: #327ba7;
}

div.vectorTabs li.new a,
div.vectorMenu li.new a,
#mw-panel .portal .body li.new a,
div.vectorTabs li.new a:visited,
div.vectorMenu li.new a:visited,
#mw-panel .portal .body li.new a:visited,
div.vectorTabs li.new a:active,
div.vectorMenu li.new a:active,
#mw-panel .portal .body li.new a:active {
    color: #ba0000;
}

.mw-body-content a.external,
.mw-body-content a.extiw {
    color: #3869bb;
}

.mw-body-content a.external:visited,
.mw-body-content a.extiw:visited,
.mw-body-content a.external:active,
.mw-body-content a.extiw:active {
    color: #3869bb;
}

.jsPurgeLink a.external {
    color: #327ba7;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: sans-serif;
}

.mw-body {
    color: #36414f;
    background-color: #fbfbfb;
}

.mw-body-content {
    font-size: 0.9em;
    line-height: 1.75;
}

.mw-body-content p {
    margin: 0 0 0.8em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444e5a;
    border-color: #e4eaee;
}

h1 {
    font-weight: bold;
}

h2 {
    border: none;
}

.mw-body h1,
.mw-body-content h1,
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
    font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
    margin-bottom: 0.3em;
}

body.page-Repair_Preservation_Group .mw-parser-output {
    max-width: 75em;
    margin: 0 auto;
}

body.page-Repair_Preservation_Group.action-view .catlinks,
body.page-Repair_Preservation_Group.action-view #contentSub,
body.page-Repair_Preservation_Group.action-view #firstHeading,
body.page-Repair_Preservation_Group.action-view #siteNotice {
    display: none;
}

body.page-Repair_Preservation_Group .mw-parser-output {
    max-width: 75em;
    margin: 0 auto;
}

body.page-Repair_Preservation_Group.action-view .catlinks,
body.page-Repair_Preservation_Group.action-view #contentSub,
body.page-Repair_Preservation_Group.action-view #firstHeading,
body.page-Repair_Preservation_Group.action-view #siteNotice {
    display: none;
}

.mainpage-header {
    display: flex;
    margin: 2.6em 1.75em 1.5em;
}

.mainpage-header .header-intro {
    flex: 2;
}

.mainpage-header .header-intro h1 {
    font-size: 1.8em;
    border: none;
    margin: 0 0 0.15em;
}

.mainpage-header .header-intro p {
    font-size: 1.1em;
    line-height: 1.7em;
}

.mainpage-header .header-stats {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -1em;
}

.mainpage-header .header-stats ul {
    list-style: none;
}

/* (mp_) For main-page styling - Inspired by MediaWiki's main page */
.mp_row {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mp_box {
  padding: 0 10px 10px 10px;
  margin: 5px;
  flex: 1;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 250px; /* Could we use media queries instead? */
  border: 1px solid #CCC;
  box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0px 0 1px rgb(10 10 10 / 2%);
}

.mp_box h2 {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0.5em 0;
}

.mp_box .content {
  /* padding-top: 0.5em; */
}

.mp_box img .image-fullwidth {
  height: auto;
  width: 100%;
}

.mainpage-social {
    border: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}

.mainpage-social .tile-top {
    display: flex;
    align-items: center;
    padding: 1em 1.5em;
}

.mainpage-social .tile-top a {
    flex: 1;
    position: relative;
    text-decoration: none;
}

.mainpage-social .tile-top a:hover .arrow {
    transform: translateX(50%);
}

.mainpage-social .tile-bottom {
    border: none;
    padding: 1em 1.75em;
}

.mainpage-social .tile-bottom p {
    color: #ffffff;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin: 0;
}

.mainpage-social .social-icon {
    margin-right: 0.75em;
    width: 60px;
    text-align: center;
}

.mainpage-social .social-header {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.15em;
    margin: 0.5em 0 -0.15em;
}

.mainpage-social .social-tagline {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0.5em;
}

.mainpage-social .arrow {
    position: absolute;
    top: calc(50% - .5em);
    right: 0;
    height: 1em;
    width: 0.7em;
    background-size: 0.7em 1em;
    transition: 0.3s ease-out;
}

.mainpage-social.mainpage-discord .tile-top {
    background: #7289da;
}

.mainpage-social.mainpage-discord .tile-bottom {
    background: #697ec4;
}

/* Reflist css
 */
ol.references {
	font-size: 90%;
	margin-bottom: 0.5em;
}

/* columns-2 and columns-3 are legacy for "2 or more" column view from when the
 * template was implemented with column-count.
 */
.reflist-columns-2 {
	column-width: 30em;
}

.reflist-columns-3 {
	column-width: 25em;
}

/* Reset top margin for lists embedded in columns */
.reflist-columns {
	margin-top: 0.3em;
}

.reflist-columns ol {
	margin-top: 0;
}

/* Avoid elements breaking between columns */
.reflist-columns li {
	page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */
	break-inside: avoid-column;
}

.reflist-upper-alpha {
	list-style-type: upper-alpha;
}

.reflist-upper-roman {
	list-style-type: upper-roman;
}

.reflist-lower-alpha {
	list-style-type: lower-alpha;
}

.reflist-lower-greek {
	list-style-type: lower-greek;
}

.reflist-lower-roman {
	list-style-type: lower-roman;
}

/* {{pp-template}} */
.refbegin {
	font-size: 90%;
	margin-bottom: 0.5em;
}

.refbegin-hanging-indents > ul {
	margin-left: 0;
}

.refbegin-hanging-indents > ul > li {
	margin-left: 0;
	padding-left: 3.2em;
	text-indent: -3.2em;
}

.refbegin-hanging-indents ul,
.refbegin-hanging-indents ul li {
	list-style: none;
}

@media (max-width: 720px) {
	.refbegin-hanging-indents > ul > li {
		padding-left: 1.6em;
		text-indent: -1.6em;
	}
}

/* Option for normal fontsize in {{refbegin}} */
.refbegin-100 {
	font-size: 100%;
}

.refbegin-columns {
	margin-top: 0.3em;
}

/* Reset top margin for lists embedded in columns */
.refbegin-columns ul {
	margin-top: 0;
}

/* Avoid elements breaking between columns */
.refbegin-columns li {
	page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */
	break-inside: avoid-column;
}