MediaWiki:Common.css

/******************** /* Main Page Styles * /********************/

.mp-welcome-heading { font-size: 150%; font-weight: bold; }

align-content: stretch; align-items: stretch; display: flex; flex-direction: row; justify-content: stretch; height: auto; width: 100%; }
 * 1) mp-flex-layout {

align-content: flex-start; align-items: stretch; display: flex; flex: 1 1 auto; flex-direction: row; flex-wrap: wrap; }
 * 1) mp-left {

flex: 1 1 auto; margin-right: 1em; }
 * 1) mp-left > div {

display: flex; flex: 0 0 30em; flex-direction: column; }
 * 1) mp-right {

flex: 1 0 auto; }
 * 1) mp-right > div {

.mp-box { display: flex; flex-direction: column; margin-bottom: 1em; }

.mp-heading { background: #090a0b; flex: 0 0 auto; font-size: 120%; font-weight: bold; color: #F9D903; padding: .5em; text-align: left; border-radius: .5em .5em 0 0; }

.mp-content { background: #121416; flex: 1 0 auto; padding: .5em; border-radius: 0 0 .5em .5em; }

flex: 1 1 100%; }
 * 1) mp-flex-layout #mp-about,
 * 2) mp-flex-layout #mp-media {

@media (max-width: 1550px) { #mp-flex-layout { flex-direction: column; }

#mp-right { flex: 1 1 auto; flex-direction: row; flex-wrap: wrap; }

#mp-right > div { flex: 1 0 20em; margin-right: 1em; } }

/****************** * Infobox styles * ******************/

.infobox { float: right; width: 20em; margin: 0 0 1em 1em; }

.infobox.centered-infobox { width: 40em; float: none; margin: 0 auto; }

.infobox > tr > th, .infobox > * > tr > th { background: #1E2123; text-align: left; padding-left: .5em; pading-right: .5em; }

.infobox > tr > th.title, .infobox > * > tr > th.title { background: #000000; color: #F9D903; text-align: center; }

.infobox > tr > td, .infobox > * > tr > td { background: #3B3E41; padding-left: .5em; pading-right: .5em; }

.infobox > tr > th.section, .infobox > * > tr > th.section { background: #1E2123; text-align: center; }

/********************* * Feat block styles * *********************/

.feat-block { margin-bottom: 1em; }

.feat-block .title { color: #F9D903; font-weight: bold; }

div#content .feat-block div p:first-of-type { margin-top: 0; }

div#content .feat-block div p:last-of-type { margin-bottom: 0; }

.first-line-indent p { text-indent: 1em; }