mirror of https://codeberg.org/Sonoj/osamc.de
Add SKalenlehre article from 2022-01
This commit is contained in:
Nils
parent
6742e702ee
commit
8919aa10a5
|
|
@ -0,0 +1,130 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<!--
|
||||||
|
Wurzelverzeichnis für alle links ist www.osamc.de/
|
||||||
|
Links auf das eigene Verzeichnis, etwa Bilder oder Audio, brauchen keinen Slashes / oder ../
|
||||||
|
-->
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Tonarten und Skalen</title>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="normalize.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="sakura.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="musiqwik.css" type="text/css">
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h1>Tonarten und Skalen</h1>
|
||||||
|
|
||||||
|
<p>Falls Sie über eine Suchmaschine hierher gelangt sind: Dieses Dokument dient lediglich als Begleitmaterial und Zusammenfassung eines mündlichen Vortrags.</p>
|
||||||
|
|
||||||
|
<h2>TL;DR</h2> <p>Die Anzahl der Tonarten kann nur heuristisch eingeschätzt werden, wobei ich die Größenordnung auf etwa 100 schätze.
|
||||||
|
<br>Eine Tonart ist dabei eine Auswahl von Tönen, innerhalb derer ein Ton als Grundton definiert ergänzt wird. Im weiter unten vorgeschlagenen System ergeben sich dann erst 72 unterschiedliche,
|
||||||
|
musikalisch relevanten Skalen, deren Anzahl durch das Weglassen, Hinzufügung und musikalische
|
||||||
|
Eigenschaften (Floskeln, Kadenzen etc.) ergänzt (aber nicht multipliziert) ergänzt wird.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<h2>Anlass</h2>
|
||||||
|
|
||||||
|
<p>Anlass hierfür war die Frage <a href="https://www.youtube.com/watch?v=E3vYVGMgZYY">"Wie viele Tonarten gibt es?"</a>.</p>
|
||||||
|
|
||||||
|
<p>Der Begriff "Tonart", wie viele musikalische Fachbegriffe, ist nicht eindeutig definiert.
|
||||||
|
Leider wird es nicht genauer definiert als eine Zusammenstellung von Tönen, wahrscheinlich in Relation zu einem
|
||||||
|
einem besonders wichtigen Ton, dem Grundton, und dann noch wie diese in Notenschrift o.ä. aufgeschrieben werden.
|
||||||
|
Möglicherweise fällt auch der Begriff "Modus" in diese Kategorie.</p>
|
||||||
|
|
||||||
|
<h2>Video</h2>
|
||||||
|
<p>Als direkte Antwort auf das <a href="https://www.youtube.com/watch?v=E3vYVGMgZYY">Video</a> muss man zunächst in Betracht ziehen,
|
||||||
|
dass sowohl Viktor Wooten als auch seine Zielgruppe ausübende Musiker sind. Der Aufhänger im Video ist
|
||||||
|
"Übt ihr in allen Tonarten? Dann müsst ihr wissen wieviele Tonarten es gibt." Damit werden andere Sachen relevant als in systematischer Musiktheorie (s.u.).</p>
|
||||||
|
|
||||||
|
<p>Eine Transposition verändert die Handhabung und Bedienung des Instruments beim Spielen, weshalb
|
||||||
|
dies einen zusätzlichen Übungsaufwand bedeutet. Beim Notenlesen und praktischen musizieren braucht es auch viele
|
||||||
|
Jahre, bis Vorzeichen keine Herausforderung mehr darstellen.</p>
|
||||||
|
|
||||||
|
<p>Im Video wird auch behauptet, ein "Modus" sei keine Tonart, sondern "nur eine Skala". Das ist theoretisch
|
||||||
|
falsch, doch im Kontext der traditionellen "Kirchentonarten" (dorisch, phrygisch etc.), ändert sich die Spielweise am Instrument nicht, von daher kann man den wegwischerichen Kommentar wieder aus der Sicht ausführender Musiker erklären.</p>
|
||||||
|
|
||||||
|
<p>So erklärt sich evtl. auch, dass hier zwischen paraleller Dur- und Molltonart (C-Dur und A-Moll)
|
||||||
|
unterschieden wird, obwohl es eigentlich nur ein "Modus/Skalen"-wechsel wäre. Vielleicht spielt
|
||||||
|
hier auch die historische Unterscheidung der Klassik- und Romantik eine Rolle, die Herr Wooten
|
||||||
|
verinnerlicht und nie angezweifelt hat. Egal woher es kommt, am Ende ist es musiktheoretisch ein
|
||||||
|
Widerspruch und eine schlechte Aussage im Video.</p>
|
||||||
|
|
||||||
|
<h2>Ein Vorschlag</h2>
|
||||||
|
|
||||||
|
<p>Als systematischer Musiktheoretiker interessiert mich wie es ist, nicht wie es historisch
|
||||||
|
bezeichnet wurde. Ich suche die gemeinsamen Grundlagen hinter diversen Praxis- und
|
||||||
|
Gebrauchsdefinitionen und -begriffen der Musikgeschichte.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p>Musik hat eine emotionale Identität. Diese Identität möchten wir bestimmen, und schriftlich
|
||||||
|
festhalten, damit sie an die Musiker kommuniziert werden kann. Sie kann auch helfen Musik besser zu
|
||||||
|
verstehen und zu hören.</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>Die Tonauswahl verändert stark die emotionale Identität der Musik.</li>
|
||||||
|
<li>Vorgeschriebene Generalvorzeichen (am Anfang der Noten) sind reine Lesehilfen, abgeleitet aus der tatsächlichen Musik. Die Vorzeichen definieren nicht die Tonart, sie resultieren aus der Tonart.
|
||||||
|
<p>
|
||||||
|
<small>C-Dur:</small> <span class="notation">'&=R=S=T=U=V=W=X=Y=</span><br>
|
||||||
|
<small>auch C-Dur:</small> <span class="notation">'&=ª=R=S=ôT=U=V=÷W=øX=Y=</span>
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>Einige Töne sind wichtiger als andere. Diese stehen an besonderen Stellen, z.B. ganz am Ende. Die Töne bauen untereinander ein logisch greifbares System auf, dass sich auf einen einzigen Grundton zurückführen lässt.</li>
|
||||||
|
<p> Klares C-Dur, auch ohne Vorzeichen oder andere Angaben:<br><span class="notation">'&=R=R=V=V=!=W=W=f=!=U=U=T=T=!=c===b===.</span>
|
||||||
|
</p>
|
||||||
|
<li>Ändert sich der Grundton oder die Skala (oder beides gleichzeitig) im Laufe des Stückes dauerthaft spricht man von "Modulation".</li>
|
||||||
|
|
||||||
|
<li>Transposition des gesamten Stückes verändert nicht die Identität der Musik. Alle internen logischen Bezüge (relative Tonabstände, Grundtöne etc.) bleiben erhalten. Die Musik wird lediglich insgesamt höher oder tiefer, akustisch werden also alle Frequenzen in gleichem Maße verändert. Diese Verschiebung ist natürlich musikalisch relevant, vor allem weil Instrumente in anderen Registern unterschiedlich klingen, aber Transposition ist ein vergleichsweise kleiner Faktor für den Gesamteindruck.
|
||||||
|
<p>Selbst wenn man ein nicht-gleichschwebend temperiertes Stimmungssystem annimmt ändert sich dadurch die emotionale Identität des Stückes nur in geringem Maße. Rezipienten nehmen dies vielmehr als Qualitätsmerkmal der Aufführung war.</p></li>
|
||||||
|
<li>Wie die Töne heißen und aufgeschrieben werden ist für die klingende Musik zweitranging. Korrekte Benennung und Ortographie sind für die Kommunikation Komponist->Musiker wichtig, aber nicht für die Identität der Musik. Man kann Leseaufwand und Fehler der Interpreten vermeiden, wenn man sich an tradierte Konventionen hält. Etwa "Zwei Kreuze heißt D-Dur oder H-Moll". Aber das ist nur eine Heuristik und die Musik kann auch anders klingen.</li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<h3>Praktische Skalenbildung</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<p>Hier die von mir verwendete (nicht erfundene!) praktische,
|
||||||
|
aber dennoch systematische Skalenbildung. Praktisch heißt, dass nicht alle mathematisch möglichen
|
||||||
|
Kombinationen vorkommen, sondern nur die musikalisch relevanten, bzw. eigentlich sogar schon
|
||||||
|
deutlich mehr als im Gebrauch. Es ist also ein Überangebot (->Systematik) trotz oberem Limit.</p>
|
||||||
|
|
||||||
|
<p>So entstehen, ohne Transposition, 72 verschiedene Skalen. Ich notiere hier alles vom Grundton
|
||||||
|
C aus. Transpositionen sind erst ein nachfolgender Schritt (s.o.) und für die Tonartbildung
|
||||||
|
zunächst irrelevant. C-Dur ist hier das gleiche wie D-Dur.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p>An dieser Stelle gab es eine mündliche Erklärung wie die Skalen gebaut sind. Nachschlagen: "Melakarta Raga"</p>
|
||||||
|
|
||||||
|
<a href="skalen.html">Alle 72 Skalen</a>
|
||||||
|
|
||||||
|
<h3>Erweiterung des Begriffs Tonart</h3>
|
||||||
|
|
||||||
|
<p>Man könnte der Definition Tonart = Grundton + Skala entgegnen, dass sie nicht ausreiche. Es gäbe
|
||||||
|
z.B. Musikstücke, die sich deutlich unterscheiden, obwohl sie die gleiche Tonart hätten.
|
||||||
|
Instrumentierung und Intepretation mal außen vorgelassen.</p>
|
||||||
|
|
||||||
|
<p>Das bedeutet die Verwendung der Skala spielt auch eine Rolle. In indischen Ragas ist dies
|
||||||
|
tatsächlich ein wichtiges Unterscheidungsmerkmal: Aufbauend auf der Skala gibt es typische
|
||||||
|
Floskeln, Abstufungen in der Wichtigkeit der Töne (Tonart 1: Terz ist wichtig, Tonart 2: Quarte ist
|
||||||
|
wichtig), Kadenzformeln, Position in der Form usw.</p>
|
||||||
|
|
||||||
|
<p>Allerdings ist das in unserer Musik nicht kodifiziert, sondern wird eher als
|
||||||
|
Epochenmerkmal oder Kompositionsschule/tradition begriffen. Vielleicht sogar nur als die Identität eines konkreten Musikstückes.</p>
|
||||||
|
|
||||||
|
<p>Dennoch ist es nicht von der Hand zu weisen, dass es z.B. typisch "Dorisch" ist in aufsteigenden
|
||||||
|
Bewegungen die große Sexte zu spielen und in absteigender Bewegung die kleine.</p>
|
||||||
|
|
||||||
|
<p>Ebenso relevant für die musikalische Identität ist das hinzufügen oder auslassen von Tonstufen.
|
||||||
|
Dorisch und Lydisch sind, in real ausgeführter Musik, nicht heptatonisch sondern oktatonisch. Das
|
||||||
|
sogenannte "Melodische Moll" hat sogar neun verschiedene Töne in der Skala. Dann verschiedene
|
||||||
|
Pentatoniken, was auch immer nun <em>Die</em> Blues Skala sein mag etc.</p>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
[Meta]
|
||||||
|
#YYYY-MM
|
||||||
|
Date = 2022-01
|
||||||
|
|
||||||
|
#e.g. CC-by-sa, CC-by, All Rights Reserved
|
||||||
|
License = CC-by-sa
|
||||||
|
PrettyName = Was sind Tonarten, Modi, Skalen?
|
||||||
|
Author = nils
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
/* musiqwik */
|
||||||
|
@font-face {
|
||||||
|
font-family: MusiQwik;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local("MusiQwik"), url(musiqwik.woff2) format("woff2");
|
||||||
|
}
|
||||||
|
|
||||||
|
.notation {
|
||||||
|
font-family: "MusiQwik";
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
Binary file not shown.
|
|
@ -0,0 +1,427 @@
|
||||||
|
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
|
/* Document
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the line height in all browsers.
|
||||||
|
* 2. Prevent adjustments of font size after orientation changes in
|
||||||
|
* IE on Windows Phone and in iOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
html {
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
-ms-text-size-adjust: 100%; /* 2 */
|
||||||
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sections
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
article,
|
||||||
|
aside,
|
||||||
|
footer,
|
||||||
|
header,
|
||||||
|
nav,
|
||||||
|
section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the font size and margin on `h1` elements within `section` and
|
||||||
|
* `article` contexts in Chrome, Firefox, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
margin: 0.67em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Grouping content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
* 1. Add the correct display in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
figcaption,
|
||||||
|
figure,
|
||||||
|
main { /* 1 */
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct margin in IE 8.
|
||||||
|
*/
|
||||||
|
|
||||||
|
figure {
|
||||||
|
margin: 1em 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in Firefox.
|
||||||
|
* 2. Show the overflow in Edge and IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
hr {
|
||||||
|
box-sizing: content-box; /* 1 */
|
||||||
|
height: 0; /* 1 */
|
||||||
|
overflow: visible; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
pre {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Text-level semantics
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove the gray background on active links in IE 10.
|
||||||
|
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a {
|
||||||
|
background-color: transparent; /* 1 */
|
||||||
|
-webkit-text-decoration-skip: objects; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
||||||
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
abbr[title] {
|
||||||
|
border-bottom: none; /* 1 */
|
||||||
|
text-decoration: underline; /* 2 */
|
||||||
|
text-decoration: underline dotted; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||||
|
*/
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font style in Android 4.3-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
dfn {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct background and color in IE 9-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
mark {
|
||||||
|
background-color: #ff0;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font size in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||||
|
* all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
font-size: 75%;
|
||||||
|
line-height: 0;
|
||||||
|
position: relative;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub {
|
||||||
|
bottom: -0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
top: -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Embedded content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in iOS 4-7.
|
||||||
|
*/
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the border on images inside links in IE 10-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
img {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Hide the overflow in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Forms
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the margin in Firefox and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
optgroup,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Show the overflow in IE.
|
||||||
|
* 1. Show the overflow in Edge.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input { /* 1 */
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||||
|
* 1. Remove the inheritance of text transform in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
select { /* 1 */
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
||||||
|
* controls in Android 4.
|
||||||
|
* 2. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
html [type="button"], /* 1 */
|
||||||
|
[type="reset"],
|
||||||
|
[type="submit"] {
|
||||||
|
-webkit-appearance: button; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner border and padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button::-moz-focus-inner,
|
||||||
|
[type="button"]::-moz-focus-inner,
|
||||||
|
[type="reset"]::-moz-focus-inner,
|
||||||
|
[type="submit"]::-moz-focus-inner {
|
||||||
|
border-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Restore the focus styles unset by the previous rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button:-moz-focusring,
|
||||||
|
[type="button"]:-moz-focusring,
|
||||||
|
[type="reset"]:-moz-focusring,
|
||||||
|
[type="submit"]:-moz-focusring {
|
||||||
|
outline: 1px dotted ButtonText;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the text wrapping in Edge and IE.
|
||||||
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||||
|
* 3. Remove the padding so developers are not caught out when they zero out
|
||||||
|
* `fieldset` elements in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
legend {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
color: inherit; /* 2 */
|
||||||
|
display: table; /* 1 */
|
||||||
|
max-width: 100%; /* 1 */
|
||||||
|
padding: 0; /* 3 */
|
||||||
|
white-space: normal; /* 1 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct display in IE 9-.
|
||||||
|
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||||
|
*/
|
||||||
|
|
||||||
|
progress {
|
||||||
|
display: inline-block; /* 1 */
|
||||||
|
vertical-align: baseline; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the default vertical scrollbar in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in IE 10-.
|
||||||
|
* 2. Remove the padding in IE 10-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="checkbox"],
|
||||||
|
[type="radio"] {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
padding: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the odd appearance in Chrome and Safari.
|
||||||
|
* 2. Correct the outline style in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"] {
|
||||||
|
-webkit-appearance: textfield; /* 1 */
|
||||||
|
outline-offset: -2px; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"]::-webkit-search-cancel-button,
|
||||||
|
[type="search"]::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
* 2. Change font properties to `inherit` in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
::-webkit-file-upload-button {
|
||||||
|
-webkit-appearance: button; /* 1 */
|
||||||
|
font: inherit; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interactive
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
* 1. Add the correct display in Edge, IE, and Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
details, /* 1 */
|
||||||
|
menu {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
summary {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scripting
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
canvas {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
template {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hidden
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,165 @@
|
||||||
|
/* Sakura.css v1.0.0
|
||||||
|
* ================
|
||||||
|
* Minimal css theme.
|
||||||
|
* Project: https://github.com/oxalorg/sakura
|
||||||
|
*/
|
||||||
|
/* Body */
|
||||||
|
html {
|
||||||
|
font-size: 62.5%;
|
||||||
|
font-family: serif; }
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-size: 1.8rem;
|
||||||
|
line-height: 1.618;
|
||||||
|
max-width: 38em;
|
||||||
|
margin: auto;
|
||||||
|
color: #4a4a4a;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
padding: 13px; }
|
||||||
|
|
||||||
|
@media (max-width: 684px) {
|
||||||
|
body {
|
||||||
|
font-size: 1.53rem; } }
|
||||||
|
|
||||||
|
@media (max-width: 382px) {
|
||||||
|
body {
|
||||||
|
font-size: 1.35rem; } }
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
line-height: 1.1;
|
||||||
|
font-family: Verdana, Geneva, sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
word-wrap: break-word;
|
||||||
|
-ms-word-break: break-all;
|
||||||
|
word-break: break-word;
|
||||||
|
-ms-hyphens: auto;
|
||||||
|
-moz-hyphens: auto;
|
||||||
|
-webkit-hyphens: auto;
|
||||||
|
hyphens: auto; }
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2.35em; }
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 2.00em; }
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 1.75em; }
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 1.5em; }
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
font-size: 1.25em; }
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
font-size: 1em; }
|
||||||
|
|
||||||
|
small, sub, sup {
|
||||||
|
font-size: 75%; }
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border-color: #2c8898; }
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #2c8898; }
|
||||||
|
a:hover {
|
||||||
|
color: #982c61;
|
||||||
|
border-bottom: 2px solid #4a4a4a; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
padding-left: 1.4em; }
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin-bottom: 0.4em; }
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
font-style: italic;
|
||||||
|
margin-left: 1.5em;
|
||||||
|
padding-left: 1em;
|
||||||
|
border-left: 3px solid #2c8898; }
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%; }
|
||||||
|
|
||||||
|
/* Pre and Code */
|
||||||
|
pre {
|
||||||
|
background-color: #f1f1f1;
|
||||||
|
display: block;
|
||||||
|
padding: 1em;
|
||||||
|
overflow-x: auto; }
|
||||||
|
|
||||||
|
code {
|
||||||
|
font-size: 0.9em;
|
||||||
|
padding: 0 0.5em;
|
||||||
|
background-color: #f1f1f1;
|
||||||
|
white-space: pre-wrap; }
|
||||||
|
|
||||||
|
pre > code {
|
||||||
|
padding: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
white-space: pre; }
|
||||||
|
|
||||||
|
/* Tables */
|
||||||
|
table {
|
||||||
|
text-align: justify;
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse; }
|
||||||
|
|
||||||
|
td, th {
|
||||||
|
padding: 0.5em;
|
||||||
|
border-bottom: 1px solid #f1f1f1; }
|
||||||
|
|
||||||
|
/* Buttons, forms and input */
|
||||||
|
input, textarea {
|
||||||
|
border: 1px solid #4a4a4a; }
|
||||||
|
input:focus, textarea:focus {
|
||||||
|
border: 1px solid #2c8898; }
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 5px 10px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
white-space: nowrap;
|
||||||
|
background-color: #2c8898;
|
||||||
|
color: #f9f9f9;
|
||||||
|
border-radius: 1px;
|
||||||
|
border: 1px solid #2c8898;
|
||||||
|
cursor: pointer;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.button[disabled], button[disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled] {
|
||||||
|
cursor: default;
|
||||||
|
opacity: .5; }
|
||||||
|
.button:focus, .button:hover, button:focus, button:hover, input[type="submit"]:focus, input[type="submit"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="button"]:focus, input[type="button"]:hover {
|
||||||
|
background-color: #982c61;
|
||||||
|
border-color: #982c61;
|
||||||
|
color: #f9f9f9;
|
||||||
|
outline: 0; }
|
||||||
|
|
||||||
|
textarea, select, input[type] {
|
||||||
|
color: #4a4a4a;
|
||||||
|
padding: 6px 10px;
|
||||||
|
/* The 6px vertically centers text on FF, ignored by Webkit */
|
||||||
|
margin-bottom: 10px;
|
||||||
|
background-color: #f1f1f1;
|
||||||
|
border: 1px solid #f1f1f1;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: none;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
textarea:focus, select:focus, input[type]:focus {
|
||||||
|
border: 1px solid #2c8898;
|
||||||
|
outline: 0; }
|
||||||
|
|
||||||
|
input[type="checkbox"]:focus {
|
||||||
|
outline: 1px dotted #2c8898; }
|
||||||
|
|
||||||
|
label, legend, fieldset {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
font-weight: 600; }
|
||||||
|
|
@ -0,0 +1,240 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<!--
|
||||||
|
Wurzelverzeichnis für alle links ist www.osamc.de/
|
||||||
|
Links auf das eigene Verzeichnis, etwa Bilder oder Audio, brauchen keinen Slashes / oder ../
|
||||||
|
-->
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Alle 72 Skalen</title>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="normalize.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="sakura.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="musiqwik.css" type="text/css">
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h1>Alle 72 Skalen</h1>
|
||||||
|
|
||||||
|
<p>#TODO: Leider sind Doppel-b und Doppelkreuze nicht möglich gewesen. </p>
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=T=U=V=W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=T=ÕU=V=W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=T=U=V=W=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=T=ÕU=V=W=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=T=U=V=×W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=T=ÕU=V=×W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=T=U=V=çW=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=T=ÕU=V=çW=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=T=U=V=çW=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=T=ÕU=V=çW=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=T=U=V=çW=W=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=T=ÕU=V=çW=W=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=äT=U=V=W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=äT=ÕU=V=W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=äT=U=V=W=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=äT=ÕU=V=W=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=äT=U=V=×W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=äT=ÕU=V=×W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=äT=U=V=çW=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=äT=ÕU=V=çW=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=äT=U=V=çW=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=äT=ÕU=V=çW=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=äT=U=V=çW=W=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=S=äT=ÕU=V=çW=W=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ÓS=T=U=V=W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ÓS=T=ÕU=V=W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ÓS=T=U=V=W=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ÓS=T=ÕU=V=W=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ÓS=T=U=V=×W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ÓS=T=ÕU=V=×W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ÓS=T=U=V=çW=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ÓS=T=ÕU=V=çW=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ÓS=T=U=V=çW=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ÓS=T=ÕU=V=çW=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ÓS=T=U=V=çW=W=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ÓS=T=ÕU=V=çW=W=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=äT=U=V=W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=äT=ÕU=V=W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=äT=U=V=W=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=äT=ÕU=V=W=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=äT=U=V=×W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=äT=ÕU=V=×W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=äT=U=V=çW=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=äT=ÕU=V=çW=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=äT=U=V=çW=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=äT=ÕU=V=çW=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=äT=U=V=çW=W=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=äT=ÕU=V=çW=W=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=T=U=V=W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=T=ÕU=V=W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=T=U=V=W=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=T=ÕU=V=W=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=T=U=V=×W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=T=ÕU=V=×W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=T=U=V=çW=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=T=ÕU=V=çW=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=T=U=V=çW=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=T=ÕU=V=çW=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=T=U=V=çW=W=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=T=ÕU=V=çW=W=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=S=U=V=W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=S=ÕU=V=W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=S=U=V=W=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=S=ÕU=V=W=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=S=U=V=×W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=S=ÕU=V=×W=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=S=U=V=çW=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=S=ÕU=V=çW=èX=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=S=U=V=çW=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=S=ÕU=V=çW=X=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=S=U=V=çW=W=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="notation">'&=R=ãS=S=ÕU=V=çW=W=Y=</p>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue