Difference between revisions of "MediaWiki:Common.css"

From Publication Station
m
 
(56 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


div#mw-page-base{
@import url("https://use.typekit.net/ihs2tti.css");
background: black;
 
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;
}
 
.page-Digital_Publishing_Studio a:visited, .page-Digital_Publishing_Studio a:link,
.page-Print_Studio a:visited, .page-Print_Studio a:link,
.page-Printmaking_Studio a:visited, .page-Printmaking_Studio a:link,
.page-The_Publication_Station a:visited, .page-The_Publication_Station a:link,
#mw-site-navigation a:visited, #mw-site-navigation a:link,
#mw-related-navigation a:visited, #mw-related-navigation a:link
{
color: #1A1A1A;
text-decoration: underline;
}
 
.page-Digital_Publishing_Studio #toc,
.page-Print_Studio #toc,
.page-Printmaking_Studio #toc,
.page-The_Publication_Station #toc {
display: none;
}
 
@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 {
font-weight: bold;
font-size: 0.8em;
/* 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;
}
}


a {background: white;
.mw-body .mw-parser-output h1::after, .mw-body .mw-parser-output h2::after {
padding-left: 1px;
  border-bottom-color: #1A1A1A;
padding-right: 1px;
}
}


h1, h2, h3, h4 { border: none; }
.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;
  }
}

Latest revision as of 10:57, 18 April 2024

/* 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;
}

.page-Digital_Publishing_Studio a:visited, .page-Digital_Publishing_Studio a:link,
.page-Print_Studio a:visited, .page-Print_Studio a:link,
.page-Printmaking_Studio a:visited, .page-Printmaking_Studio a:link,
.page-The_Publication_Station a:visited, .page-The_Publication_Station a:link,
#mw-site-navigation a:visited, #mw-site-navigation a:link,
#mw-related-navigation a:visited, #mw-related-navigation a:link 
{
 color: #1A1A1A;
 text-decoration: underline;
}

.page-Digital_Publishing_Studio #toc,
.page-Print_Studio #toc,
.page-Printmaking_Studio #toc,
.page-The_Publication_Station #toc {
	display: none;
}

@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 {
font-weight: bold;
font-size: 0.8em;
/* 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;
  }
}