Difference between revisions of "MediaWiki:Common.css"

From Publication Station
Line 189: Line 189:
.color-left, .color-right {
.color-left, .color-right {
background-color: #1A1A1A;
background-color: #1A1A1A;
}
.mw-references-wrap {
  margin-top: 50px;
  border-top: solid lightgray 1px;
}
}



Revision as of 07:56, 5 September 2022

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

@import url("https://use.typekit.net/ihs2tti.css");

body, p {
  font-family: "vista-sans",sans-serif;
  color: #1A1A1A;
}

@media screen and (min-width: 851px) and (max-width: 1099px) {
  #mw-site-navigation h2, #mw-related-navigation h2 {
    font-family: "vista-sans",sans-serif;
  }
}

p {
  max-width: 800px;
}

a:visited, a:link {
 color: #1A1A1A;
 text-decoration: underline;
}

@media screen and (min-width: 1100px) {
  #searchform {
    width: 800px;
    margin-left: 14em;
    padding-left: 29px;
  }
}

.mw-body h1.firstHeading {
  font-family: "vista-sans-narrow",sans-serif;
  border: none;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt, .mw-body .toctitle h2 {
  font-family: "input-mono-narrow",monospace;
  margin: 3.35em 0 0.5em;
}
.mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 {
  font-size: 1em;
}
.mw-body h3 {
background: black;
color: white;
display: inline-block;
padding: 7px;
}
.mw-body h3 .mw-editsection a, .mw-body h3 .mw-editsection a:visited {
	color: #fff;
}
.mw-body .toctitle h2 {
	color: #1A1A1A;
}
.mw-body h4 {
	font-weight: bold;
}

.tools-inline li.selected {
  border-bottom-color: #1A1A1A;
}

.sidebar-inner .mw-portlet-body {
border-bottom: dashed 1px #707070;
padding-bottom: 30px;
}

#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
  background: none;
  border: none;
  padding-top: 0;
  margin-top: 0;
}

#mw-content {
  border: none;
  box-shadow: none;
}

.mw-body .mw-parser-output h1::after, .mw-body .mw-parser-output h2::after {
  border-bottom-color: #1A1A1A;
}

.not-logged-in .mw-editsection, 
.not-logged-in #personal,
.not-logged-in #site-tools,
.not-logged-in #page-tools {
 display: none;
}
.not-logged-in #mw-page-header-links {
 visibility: hidden;
}


#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3,
#p-logo-text, .mw-footer-container,
.not-logged-in #contentSub {
 display: none;
}

.sidebar-inner > #p-Main_navigation a:link {
  font-weight: bold;
}

#searchButton, #mw-searchButton {
  right: 0;
}
#searchInput {
  padding-left: 10px;
}

.logo-1 .mw-wiki-logo {
 background-image: url("/wiki/resources/assets/logo-PS-01.svg");
}
.logo-2 .mw-wiki-logo {
 background-image: url("/wiki/resources/assets/logo-PS-02.svg");
}
.logo-3 .mw-wiki-logo {
 background-image: url("/wiki/resources/assets/logo-PS-03.svg");
}
.logo-4 .mw-wiki-logo {
 background-image: url("/wiki/resources/assets/logo-PS-04.svg");
}
.logo-5 .mw-wiki-logo {
 background-image: url("/wiki/resources/assets/logo-PS-05.svg");
}

.studio-cards-wrapper, .columns-wrapper {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.card-wrapper, .columns-wrapper > div {
  flex: 1;
  flex-direction: column;
  display: flex;
  flex-basis: 250px;
}
.columns-wrapper ul {
	margin: 0;
}
.columns-wrapper li {
	list-style: none;
}
.card-wrapper a {
  display: block;
  height: 100%;
  max-height: 417px;
}
.card-wrapper a img {
  object-fit: cover;
  height: 100% !important;
  width: 100%;
}

.thumb-wrapper {
  flex: 1;
}

#mw-content-container {
  background-color: #fff;
}

html, #mw-footer-container {
 background:black;
}

.color-middle, .color-middle-container {
  background-color: #1A1A1A;
}

body #personal h2 {
  font-family: Calibre, Arial;
}

body #mw-content-container {
  border: none;
}

.CategoryTreeToggle {
	color: #1A1A1A;
}

.color-left, .color-right {
	background-color: #1A1A1A;
}

.mw-references-wrap {
  margin-top: 50px;
  border-top: solid lightgray 1px;
}

/* One-sided navigation menu  */
@media (min-width: 1340px) {
  #mw-content-block {
    display: block;
  }
  #mw-content,
  #content-bottom-stuff {
    margin-left: 14em;
  }
  #mw-content-wrapper {
    float: right;
    margin-left: -14em;
    width: 100%;
  }
  #mw-related-navigation {
    width: 14em;
    padding: 0 1em 0 0;
  }
  div.color-middle {
    margin-right: 0;
  }
  .mw-wiki-logo {
  	display: inline-block;
  }
}