From 39d593054de993469809170ebf53a231caac92fb Mon Sep 17 00:00:00 2001 From: Mike Buland Date: Mon, 24 Oct 2016 14:14:19 -0600 Subject: It's all responsive now. Also it can loop. --- js/lost.css | 46 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 js/lost.css (limited to 'js/lost.css') diff --git a/js/lost.css b/js/lost.css new file mode 100644 index 0000000..7c51760 --- /dev/null +++ b/js/lost.css @@ -0,0 +1,46 @@ +@media (orientation: portrait) { +} + +@media (orientation: landscape) { + #maze-box { + display:inline-block; + vertical-align: middle; + } + #button-box { + display: inline-block; + vertical-align: middle; + } + #floor-box { + display: block; + vertical-align: top; + } + #sidebar { + display: inline-block; + vertical-align: top; + } + #ui-box { + text-align: center; + vertical-align: top; + } +} + +#maze-box { + text-align: center; +} + +#button-box { + text-align: center; +} + +#button-box table { + margin-left: auto; + margin-right: auto; +} + +.float-clear { + clear: both; +} + +#floor-box { + text-align: center; +} -- cgit v1.2.3