BookReader/BookReader.css

   1 #BookReader {
   2  border:1px solid black;
   3  position:absolute;
   4  font-family: arial, sans-serif;
   5 }
   6
   7 #BRtoolbar {
   8     height:25px;
   9     width:100%;
  10     background-color: #E6E4E1;
  11 }
  12
  13 #BRtoolbar .label {
  14     font-size: 0.9em;
  15 }
  16
  17 #BRcontainer {
  18     /*height:95%;*/
  19     top:25px;
  20     bottom:0px;
  21     width:100%;
  22     overflow-x:auto;
  23     overflow-y:scroll;
  24     /*text-align: center;*/
  25     background-color: #FCFCFC;
  26     position:absolute;
  27 }
  28
  29 #BRpageview {
  30     background-color: #FCFCFC;
  31 }
  32
  33 .BRpagediv1up {
  34     background-color: #FFFFEE;
  35     overflow:hidden;
  36     border-right: 2px solid #717171;
  37     border-bottom: 2px solid #717171;
  38     border-left: 1px solid #909090;
  39     border-top: 1px solid #909090;
  40     cursor: move;
  41 }
  42
  43 .BRpagedivthumb {
  44     background-color: #FFFFEE;
  45     overflow:hidden;
  46     border: 1px solid #909090;
  47 }
  48
  49 .BRpagedivthumb_highlight {
  50     background-color: #FFFFEE;
  51     overflow:hidden;
  52     border: 1px solid #000000;
  53 }
  54
  55 .BRpagediv2up {
  56     background-color: rgb(234, 226, 205);
  57     overflow:hidden;
  58 }
  59
  60 /* search sidebar */
  61 #BookReaderSearch {
  62     border:1px solid black;
  63     position:absolute;
  64     background-color: #E6E4E1;
  65     font-family: arial, sans-serif;
  66 }
  67
  68 #BookReaderSearchResults {
  69     background-color: #FCFCFC;
  70     top: 25px;
  71     bottom: 0px;
  72     overflow:auto;
  73     position: absolute;
  74     left: 0px;
  75     right: 0px;
  76     font-family: arial, san-serif;
  77     font-size: 0.85em;
  78     padding: 2px;
  79 }
  80
  81 .BookReaderSearchHilite {
  82     opacity: 0.20;
  83     filter: alpha(opacity = 20);
  84     background-color: #00f;
  85     position:absolute;
  86 }
  87
  88 .BRpageform {
  89     display: inline;
  90 }
  91
  92 .BRicon {
  93     width: 24px;
  94     height: 24px;
  95     padding: 0px;
  96     vertical-align: middle;
  97     border: none;
  98 }
  99
 100 /* Absolute path used since the html might be generated at /stream/id or elsewhere */
 101 .BRicon.logo { background: url(images/logo_icon.png) no-repeat; }
 102 .BRicon.zoom_out { background: url(images/zoom_out_icon.png) no-repeat; }
 103 .BRicon.zoom_in { background: url(images/zoom_in_icon.png) no-repeat; }
 104 .BRicon.one_page_mode { background: url(images/one_page_mode_icon.png) no-repeat; }
 105 .BRicon.two_page_mode { background: url(images/two_page_mode_icon.png) no-repeat; }
 106 .BRicon.thumbnail_mode { background: url(images/thumbnail_mode_icon.png) no-repeat; }
 107 .BRicon.embed { background: url(images/embed_icon.png) no-repeat; }
 108 .BRicon.print { background: url(images/print_icon.png) no-repeat; }
 109 .BRicon.book_left { background: url(images/book_left_icon.png) no-repeat; }
 110 .BRicon.book_right { background: url(images/book_right_icon.png) no-repeat; }
 111 .BRicon.book_up { background: url(images/book_up_icon.png) no-repeat; }
 112 .BRicon.book_down { background: url(images/book_down_icon.png) no-repeat; }
 113 .BRicon.book_leftmost { background: url(images/book_leftmost_icon.png) no-repeat; }
 114 .BRicon.book_rightmost { background: url(images/book_rightmost_icon.png) no-repeat; }
 115 .BRicon.book_top { background: url(images/book_top_icon.png) no-repeat; }
 116 .BRicon.book_bottom { background: url(images/book_bottom_icon.png) no-repeat; }
 117
 118
 119 .BRicon.play { background: url(images/control_play_icon.png) no-repeat; }
 120 .BRicon.pause { background: url(images/control_pause_icon.png) no-repeat; }
 121
 122 /* Icons with this class should have a 48x24 image which contains
 123    the regular and hover images side-by-side */
 124 .BRicon.rollover:hover { background-position: -24px 0; }
 125
 126 /* Special logic for the logo, which is an actual link */
 127 a.BRicon {
 128     display: block;
 129     text-decoration: none;
 130     border: none;
 131     float: left;
 132 }
 133
 134 /* footer stuff, from Rebecca's demo */
 135 #BRfooter {
 136     position:absolute;
 137     bottom: 1px;        /* ensure no vertical scroll bar in FF */
 138     left: 0px;
 139     /*width: 100%;*/    /* this causes horizontal scroll bar in FF */
 140     right: 0px;
 141     clear: both;
 142     color: #000000;
 143     padding: 0px 0px 0px 10px;
 144     background: #CCCCCC;
 145     height: 2em;
 146     line-height: 25px;
 147     vertical-align: middle;
 148     font-family: arial, sans-serif;
 149     font-size: 12px;
 150 }
 151
 152 .BRlogotype {
 153     float:left;
 154     font-weight: bold;
 155     height: 25px;
 156     line-height: 25px;
 157     vertical-align: middle;
 158 }
 159
 160 a.BRwhite                       { color: #fff }
 161 a.BRwhite:hover                 { text-decoration: none; }
 162 a.BRwhite:visited               { color: #fff }
 163
 164 a.BRblack           { color: #000000 }
 165 a.BRblack:hover     { text-decoration: none; }
 166 a.BRblack:visited   { color: #000000 }
 167
 168 .BRnavlinks {
 169     float:right;
 170     padding: 0px 20px 0px 0px;
 171     margin: 0px;
 172     height: 25px;
 173     line-height: 25px;
 174     vertical-align: middle;
 175 }
 176
 177 /* thumnbail view, from Rebecca's demo */
 178 .BRpdstatus-footer {
 179     position:absolute;
 180     height: 65px;
 181     bottom: 25px;
 182     width: 100%;
 183     background-color: #f8f8f8;
 184     border-top: 1px solid #ccc;
 185     text-align: right;
 186     padding: 0px 0px 0px 0px;
 187 }
 188
 189 .BRwidgetlabel {
 190     color: #919070;
 191     padding: 8px 8px 4px 8px;
 192     font-family: verdana, arial, helvetica, sans-serif;
 193     font-size: 10px;
 194     float: left;
 195 }
 196
 197 .BRfliparea {
 198     background-image: url(images/transparent.png); # Required to capture mouse on IE
 199 }