BookReader/touch/BookReaderTouch.css

   1 /*
   2  * Custom overrides for touch and small-screen devices.
   3  */
   4
   5 #BRtoolbar {
   6     height: 43px; /* 1px for bottom border */
   7 }
   8
   9 #BRcontainer {
  10     top: 44px;
  11 }
  12
  13 #BookReaderSearchResults {
  14     top: 44px;
  15 }
  16
  17 #BRtoolbar {
  18     border-bottom: 1px solid grey;
  19 }
  20
  21 /* $$$ Page display could be better */
  22 #BRtoolbar .pageform {
  23     font-size: 1.1em;
  24 }
  25
  26 /* Hide some navigation buttons */
  27 #BRtoolbar .play, .embed, .print {
  28     display: none;
  29 }
  30
  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 .BRicon.rollover:hover { background-position: -26px 0; }