forked from Alpha/Epic-Sax
Fix wrong import and reformat
This commit is contained in:
parent
3557efcd66
commit
4913f939d6
4 changed files with 35 additions and 54 deletions
|
@ -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>
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue