From 67fa29786898819ca5af0e3b9e667f586a3c24d2 Mon Sep 17 00:00:00 2001 From: emkael Date: Tue, 16 Dec 2014 13:34:58 +0100 Subject: * styles modified to more mobile-friendly version --- how.js | 4 ++-- index.html | 51 ++++++++++++++++++++++----------------------------- style.css | 24 ++++++++++-------------- 3 files changed, 34 insertions(+), 45 deletions(-) diff --git a/how.js b/how.js index 0f19d7c..4997369 100644 --- a/how.js +++ b/how.js @@ -352,7 +352,7 @@ var Viewport = function(width, height) { if (!where) { where = jQuery('body'); } - jQuery(where).append(that.container); + jQuery(where).prepend(that.container); } }; @@ -410,7 +410,7 @@ var Control = function(movement) { } jQuery(document).ready(function() { - var vp = new Viewport(jQuery(window).width()*0.6, jQuery(window).height()*0.9); + var vp = new Viewport(jQuery(window).width()*0.70, jQuery(window).height()*0.9); vp.render(); var movements; var moveList = jQuery('.selector .list'); diff --git a/index.html b/index.html index 7b8877e..394acf1 100644 --- a/index.html +++ b/index.html @@ -9,36 +9,29 @@ -
-

Howellki

- Obsługa: wybierz rotację z menu po prawej stronie.
- Autor: MKL -
-
-
-

- «
- M
- E
- N
- U
- « +
+
+
+
Stoły + + +
+
RUNDY STOŁY
+
-
-
Stoły - - -
-
RUNDY STOŁY
+
+

Howellki

+ Obsługa: wybierz rotację z menu.
+ Autor: MKL
diff --git a/style.css b/style.css index ae4323e..a571a0b 100644 --- a/style.css +++ b/style.css @@ -5,27 +5,24 @@ body { } .selector { - position: fixed; - top: 0; - right: 0; background-color: grey; height: 395px; color: white; z-index: 100; border: solid 1px black; + min-width: 280px; + width: 25%; + margin-top: 5px; + padding: 5px; + overflow: hidden; } .selector .list { width: 500px; - display: none; float: left; padding-top: 5px; } -.selector:hover .list { - display: block; -} - .selector .lollipop { text-align: center; width: 50px; @@ -106,9 +103,6 @@ table.summary td { } .controls { - position: fixed; - top: 400px; - right: 0px; } .controls .play, @@ -127,10 +121,12 @@ table.summary td { border: solid 1px black; } +.rightPane { + float: right; + width: 25%; +} + .info { - position: fixed; - bottom: 0; - right: 0; width: 250px; height: 150px; } -- cgit v1.2.3