changeset 84:adaad33f929c

Improve mobile mode.
author Matti Hamalainen <ccr@tnsp.org>
date Wed, 24 Oct 2012 14:15:43 +0300
parents 85068c8513b4
children 4cad6c15f21b
files index.php luk.css mluk1.css mluk2.css mluk3.css mluk4.css
diffstat 6 files changed, 140 insertions(+), 4 deletions(-) [+]
line wrap: on
line diff
--- a/index.php	Wed Oct 24 13:58:00 2012 +0300
+++ b/index.php	Wed Oct 24 14:15:43 2012 +0300
@@ -34,8 +34,8 @@
   ),
   
   "beta" => array(
-    "en" => " NOTICE! Lukkari v2.0beta is still under development. There may be bugs. Some old features (mini-mode) may not return.",
-    "fi" => " HUOM! Lukkari v2.0beta on vielä kehityksen alla. Bugeja voi löytyä. Jotkut vanhat ominaisuudet (mini-moodi) eivät välttämättä tule takaisin.",
+    "en" => " NOTICE! Lukkari v2.0beta is still under development. There may be bugs.",
+    "fi" => " HUOM! Lukkari v2.0beta on vielä kehityksen alla. Bugeja voi löytyä.",
   ),
 
   "viikossa" => array(
@@ -512,7 +512,11 @@
 lukMsg("contact", "ccr @ IRCNet", "ccr (at) tnsp (dot) org").
 " <div style=\"color: red;\">".lukMsg("beta")."</div>
 </div>
-<div id=\"csssel\">
+";
+
+if (!$mobileMode)
+{
+echo "<div id=\"csssel\">
  <div id=\"ctitle\">Lukkari v2.0 beta</div>
  <div>".lukMsg("Style").": ";
 
@@ -525,7 +529,10 @@
   echo "<a href=\"".$baseURI."?lang=".$id."\">".$id."</a>";
 
 echo "</div>
-</div>
+";
+}
+
+echo "</div>
 ";
 printPageFooter();
 
--- a/luk.css	Wed Oct 24 13:58:00 2012 +0300
+++ b/luk.css	Wed Oct 24 14:15:43 2012 +0300
@@ -28,9 +28,14 @@
 #controls {
 	padding: 0px;
 	margin: 0px;
+	overflow: hidden;
 }
 
 #controls table * {
 	padding: 0px;
 	margin: 0px;
 }
+
+#contents {
+	overflow: auto;
+}
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/mluk1.css	Wed Oct 24 14:15:43 2012 +0300
@@ -0,0 +1,31 @@
+@import url("luk1.css");
+body {
+	font-size: 8pt;
+}
+
+h1, h2, h3 {
+	font-size: 12pt;
+	border-radius: 5pt;
+	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
+	display: inline-block;
+}
+
+#csssel {
+	font-size: 6pt;
+}
+
+#ctitle {
+	font-size: 8pt;
+}
+
+#contents {
+	position: relative;
+	right: auto;
+	left: auto;
+	display: inline-block;
+}
+
+table.timetable * table {
+	width: auto;
+	height: 100%;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/mluk2.css	Wed Oct 24 14:15:43 2012 +0300
@@ -0,0 +1,31 @@
+@import url("luk2.css");
+body {
+	font-size: 8pt;
+}
+
+h1, h2, h3 {
+	font-size: 12pt;
+	border-radius: 5pt;
+	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
+	display: inline-block;
+}
+
+#csssel {
+	font-size: 6pt;
+}
+
+#ctitle {
+	font-size: 8pt;
+}
+
+#contents {
+	position: relative;
+	right: auto;
+	left: auto;
+	display: inline-block;
+}
+
+table.timetable * table {
+	width: auto;
+	height: 100%;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/mluk3.css	Wed Oct 24 14:15:43 2012 +0300
@@ -0,0 +1,31 @@
+@import url("luk3.css");
+body {
+	font-size: 8pt;
+}
+
+h1, h2, h3 {
+	font-size: 12pt;
+	border-radius: 5pt;
+	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
+	display: inline-block;
+}
+
+#csssel {
+	font-size: 6pt;
+}
+
+#ctitle {
+	font-size: 8pt;
+}
+
+#contents {
+	position: relative;
+	right: auto;
+	left: auto;
+	display: inline-block;
+}
+
+table.timetable * table {
+	width: auto;
+	height: 100%;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/mluk4.css	Wed Oct 24 14:15:43 2012 +0300
@@ -0,0 +1,31 @@
+@import url("luk4.css");
+body {
+	font-size: 8pt;
+}
+
+h1, h2, h3 {
+	font-size: 12pt;
+	border-radius: 5pt;
+	box-shadow: 0px 0px 4px rgba(255,255,255,0.7);
+	display: inline-block;
+}
+
+#csssel {
+	font-size: 6pt;
+}
+
+#ctitle {
+	font-size: 8pt;
+}
+
+#contents {
+	position: relative;
+	right: auto;
+	left: auto;
+	display: inline-block;
+}
+
+table.timetable * table {
+	width: auto;
+	height: 100%;
+}