diff --git a/assets/style.css b/assets/style.css index b19a63e..f692d09 100644 --- a/assets/style.css +++ b/assets/style.css @@ -1,8 +1,18 @@ -body>div { +/* We want a scrollbar to show - always + evil hack, but overflow-y: scroll sometimes doesn't work*/ + +html, body { + height: 100%; + margin: 0 0 1px 0; + padding: 0; +} + +#display { postion:relative; background: rgba(163,128,95,0.9); border-radius: 20px; padding: 5px 10px 5px 10px; + display:none; } h1 { @@ -35,7 +45,17 @@ h1 { } /* Don't show anything but warning, if too small */ -@media all and (min-width: 800px) { +/* handheld doesn't work, don't know why…*/ +@media handheld { + #display { + display:none; + } + #small { + display:inline; + } +} + +@media screen and (min-width:815px) { #small { display:none; } @@ -46,9 +66,16 @@ h1 { background-size: 100% auto; padding: 10px 0; } + #display { + display:block; + } } -@media all and (max-width: 799px) { + +@media screen and (max-width:814px) { #display { display:none; } + #small { + display:inline; + } } diff --git a/index.html b/index.html index bccd338..10f33d8 100644 --- a/index.html +++ b/index.html @@ -20,7 +20,7 @@
- Die Anzeige dieser Seite benötigt eine Breite von mindestens 800 px! + Die Anzeige dieser Seite benötigt eine Breite von mindestens 815 px und ist auf mobilen Geräten nicht lauffähig!