From 58ad430e13b225b15687f85dc5f4774351135a99 Mon Sep 17 00:00:00 2001 From: peteruithoven Date: Mon, 15 Jun 2015 17:47:00 +0200 Subject: [PATCH] 404 responsive --- less/404.less | 27 +++++++++++++++++++++++++-- 1 file changed, 25 insertions(+), 2 deletions(-) diff --git a/less/404.less b/less/404.less index 9105c50..98213d4 100644 --- a/less/404.less +++ b/less/404.less @@ -7,11 +7,34 @@ top: 50%; left: 50%; height: 200px; - width: 500px; - margin: -85px 0px 0px -250px; + width: 30em; + margin: -85px 0px 0px -16em; background-color: #FCFCFC; padding: 0px 1em; } } +@media screen and (max-width: 485px) { + #page404 { + overflow-y: auto; + #message404 { + position: relative; + left: 0px; + top: 0px; + margin: 10% 0; + padding: 0; + width: 100%; + height: auto; + p, ul { + margin: 1em; + } + } + #landscape { + box-shadow: none; + .bgContainer { + display: none; + } + } + } +}