Common.css

From Young Beethoven
Revision as of 13:02, 9 August 2023 by Admin (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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 {
	display: block;
	height: auto;
	float: left;
}
.transcription {
	float: left;
	width: 100%;
}
@media screen and (min-width: 1200px) {
	.transcription {
		width: 50%;
	}
}