diff options
| author | Legend Tang <sp3478@gmail.com> | 2015-02-28 23:08:26 +0800 |
|---|---|---|
| committer | Legend Tang <sp3478@gmail.com> | 2015-02-28 23:08:26 +0800 |
| commit | d6b04483394cd4ccc48c5bf2a1e2235c781b4ee1 (patch) | |
| tree | 39666daee75ce3b8f11a6de8d0245e193684175e /themes/luci-theme-bootstrap | |
| parent | 293d964ae2ca9c046cacbd0f2953c7b4f992a169 (diff) | |
add media queries for better responsive UI on mobile devices
This is for modern browsers only
Diffstat (limited to 'themes/luci-theme-bootstrap')
| -rw-r--r-- | themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css | 18 |
1 files changed, 18 insertions, 0 deletions
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 |