Common.css

From Young Beethoven
Jump to navigation Jump to search
 
(10 intermediate revisions by the same user not shown)
Line 3: Line 3:
@import url('https://fonts.mxth.at/css2?family=Courier+Prime&display=swap');
@import url('https://fonts.mxth.at/css2?family=Courier+Prime&display=swap');


html,body *:not('.editor') {
.mediawiki *:not('.editor') {
     font-family: 'Poppins', sans-serif;
     font-family: 'Poppins', sans-serif;
}
}
Line 20: Line 20:
width: 100%;
width: 100%;
     height: 600px;
     height: 600px;
}
@media screen and (min-width: 1200px) {
.score {
width: 50%;
}
}
}
.spotify {
.spotify {
Line 30: Line 35:
.source, .source * {
.source, .source * {
     font-family: 'Courier Prime', monospace;
     font-family: 'Courier Prime', monospace;
}
.transcription-container {
width: 100%;
display: block;
height: auto;
float: left;
}
.transcription {
float: left;
width: 100%;
}
@media screen and (min-width: 1200px) {
.transcription {
width: 50%;
}
}
p br:first-child:nth-last-child(1) {
display: none;
}
.mw-parser-output h1 {
float: left;
width: 100%;
}
blockquote {
float: left;
}
}

Latest revision as of 14:04, 1 December 2023

/* CSS placed here will be applied to all skins */
@import url('https://fonts.mxth.at/css2?family=Poppins:wght@300;400;500&display=swap');
@import url('https://fonts.mxth.at/css2?family=Courier+Prime&display=swap');

.mediawiki *:not('.editor') {
    font-family: 'Poppins', sans-serif;
}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 {
    font-family: 'Poppins', sans-serif;
}
.firstHeading {
	border-bottom: 0;
    color: #5B9BD5;
}
iframe {
    border: 0;
}
.score {
	margin-top: 20px;
	width: 100%;
    height: 600px;
}
@media screen and (min-width: 1200px) {
	.score {
		width: 50%;
	}
}
.spotify {
    margin-top: 20px;
    width: auto;
    max-width: 100%;
    height: 300px;
    border-radius: 12px;
}
.source, .source * {
    font-family: 'Courier Prime', monospace;
}
.transcription-container {
	width: 100%;
	display: block;
	height: auto;
	float: left;
}
.transcription {
	float: left;
	width: 100%;
}
@media screen and (min-width: 1200px) {
	.transcription {
		width: 50%;
	}
}
p br:first-child:nth-last-child(1) {
	display: none;
}
.mw-parser-output h1 {
	float: left;
	width: 100%;
}

blockquote {
	float: left;
}