Senbonzakura.html 2
Senbonzakura.html 2
<meta charset="utf-8">
<meta name="date.created" content="2020-12-01 03:38:20.807879">
<title>Senbonzakura</title>
<style type="text/css">
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
/* <!-- Song title --> */
h1, svg text.title {
font-family: "Noto Sans", "Noto Sans CJK JP", "Noto Sans CJK KR", "Noto Sans
CJK SC", "Noto Sans CJK TC", "Avenir", Arial, sans-serif;
font-size: 1.3em;
font: bold;
}
.root, .diamond, .circle {
transform: scale(1.0);
-ms-transform: scale(1.0);
-webkit-transform: scale(1.0);
}
/* <!-- Small buttons showing notes positions for Harp --> */
[class*="harp"] svg.button-0 .OFF.icon,
[class*="harp"] svg.button-1 .OFF.icon,
[class*="harp"] svg.button-2 .OFF.icon,
[class*="harp"] svg.button-3 .OFF.icon,
[class*="harp"] svg.button-4 .OFF.icon {
stroke-width: 0;
stroke: white;
fill: rgb(194,240,194);
opacity: 1;
}
/* <!-- Small buttons showing notes positions for Harp --> */
[class*="harp"] svg.button-5 .OFF.icon,
[class*="harp"] svg.button-6 .OFF.icon,
[class*="harp"] svg.button-7 .OFF.icon,
[class*="harp"] svg.button-8 .OFF.icon,
[class*="harp"] svg.button-9 .OFF.icon {
stroke-width: 0;
stroke: white;
fill: rgb(179,236,255);
opacity: 1;
}
/* <!-- Small buttons showing notes positions for Harp --> */
[class*="harp"] svg.button-10 .OFF.icon,
[class*="harp"] svg.button-11 .OFF.icon,
[class*="harp"] svg.button-12 .OFF.icon,
[class*="harp"] svg.button-13 .OFF.icon,
[class*="harp"] svg.button-14 .OFF.icon {
stroke-width: 0;
stroke: white;
fill: rgb(255,185,223);
opacity: 1;
}
/* <!-- Small buttons showing notes positions for Drum --> */
[class*="drum"] svg.button-0 .OFF.icon,
[class*="drum"] svg.button-1 .OFF.icon,
[class*="drum"] svg.button-2 .OFF.icon,
[class*="drum"] svg.button-3 .OFF.icon {
stroke-width: 0;
stroke: white;
fill: rgb(194,240,194);
opacity: 1;
}
/* <!-- Small buttons showing notes positions for Drum --> */
[class*="drum"] svg.button-4 .OFF.icon,
[class*="drum"] svg.button-5 .OFF.icon,
[class*="drum"] svg.button-6 .OFF.icon,
[class*="drum"] svg.button-7 .OFF.icon {
stroke-width: 0;
stroke: white;
fill: rgb(179,236,255);
opacity: 1;
}
/* <!-- Small note buttons when the instrument is broken --> */
[class*="broken"] .broken.icon {
stroke-width: 0;
stroke: white;
fill: none;
}
/* <!-- Small note buttons when the instrument is silent --> */
[class*="silent"] .silent.icon {
stroke-width: 0;
stroke: white;
fill: none;
}
<style>
#buttonsWrapper{
position:absolute;
right:0;
top:0;
display:flex;
flex-direction:column;
}
#buttonsWrapper button{
background-color:rgb(53, 52, 52);
font-size:1.2rem;
color:white;
margin:0.2rem;
padding:0.8rem;
border:none;
border-radius:5px;
cursor:pointer;
text-align:left;
}
.redirect{
color: #2879d0;
font-size:1.5rem;
position:absolute;
right:1rem;
top:1rem;
font-weight:bold;
}
</style>
</body>