An online landscape, built as a tool to explore the many aspects of the human voice.
https://voicegardens.org
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
151 lines
1.7 KiB
151 lines
1.7 KiB
/* Custom CSS styles */
|
|
|
|
body {
|
|
height: 100vh;
|
|
margin: 0px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
canvas {
|
|
display: block;
|
|
}
|
|
|
|
img.button {
|
|
width: 4%;
|
|
}
|
|
|
|
/* Button style */
|
|
|
|
.record {
|
|
position:fixed;
|
|
top:20px;
|
|
left:20px;
|
|
}
|
|
|
|
.record:hover {
|
|
top:22px;
|
|
left:22px;
|
|
}
|
|
|
|
.stop {
|
|
position:fixed;
|
|
top:100px;
|
|
left:20px;
|
|
}
|
|
|
|
.stop:hover {
|
|
top:102px;
|
|
left:22px;
|
|
}
|
|
|
|
.leaf {
|
|
position:fixed;
|
|
top:180px;
|
|
left:20px;
|
|
}
|
|
|
|
.leaf:hover {
|
|
top:182px;
|
|
left:22px;
|
|
}
|
|
|
|
.about {
|
|
width: 3% !important;
|
|
position:fixed;
|
|
top:260px;
|
|
left:20px;
|
|
}
|
|
|
|
.about:hover {
|
|
top:262px;
|
|
left:22px;
|
|
}
|
|
|
|
.about-text {
|
|
height: 100vh;
|
|
padding: 1em;
|
|
width: 60%;
|
|
font-family: sans-serif;
|
|
font-size: 1.5em;
|
|
line-height: 1.5em;
|
|
overflow: scroll;
|
|
}
|
|
|
|
h1 {
|
|
line-height: 1em;
|
|
}
|
|
|
|
.backtoindex img {
|
|
width: 10%;
|
|
margin: 0 auto !important;
|
|
margin-left: 20vw;
|
|
padding: 3em 2em 0 10em;
|
|
float: left;
|
|
}
|
|
|
|
/* Other displays */
|
|
|
|
@media screen and (max-width: 770px) {
|
|
img.button {
|
|
width: 10%;
|
|
}
|
|
|
|
.about {
|
|
width: 7% !important;
|
|
top: unset;
|
|
right: 25vw;
|
|
bottom: 2vh;
|
|
left: unset;
|
|
}
|
|
|
|
.about:hover {
|
|
top: unset;
|
|
right: 25vw;
|
|
bottom: 4vh;
|
|
left: unset;
|
|
}
|
|
|
|
.leaf {
|
|
top: unset;
|
|
bottom: 3vh;
|
|
left: 55vw;
|
|
}
|
|
|
|
.leaf:hover {
|
|
top: unset;
|
|
bottom: 5vh;
|
|
left: 55vw;
|
|
}
|
|
|
|
.stop {
|
|
top: unset;
|
|
bottom: 3vh;
|
|
left: 40vw;
|
|
}
|
|
|
|
.record {
|
|
top: unset;
|
|
bottom: 3vh;
|
|
left: 25vw;
|
|
}
|
|
|
|
.record:hover {
|
|
top: unset;
|
|
bottom: 5vh;
|
|
left: 25vw;
|
|
}
|
|
|
|
.about-text {
|
|
height: 100vh;
|
|
padding: 1em;
|
|
width: 100%;
|
|
font-family: sans-serif;
|
|
font-size: 1em;
|
|
line-height: 1.5em;
|
|
overflow: scroll;
|
|
}
|
|
|
|
h1 {
|
|
line-height: 1em;
|
|
}
|
|
}
|
|
|