diff --git a/resources/css/partials/header.scss b/resources/css/partials/header.scss index cd98741..ed37c0e 100644 --- a/resources/css/partials/header.scss +++ b/resources/css/partials/header.scss @@ -98,6 +98,13 @@ $toggle-label_s_second_bar: math.div($toggle-label_s_width - 4, 2); height: $toggle-label_l_width; position: relative; cursor: pointer; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; .bar { padding: 0; diff --git a/resources/styles/main.css b/resources/styles/main.css index 2b34570..85fbd4c 100644 --- a/resources/styles/main.css +++ b/resources/styles/main.css @@ -37,16 +37,30 @@ color: white; font: 500 50px Montserrat, sans-serif; z-index: 5; - bottom: 200px; + top: 700px; left: 200px; text-shadow: 2px 2px 15px black; } +@media screen and (max-height: 1000px) { + .welcome { + top: 550px; + } +} +@media screen and (max-height: 850px) { + .welcome { + top: 450px; + } +} @media screen and (max-width: 850px) { .welcome { - bottom: 300px; left: 50px; } } +@media screen and (max-width: 600px) { + .welcome { + top: 650px; + } +} @media screen and (max-width: 400px) { .welcome { font-size: 32px; @@ -736,6 +750,13 @@ h1 { height: 36px; position: relative; cursor: pointer; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } #header #toggle-label .bar { padding: 0;