Difference between revisions of "MediaWiki:Common.css"
From Publication Station
m  | 
				|||
| (37 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 */  | ||
h1, h2, h3, h4, h5, h6 {  | @import url("https://use.typekit.net/ihs2tti.css");  | ||
font-weight: bold  | |||
body, p {  | |||
-  |   font-family: "vista-sans",sans-serif;  | ||
  color: #1A1A1A;  | |||
font-  | }  | ||
@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;  | |||
  }  | |||
}  | |||
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;
  }
}