diff options
| author | Mike Buland <Mike.Buland@mjfirm.com> | 2016-10-24 14:14:19 -0600 |
|---|---|---|
| committer | Mike Buland <Mike.Buland@mjfirm.com> | 2016-10-24 14:14:19 -0600 |
| commit | 39d593054de993469809170ebf53a231caac92fb (patch) | |
| tree | 4dfec57800e0d994977b96491d44ad0cb6126c2d /js/lost.css | |
| parent | af8190aea9296ae82fbb08ebf01a15ce45faa8d1 (diff) | |
| download | lost-39d593054de993469809170ebf53a231caac92fb.tar.gz lost-39d593054de993469809170ebf53a231caac92fb.tar.bz2 lost-39d593054de993469809170ebf53a231caac92fb.tar.xz lost-39d593054de993469809170ebf53a231caac92fb.zip | |
It's all responsive now. Also it can loop.
Diffstat (limited to '')
| -rw-r--r-- | js/lost.css | 46 |
1 files changed, 46 insertions, 0 deletions
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 @@ | |||
| 1 | @media (orientation: portrait) { | ||
| 2 | } | ||
| 3 | |||
| 4 | @media (orientation: landscape) { | ||
| 5 | #maze-box { | ||
| 6 | display:inline-block; | ||
| 7 | vertical-align: middle; | ||
| 8 | } | ||
| 9 | #button-box { | ||
| 10 | display: inline-block; | ||
| 11 | vertical-align: middle; | ||
| 12 | } | ||
| 13 | #floor-box { | ||
| 14 | display: block; | ||
| 15 | vertical-align: top; | ||
| 16 | } | ||
| 17 | #sidebar { | ||
| 18 | display: inline-block; | ||
| 19 | vertical-align: top; | ||
| 20 | } | ||
| 21 | #ui-box { | ||
| 22 | text-align: center; | ||
| 23 | vertical-align: top; | ||
| 24 | } | ||
| 25 | } | ||
| 26 | |||
| 27 | #maze-box { | ||
| 28 | text-align: center; | ||
| 29 | } | ||
| 30 | |||
| 31 | #button-box { | ||
| 32 | text-align: center; | ||
| 33 | } | ||
| 34 | |||
| 35 | #button-box table { | ||
| 36 | margin-left: auto; | ||
| 37 | margin-right: auto; | ||
| 38 | } | ||
| 39 | |||
| 40 | .float-clear { | ||
| 41 | clear: both; | ||
| 42 | } | ||
| 43 | |||
| 44 | #floor-box { | ||
| 45 | text-align: center; | ||
| 46 | } | ||