From 4913f939d66eb237040654bd5316efa89ea55e12 Mon Sep 17 00:00:00 2001 From: Simon Date: Fri, 12 Jul 2019 10:28:55 +0200 Subject: [PATCH] Fix wrong import and reformat --- index.html | 1 - inhalte/designes/impressum.css | 20 ++++++------- inhalte/designes/index.css | 53 +++++++++++++--------------------- inhalte/designes/saxophone.css | 15 ++++------ 4 files changed, 35 insertions(+), 54 deletions(-) diff --git a/index.html b/index.html index ba286f9..97a1131 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,6 @@ - Epic-Sax diff --git a/inhalte/designes/impressum.css b/inhalte/designes/impressum.css index 4c1b0ca..0d42bac 100644 --- a/inhalte/designes/impressum.css +++ b/inhalte/designes/impressum.css @@ -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; @@ -31,11 +29,13 @@ p { display: inline-block; font-size: 16px; cursor: pointer; - } - .button:hover { +} + +.button:hover { background-color: lightgray; color: white; - } - .mailto{ - color: grey; - } \ No newline at end of file +} + +.mailto { + color: grey; +} \ No newline at end of file diff --git a/inhalte/designes/index.css b/inhalte/designes/index.css index 8a45a68..a785c82 100644 --- a/inhalte/designes/index.css +++ b/inhalte/designes/index.css @@ -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 #########################################################################*/ @@ -24,39 +21,37 @@ div.page.home { text-align: center; } -div.page.home > div.title { +div.page.home>div.title { position: absolute; top: 45%; width: 100%; transform: translateY(-50%); } -div.title > h1 { +div.title>h1 { font-size: 20vh; } -div.title > h2 { +div.title>h2 { font-size: 4vh; } /*### HISTORY #########################################################################*/ -div.page.history > h1 { +div.page.history>h1 { position: absolute; top: 10%; left: 5%; - font-size: 10vh; } -div.page.history > p { +div.page.history>p { position: absolute; top: 55%; left: 50%; min-width: 700px; width: 60%; transform: translate3D(-50%, -50%, 0); - font-size: 3vh; hyphens: auto; text-align: justify @@ -64,26 +59,24 @@ div.page.history > p { /*### EXPLORE #########################################################################*/ -div.page.explore > h1 { +div.page.explore>h1 { position: absolute; top: 10%; width: 100%; - text-align: center; font-size: 8vh; } -div.page.explore > a { +div.page.explore>a { position: absolute; left: 50%; bottom: 4%; transform: translateX(-50%); - text-align: center; font-size: 2vh; } -div.page.explore > div.saxophones { +div.page.explore>div.saxophones { padding-top: 38vh; display: grid; place-items: center; @@ -94,51 +87,45 @@ div.saxophones div.saxophone { padding: 4vw; width: 12vw; height: 12vw; - transition: 150ms ease-in-out; } -div.saxophones div.saxophone > p { +div.saxophones div.saxophone>p { margin: 8vh 0; - color: white; text-align: center; font-size: 3vh; font-weight: bold; - transition: inherit; } -div.saxophones div.saxophone:hover > p { +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; } -div.saxophones div.saxophone > img { +div.saxophones div.saxophone>img { width: inherit; height: inherit; } /*#### scroll #### */ -.arrow::before{ +.arrow::before { content: '\25bc'; cursor: pointer; color: grey; position: absolute; opacity: 0.8; - text-shadow: 0 0 .5rem rgba(0,0,0,0.5); + text-shadow: 0 0 .5rem rgba(0, 0, 0, 0.5); width: 6rem; font-size: 2rem; height: 4rem; @@ -148,13 +135,13 @@ div.saxophones div.saxophone > img { margin-left: -3rem; left: 50%; animation: bounce 1s ease infinite; - } - - @keyframes bounce { +} + +@keyframes bounce { 50% { - transform: translateY(-50%); + transform: translateY(-50%); } 100% { - transform: translateY(0); + transform: translateY(0); } - } \ No newline at end of file +} \ No newline at end of file diff --git a/inhalte/designes/saxophone.css b/inhalte/designes/saxophone.css index 1ee2a8c..093d05e 100644 --- a/inhalte/designes/saxophone.css +++ b/inhalte/designes/saxophone.css @@ -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; } @@ -69,8 +63,9 @@ a.quelle { display: inline-block; font-size: 16px; cursor: pointer; - } - .button:hover { +} + +.button:hover { background-color: lightgray; color: white; - } \ No newline at end of file +} \ No newline at end of file