Run style formatter
This commit is contained in:
parent
bea077d5a2
commit
75400bfcbb
@ -1,57 +1,56 @@
|
||||
/* Custom CSS styles */
|
||||
|
||||
@font-face {
|
||||
font-family: 'Signika Bold';
|
||||
src: url('fonts/Signika-Bold.ttf') format('ttf');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-family: "Signika Bold";
|
||||
src: url("fonts/Signika-Bold.ttf") format("ttf");
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Signika';
|
||||
src: url('fonts/Signika-Regular.ttf') format('ttf');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: "Signika";
|
||||
src: url("fonts/Signika-Regular.ttf") format("ttf");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Rubik';
|
||||
src: url('fonts/Rubik-Bold.ttf') format('ttf'),
|
||||
url('fonts/rubik-bold-webfont.woff') format('woff'),
|
||||
url('fonts/rubik-bold-webfont.woff2') format('woff2');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-family: "Rubik";
|
||||
src: url("fonts/Rubik-Bold.ttf") format("ttf"),
|
||||
url("fonts/rubik-bold-webfont.woff") format("woff"),
|
||||
url("fonts/rubik-bold-webfont.woff2") format("woff2");
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Rubik';
|
||||
src: url('fonts/Rubik-Regular.ttf') format('ttf');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: "Rubik";
|
||||
src: url("fonts/Rubik-Regular.ttf") format("ttf");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Rubik';
|
||||
src: url('fonts/Rubik-Italic.ttf') format('ttf');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
font-family: "Rubik";
|
||||
src: url("fonts/Rubik-Italic.ttf") format("ttf");
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'PalanquinDark';
|
||||
src: url('fonts/PalanquinDark-Bold.ttf') format('ttf');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-family: "PalanquinDark";
|
||||
src: url("fonts/PalanquinDark-Bold.ttf") format("ttf");
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'PalanquinDark';
|
||||
src: url('fonts/PalanquinDark-Regular.ttf') format('ttf');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: "PalanquinDark";
|
||||
src: url("fonts/PalanquinDark-Regular.ttf") format("ttf");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
height: 100vh;
|
||||
margin: 0px;
|
||||
@ -70,48 +69,48 @@ img.button {
|
||||
}
|
||||
|
||||
.record {
|
||||
position:fixed;
|
||||
top:20px;
|
||||
left:20px;
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
.record:hover {
|
||||
top:22px;
|
||||
left:22px;
|
||||
top: 22px;
|
||||
left: 22px;
|
||||
}
|
||||
|
||||
.stop {
|
||||
position:fixed;
|
||||
top:100px;
|
||||
left:20px;
|
||||
position: fixed;
|
||||
top: 100px;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
.stop:hover {
|
||||
top:102px;
|
||||
left:22px;
|
||||
top: 102px;
|
||||
left: 22px;
|
||||
}
|
||||
|
||||
.leaf {
|
||||
position:fixed;
|
||||
top:180px;
|
||||
left:20px;
|
||||
position: fixed;
|
||||
top: 180px;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
.leaf:hover {
|
||||
top:182px;
|
||||
left:22px;
|
||||
top: 182px;
|
||||
left: 22px;
|
||||
}
|
||||
|
||||
.about {
|
||||
width: 3% !important;
|
||||
position:fixed;
|
||||
top:260px;
|
||||
left:20px;
|
||||
position: fixed;
|
||||
top: 260px;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
.about:hover {
|
||||
top:262px;
|
||||
left:22px;
|
||||
top: 262px;
|
||||
left: 22px;
|
||||
}
|
||||
|
||||
.about-text {
|
||||
@ -129,11 +128,11 @@ h1 {
|
||||
}
|
||||
|
||||
.backtoindex img {
|
||||
width: 10%;
|
||||
margin: 0 auto !important;
|
||||
margin-left: 20vw;
|
||||
padding: 3em 2em 0 10em;
|
||||
float: left;
|
||||
width: 10%;
|
||||
margin: 0 auto !important;
|
||||
margin-left: 20vw;
|
||||
padding: 3em 2em 0 10em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.button.button-about {
|
||||
@ -161,15 +160,15 @@ div.footer {
|
||||
@media screen and (max-width: 770px) {
|
||||
img.button {
|
||||
width: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
.about {
|
||||
width: 7% !important;
|
||||
top: unset;
|
||||
right: 25vw;
|
||||
bottom: 2vh;
|
||||
left: unset;
|
||||
}
|
||||
width: 7% !important;
|
||||
top: unset;
|
||||
right: 25vw;
|
||||
bottom: 2vh;
|
||||
left: unset;
|
||||
}
|
||||
|
||||
.about:hover {
|
||||
width: 7% !important;
|
||||
@ -177,43 +176,42 @@ div.footer {
|
||||
right: 25vw;
|
||||
bottom: 2vh;
|
||||
left: unset;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.leaf {
|
||||
top: unset;
|
||||
bottom: 3vh;
|
||||
left: 55vw;
|
||||
top: unset;
|
||||
bottom: 3vh;
|
||||
left: 55vw;
|
||||
}
|
||||
|
||||
.leaf:hover {
|
||||
top: unset;
|
||||
bottom: 3vh;
|
||||
left: 55vw;
|
||||
top: unset;
|
||||
bottom: 3vh;
|
||||
left: 55vw;
|
||||
}
|
||||
|
||||
.stop {
|
||||
top: unset;
|
||||
bottom: 3vh;
|
||||
left: 40vw;
|
||||
top: unset;
|
||||
bottom: 3vh;
|
||||
left: 40vw;
|
||||
}
|
||||
|
||||
.stop:hover {
|
||||
top: unset;
|
||||
bottom: 3vh;
|
||||
left: 40vw;
|
||||
top: unset;
|
||||
bottom: 3vh;
|
||||
left: 40vw;
|
||||
}
|
||||
|
||||
.record {
|
||||
top: unset;
|
||||
bottom: 3vh;
|
||||
left: 25vw;
|
||||
top: unset;
|
||||
bottom: 3vh;
|
||||
left: 25vw;
|
||||
}
|
||||
|
||||
.record:hover {
|
||||
top: unset;
|
||||
bottom: 3vh;
|
||||
left: 25vw;
|
||||
top: unset;
|
||||
bottom: 3vh;
|
||||
left: 25vw;
|
||||
}
|
||||
|
||||
.about-text {
|
||||
|
@ -13,7 +13,7 @@
|
||||
<div class="about-text">
|
||||
|
||||
<h1>Kari Robertson<br>
|
||||
<i>Wet Signal Voice Gardens</i></h1>
|
||||
<i>Wet Signal Voice Gardens</i></h1>
|
||||
|
||||
<h3>1. Key</h3>
|
||||
|
||||
@ -83,7 +83,7 @@
|
||||
</p>
|
||||
|
||||
<h3>7. Licensing for the code</h3>
|
||||
The code for this website is licensed under <a href="https://www.gnu.org/licenses/agpl-3.0.en.html">AGPL</a> and can be found <a href="https://git.vvvvvvaria.org/varia/voicegardens">here</a>.
|
||||
The code for this website is licensed under the <a href="https://www.gnu.org/licenses/agpl-3.0.en.html">AGPL</a> and can be found <a href="https://git.vvvvvvaria.org/varia/voicegardens">here</a>.
|
||||
|
||||
<h3>8. Browser Compatibility</h3>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user