Difference between revisions of "MediaWiki:Common.css"
From Publication Station
m (Testing) |
VKranendonk (talk | contribs) |
||
Line 1: | Line 1: | ||
/* 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; | |||
} | |||
} | |||
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 { | |||
font-family: "input-mono-narrow",monospace; | |||
margin: 3.35em 0 0.5em; | |||
} | |||
.mw-body h2 { | |||
font-size: 1em; | |||
} | |||
.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; | |||
} | |||
.card-wrapper, .columns-wrapper > div { | |||
flex: 1; | |||
flex-direction: column; | |||
display: flex; | |||
} | |||
.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; | |||
} | |||
/* 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; | |||
} | |||
} |
Revision as of 08:22, 23 August 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 {
font-family: "input-mono-narrow",monospace;
margin: 3.35em 0 0.5em;
}
.mw-body h2 {
font-size: 1em;
}
.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;
}
.card-wrapper, .columns-wrapper > div {
flex: 1;
flex-direction: column;
display: flex;
}
.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;
}
/* 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;
}
}