diff options
| author | Jo-Philipp Wich <jow@openwrt.org> | 2015-03-10 18:55:15 +0100 |
|---|---|---|
| committer | Jo-Philipp Wich <jow@openwrt.org> | 2015-03-10 18:55:15 +0100 |
| commit | 31e7adea63a4e7174d7f91daa9d323ee78a17a18 (patch) | |
| tree | 7256df6625679aa92ec6ba4db6c7223e8a06c421 /themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap | |
| parent | 6f56c69d63373d7a92be3ab96609a41bf649c131 (diff) | |
| parent | d6b04483394cd4ccc48c5bf2a1e2235c781b4ee1 (diff) | |
Merge pull request #333 from legendtang/master
themes/bootstrap: add media queries to bootstrap-theme for better responsive UI on mobile devices
Diffstat (limited to 'themes/luci-theme-bootstrap/htdocs/luci-static/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 e9d9b61aa2..b74f209045 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 |