Difference between revisions of "MediaWiki:Common.css"
From Publication Station
m |
|||
(34 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 */ | ||
@import url("https://use.typekit.net/ihs2tti.css"); | |||
body, p { | |||
- | font-family: "vista-sans",sans-serif; | ||
text-decoration- | 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; | |||
} | |||
} | |||
h1 {font- | .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; | |||
} | |||
body.page- | .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;
}
}