Difference between revisions of "MediaWiki:Common.css"
From Publication Station
VKranendonk (talk | contribs) |
VKranendonk (talk | contribs) |
||
Line 117: | Line 117: | ||
.studio-cards-wrapper, .columns-wrapper { | .studio-cards-wrapper, .columns-wrapper { | ||
display: flex; | |||
gap: 10px; | |||
flex-wrap: wrap; | |||
} | } | ||
.card-wrapper, .columns-wrapper > div { | .card-wrapper, .columns-wrapper > div { | ||
Line 124: | Line 125: | ||
flex-direction: column; | flex-direction: column; | ||
display: flex; | display: flex; | ||
flex-basis: 250px; | |||
} | } | ||
.columns-wrapper ul { | .columns-wrapper ul { |
Revision as of 13:31, 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;
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;
}
/* 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;
}
}