Fix wrong import and reformat

This commit is contained in:
Simon Giesel 2019-07-12 10:28:55 +02:00
parent 3557efcd66
commit 4913f939d6
4 changed files with 35 additions and 54 deletions

View file

@ -3,7 +3,6 @@
<head>
<meta name="viewport" charset="UTF-8" content="width=device-width, height=device-height, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="inhalte/designes/index.css">
<link rel="stylesheet" type="text/css" href="inhalte/designes/webfont-all.css">
<title>Epic-Sax</title>
</head>

View file

@ -1,15 +1,13 @@
* {
margin: 0;
padding: 0;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
h1 {
position: absolute;
top: 10%;
left: 5%;
font-size: 10vh;
}
@ -18,9 +16,9 @@ p {
top: 50%;
left: 50%;
transform: translate3D(-50%, -50%, 0);
font-size: 5vh;
}
.button {
background-color: grey;
border: none;
@ -32,10 +30,12 @@ p {
font-size: 16px;
cursor: pointer;
}
.button:hover {
background-color: lightgray;
color: white;
}
.mailto {
color: grey;
}

View file

@ -1,8 +1,7 @@
* {
margin: 0;
padding: 0;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
a {
@ -14,8 +13,6 @@ div.page {
position: relative;
width: 100%;
height: 100%;
}
/*### HOME #########################################################################*/
@ -45,7 +42,6 @@ div.page.history > h1 {
position: absolute;
top: 10%;
left: 5%;
font-size: 10vh;
}
@ -56,7 +52,6 @@ div.page.history > p {
min-width: 700px;
width: 60%;
transform: translate3D(-50%, -50%, 0);
font-size: 3vh;
hyphens: auto;
text-align: justify
@ -68,7 +63,6 @@ div.page.explore > h1 {
position: absolute;
top: 10%;
width: 100%;
text-align: center;
font-size: 8vh;
}
@ -78,7 +72,6 @@ div.page.explore > a {
left: 50%;
bottom: 4%;
transform: translateX(-50%);
text-align: center;
font-size: 2vh;
}
@ -94,18 +87,15 @@ div.saxophones div.saxophone {
padding: 4vw;
width: 12vw;
height: 12vw;
transition: 150ms ease-in-out;
}
div.saxophones div.saxophone>p {
margin: 8vh 0;
color: white;
text-align: center;
font-size: 3vh;
font-weight: bold;
transition: inherit;
}
@ -113,14 +103,11 @@ div.saxophones div.saxophone:hover > p {
color: black;
}
div.saxophones div.saxophone:hover {
padding: 3vw;
width: 12vw;
height: 12vw;
cursor: pointer;
border-radius: 50%;
background-color: #F5F5F5;
}

View file

@ -1,22 +1,19 @@
* {
margin: 0;
padding: 0;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
h1 {
position: absolute;
top: 10%;
left: 5%;
font-size: 10vh;
}
img {
width: 25vw;
height: 25vw;
position: absolute;
top: 55%;
left: 20%;
@ -28,7 +25,6 @@ p {
top: 50%;
left: 60%;
transform: translate3D(-50%, -50%, 0);
font-size: 3vh;
hyphens: auto;
text-align: justify
@ -44,7 +40,6 @@ a.buy {
bottom: 20%;
left: 60%;
transform: translate3D(-50%, -50%, 0);
font-size: 4vh;
font-weight: bold;
}
@ -54,7 +49,6 @@ a.quelle {
bottom: 15%;
left: 20%;
transform: translate3D(-50%, -50%, 0);
text-align: center;
font-size: 2vh;
}
@ -70,6 +64,7 @@ a.quelle {
font-size: 16px;
cursor: pointer;
}
.button:hover {
background-color: lightgray;
color: white;