Skip to content
This repository
Browse code

Update BookReaderTouch.css to match BookReader.css

  • Loading branch information...
commit 138982e7b4bf0f807ed017c41b69e532d3eedc91 1 parent 660ca11
Michael Ang mangtronix authored

Showing 1 changed file with 15 additions and 48 deletions. Show diff stats Hide diff stats

  1. +15 48 BookReader/touch/BookReaderTouch.css
63 BookReader/touch/BookReaderTouch.css
... ... @@ -1,58 +1,25 @@
1 1 /*
2 2 * Custom overrides for touch and small-screen devices.
3 3 */
4   -
5   -#BRtoolbar {
6   - position: absolute;
7   - height: 43px;
8   - border-top: 1px solid grey;
9   - bottom: 0;
10   -}
11   -
12   -#BRcontainer {
13   - top: 0;
14   - bottom: 44px;
15   -}
16   -
17   -#BookReaderSearchResults {
18   - bottom: 44px;
19   -}
20   -
21   -/* $$$ Page display could be better */
22   -#BRtoolbar .pageform {
23   - font-size: 1.1em;
24   -}
25 4
26 5 /* Hide some navigation buttons */
27 6 #BRtoolbar .play, .embed, .print {
28 7 display: none;
29 8 }
30 9
31   -/* Larger icons for touch */
32   -.BRicon {
33   - width: 26px;
34   - height: 26px;
35   - margin: 8px;
36   -}
37   -
38   -.BRicon.logo { background: url(images/logo_icon.png) no-repeat; }
39   -.BRicon.zoom_out { background: url(images/zoom_out_icon.png) no-repeat; }
40   -.BRicon.zoom_in { background: url(images/zoom_in_icon.png) no-repeat; }
41   -.BRicon.one_page_mode { background: url(images/one_page_mode_icon.png) no-repeat; }
42   -.BRicon.two_page_mode { background: url(images/two_page_mode_icon.png) no-repeat; }
43   -.BRicon.thumbnail_mode { background: url(images/thumbnail_mode_icon.png) no-repeat; }
44   -.BRicon.touch { background: url(images/touch_icon.png) no-repeat; }
45   -.BRicon.print { background: url(images/print_icon.png) no-repeat; }
46   -.BRicon.book_left { background: url(images/book_left_icon.png) no-repeat; }
47   -.BRicon.book_right { background: url(images/book_right_icon.png) no-repeat; }
48   -.BRicon.book_up { background: url(images/book_up_icon.png) no-repeat; }
49   -.BRicon.book_down { background: url(images/book_down_icon.png) no-repeat; }
50   -.BRicon.book_leftmost { background: url(images/book_leftmost_icon.png) no-repeat; }
51   -.BRicon.book_rightmost { background: url(images/book_rightmost_icon.png) no-repeat; }
52   -.BRicon.book_top { background: url(images/book_top_icon.png) no-repeat; }
53   -.BRicon.book_bottom { background: url(images/book_bottom_icon.png) no-repeat; }
54   -.BRicon.play { background: url(images/control_play_icon.png) no-repeat; }
55   -.BRicon.pause { background: url(images/control_pause_icon.png) no-repeat; }
56   -
57 10 /* Disable hover */
58   -.BRicon.rollover:hover { background-position: 0 0; }
  11 +/* $$$ better would be to display the hover momentarily
  12 + * to show that the button was pressed */
  13 +.BRicon.info:hover {background-position:-40px 0;}
  14 +.BRicon.share:hover {background-position:-120px 0;}
  15 +.BRicon.read:hover {background-position:-200px 0;}
  16 +.BRicon.unread:hover {background-position:-280px 0;}
  17 +.BRicon.full:hover {background-position:-360px 0;}
  18 +.BRicon.book_left:hover {background-position:-440px 0;}
  19 +.BRicon.book_right:hover {background-position:-520px 0;}
  20 +.BRicon.zoom_out:hover {background-position:-606px 0;}
  21 +.BRicon.zoom_in:hover {background-position:-686px 0;}
  22 +
  23 +div#BRzoomer button:hover {
  24 + background-color: #e2dcc5; /* $$$ as declared in BookReader.css - find way to avoid this */
  25 +}

0 comments on commit 138982e

Please sign in to comment.
Something went wrong with that request. Please try again.