mobile layout

1 files changed, 47 insertions, 0 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index 029bde2..54dabe5 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -116,4 +116,51 @@ a:visited {
 }
 marquee {
   line-height: 1.1;
+}
+* {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+#mobile_nav {
+  display: none;
+  position: fixed;
+  bottom: 0; left: 0;
+  width: 100%;
+  padding: 10px;
+  background: #fed;
+}
+#mobile_nav div {
+  display: block;
+  float: left;
+  width: 25%;
+  color: #f08;
+  font-family: courier, monospace;
+  text-align: center;
+}
+#mobile_nav div.prev {
+  text-align: left;
+}
+#mobile_nav div.next {
+  text-align: right;
+}
+.upload {
+  position: relative;
+}
+.upload input {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+}
+
+@media (max-width: 780px) {
+  #pip,
+  #bottombar,
+  #luckypad,
+  #droparea,
+  #topnav { display: none }
+  #luckyimage { background-size: contain; pointer-events: none; position: absolute; }
+  #mobile_nav { display: block; position: absolute; }
 }
\ No newline at end of file