From d6b04483394cd4ccc48c5bf2a1e2235c781b4ee1 Mon Sep 17 00:00:00 2001 From: Legend Tang Date: Sat, 28 Feb 2015 23:08:26 +0800 Subject: add media queries for better responsive UI on mobile devices This is for modern browsers only --- .../htdocs/luci-static/bootstrap/mobile.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) (limited to 'themes') diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css index e9d9b61aa..b74f20904 100644 --- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css +++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css @@ -1,3 +1,21 @@ header h3 a, header .brand { display:none !important; } + +@media screen and (max-device-width: 600px) { + #maincontent.container { + margin-top: 30px; + } +} + +@media screen and (max-device-width: 360px) { + #maincontent.container { + margin-top: 60px; + } +} + +@media screen and (max-device-width: 200px) { + #maincontent.container { + margin-top: 230px; + } +} \ No newline at end of file -- cgit v1.2.3