New touch ui mode
authorMichael Ang <mang@archive.org>
Thu, 13 May 2010 00:45:00 +0000 (00:45 +0000)
committerMichael Ang <mang@archive.org>
Thu, 13 May 2010 00:45:00 +0000 (00:45 +0000)
20 files changed:
BookReader/BookReaderTouch.css [new file with mode: 0644]
BookReader/images/touch/book_bottom_icon.png [new file with mode: 0644]
BookReader/images/touch/book_down_icon.png [new file with mode: 0644]
BookReader/images/touch/book_left_icon.png [new file with mode: 0644]
BookReader/images/touch/book_leftmost_icon.png [new file with mode: 0644]
BookReader/images/touch/book_right_icon.png [new file with mode: 0644]
BookReader/images/touch/book_rightmost_icon.png [new file with mode: 0644]
BookReader/images/touch/book_top_icon.png [new file with mode: 0644]
BookReader/images/touch/book_up_icon.png [new file with mode: 0644]
BookReader/images/touch/control_pause_icon.png [new file with mode: 0644]
BookReader/images/touch/control_play_icon.png [new file with mode: 0644]
BookReader/images/touch/embed_icon.png [new file with mode: 0644]
BookReader/images/touch/logo_icon.png [new file with mode: 0644]
BookReader/images/touch/one_page_mode_icon.png [new file with mode: 0644]
BookReader/images/touch/print_icon.png [new file with mode: 0644]
BookReader/images/touch/thumbnail_mode_icon.png [new file with mode: 0644]
BookReader/images/touch/two_page_mode_icon.png [new file with mode: 0644]
BookReader/images/touch/zoom_in_icon.png [new file with mode: 0644]
BookReader/images/touch/zoom_out_icon.png [new file with mode: 0644]
BookReaderIA/inc/BookReader.inc

diff --git a/BookReader/BookReaderTouch.css b/BookReader/BookReaderTouch.css
new file mode 100644 (file)
index 0000000..9e73ed5
--- /dev/null
@@ -0,0 +1,57 @@
+/*
+ * Custom overrides for touch and small-screen devices.
+ */
+#BRtoolbar {
+    height: 43px; /* 1px for bottom border */
+}
+
+#BRcontainer {
+    top: 44px;
+}
+
+#BookReaderSearchResults {
+    top: 44px;
+}
+
+#BRtoolbar {
+    border-bottom: 1px solid grey;
+}
+
+/* $$$ Page display could be better */
+#BRtoolbar .pageform {
+    font-size: 1.1em;
+}
+
+/* Hide some navigation buttons */
+#BRtoolbar .play, .embed, .print {
+    display: none;
+}
+
+/* Larger icons for touch */
+.BRicon {
+    width: 26px;
+    height: 26px;
+    margin: 8px;
+}
+
+.BRicon.logo { background: url(images/touch/logo_icon.png) no-repeat; }
+.BRicon.zoom_out { background: url(images/touch/zoom_out_icon.png) no-repeat; }
+.BRicon.zoom_in { background: url(images/touch/zoom_in_icon.png) no-repeat; }
+.BRicon.one_page_mode { background: url(images/touch/one_page_mode_icon.png) no-repeat; }
+.BRicon.two_page_mode { background: url(images/touch/two_page_mode_icon.png) no-repeat; }
+.BRicon.thumbnail_mode { background: url(images/touch/thumbnail_mode_icon.png) no-repeat; }
+.BRicon.touch { background: url(images/touch/touch_icon.png) no-repeat; }
+.BRicon.print { background: url(images/touch/print_icon.png) no-repeat; }
+.BRicon.book_left { background: url(images/touch/book_left_icon.png) no-repeat; }
+.BRicon.book_right { background: url(images/touch/book_right_icon.png) no-repeat; }
+.BRicon.book_up { background: url(images/touch/book_up_icon.png) no-repeat; }
+.BRicon.book_down { background: url(images/touch/book_down_icon.png) no-repeat; }
+.BRicon.book_leftmost { background: url(images/touch/book_leftmost_icon.png) no-repeat; }
+.BRicon.book_rightmost { background: url(images/touch/book_rightmost_icon.png) no-repeat; }
+.BRicon.book_top { background: url(images/touch/book_top_icon.png) no-repeat; }
+.BRicon.book_bottom { background: url(images/touch/book_bottom_icon.png) no-repeat; }
+.BRicon.play { background: url(images/touch/control_play_icon.png) no-repeat; }
+.BRicon.pause { background: url(images/touch/control_pause_icon.png) no-repeat; }
+
+.BRicon.rollover:hover { background-position: -26px 0; }
diff --git a/BookReader/images/touch/book_bottom_icon.png b/BookReader/images/touch/book_bottom_icon.png
new file mode 100644 (file)
index 0000000..1f977c7
Binary files /dev/null and b/BookReader/images/touch/book_bottom_icon.png differ
diff --git a/BookReader/images/touch/book_down_icon.png b/BookReader/images/touch/book_down_icon.png
new file mode 100644 (file)
index 0000000..5d4a878
Binary files /dev/null and b/BookReader/images/touch/book_down_icon.png differ
diff --git a/BookReader/images/touch/book_left_icon.png b/BookReader/images/touch/book_left_icon.png
new file mode 100644 (file)
index 0000000..64e7e76
Binary files /dev/null and b/BookReader/images/touch/book_left_icon.png differ
diff --git a/BookReader/images/touch/book_leftmost_icon.png b/BookReader/images/touch/book_leftmost_icon.png
new file mode 100644 (file)
index 0000000..af9b3b1
Binary files /dev/null and b/BookReader/images/touch/book_leftmost_icon.png differ
diff --git a/BookReader/images/touch/book_right_icon.png b/BookReader/images/touch/book_right_icon.png
new file mode 100644 (file)
index 0000000..d8a0c41
Binary files /dev/null and b/BookReader/images/touch/book_right_icon.png differ
diff --git a/BookReader/images/touch/book_rightmost_icon.png b/BookReader/images/touch/book_rightmost_icon.png
new file mode 100644 (file)
index 0000000..d1b7553
Binary files /dev/null and b/BookReader/images/touch/book_rightmost_icon.png differ
diff --git a/BookReader/images/touch/book_top_icon.png b/BookReader/images/touch/book_top_icon.png
new file mode 100644 (file)
index 0000000..12cd6c9
Binary files /dev/null and b/BookReader/images/touch/book_top_icon.png differ
diff --git a/BookReader/images/touch/book_up_icon.png b/BookReader/images/touch/book_up_icon.png
new file mode 100644 (file)
index 0000000..ad4bd5c
Binary files /dev/null and b/BookReader/images/touch/book_up_icon.png differ
diff --git a/BookReader/images/touch/control_pause_icon.png b/BookReader/images/touch/control_pause_icon.png
new file mode 100644 (file)
index 0000000..e01e526
Binary files /dev/null and b/BookReader/images/touch/control_pause_icon.png differ
diff --git a/BookReader/images/touch/control_play_icon.png b/BookReader/images/touch/control_play_icon.png
new file mode 100644 (file)
index 0000000..54d9a1f
Binary files /dev/null and b/BookReader/images/touch/control_play_icon.png differ
diff --git a/BookReader/images/touch/embed_icon.png b/BookReader/images/touch/embed_icon.png
new file mode 100644 (file)
index 0000000..fe28d54
Binary files /dev/null and b/BookReader/images/touch/embed_icon.png differ
diff --git a/BookReader/images/touch/logo_icon.png b/BookReader/images/touch/logo_icon.png
new file mode 100644 (file)
index 0000000..908d3c3
Binary files /dev/null and b/BookReader/images/touch/logo_icon.png differ
diff --git a/BookReader/images/touch/one_page_mode_icon.png b/BookReader/images/touch/one_page_mode_icon.png
new file mode 100644 (file)
index 0000000..3b5c191
Binary files /dev/null and b/BookReader/images/touch/one_page_mode_icon.png differ
diff --git a/BookReader/images/touch/print_icon.png b/BookReader/images/touch/print_icon.png
new file mode 100644 (file)
index 0000000..fde2f1d
Binary files /dev/null and b/BookReader/images/touch/print_icon.png differ
diff --git a/BookReader/images/touch/thumbnail_mode_icon.png b/BookReader/images/touch/thumbnail_mode_icon.png
new file mode 100644 (file)
index 0000000..2226e6e
Binary files /dev/null and b/BookReader/images/touch/thumbnail_mode_icon.png differ
diff --git a/BookReader/images/touch/two_page_mode_icon.png b/BookReader/images/touch/two_page_mode_icon.png
new file mode 100644 (file)
index 0000000..33efafc
Binary files /dev/null and b/BookReader/images/touch/two_page_mode_icon.png differ
diff --git a/BookReader/images/touch/zoom_in_icon.png b/BookReader/images/touch/zoom_in_icon.png
new file mode 100644 (file)
index 0000000..976bd4a
Binary files /dev/null and b/BookReader/images/touch/zoom_in_icon.png differ
diff --git a/BookReader/images/touch/zoom_out_icon.png b/BookReader/images/touch/zoom_out_icon.png
new file mode 100644 (file)
index 0000000..f090257
Binary files /dev/null and b/BookReader/images/touch/zoom_out_icon.png differ
index 53b074b..6e4fb74 100644 (file)
@@ -73,7 +73,7 @@ class BookReader
   {
     // Set title to default if not set
     if (!$title) {
-        $title = 'Bookreader';
+        $title = 'BookReader';
     }
     
     $id = $identifier;
@@ -107,6 +107,8 @@ class BookReader
     <link rel="stylesheet" type="text/css" href="/bookreader/BookReader.css?v=<? echo($version); ?>">
 <? if ($uiMode == "embed") { ?>
     <link rel="stylesheet" type="text/css" href="/bookreader/BookReaderEmbed.css?v=<? echo($version); ?>">
+<? } elseif ($uiMode == "touch") { ?>
+    <link rel="stylesheet" type="text/css" href="/bookreader/BookReaderTouch.css?v=<? echo($version); ?>">
 <? } /* uiMode */ ?>
     <script src="/includes/jquery-1.4.2.min.js" type="text/javascript"></script>
     <script type="text/javascript" src="/bookreader/jquery-ui-1.8.1.custom.min.js"></script>