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 a {
  50     border: 0;
  51 }
  52
  53 .BRpagedivthumb img {
  54     border: 0;
  55 }
  56
  57 /* Must come after .BRpagedivthumb rules in order to override them */
  58 .BRpagedivthumb_highlight {
  59     background-color: #FFFFEE;
  60     overflow:hidden;
  61     border: 1px solid #000000;
  62 }
  63
  64 .BRpagediv2up {
  65     background-color: rgb(234, 226, 205);
  66     overflow:hidden;
  67 }
  68
  69 #BRbookcover {
  70     border: 1px solid rgb(68, 25, 17);
  71     background-color: #663929;
  72     -moz-border-radius: 6px;
  73     -moz-box-shadow: 3px 3px 8px #222;
  74     -webkit-border-radius: 6px;
  75     -webkit-box-shadow: 2px 2px 8px #222;
  76 }
  77
  78 .BRleafEdgeR {
  79     border-style: solid solid solid none;
  80     border-color: rgb(51, 51, 34);
  81     border-width: 1px 1px 1px 0px;
  82     background: transparent url(images/right_edges.png) repeat scroll 0% 0%;
  83     position: absolute;
  84 }
  85
  86 .BRleafEdgeL {
  87     border-style: solid none solid solid;
  88     border-color: rgb(51, 51, 34);
  89     border-width: 1px 0px 1px 1px;
  90     background: transparent url(images/left_edges.png) repeat scroll 0% 0%;
  91     position: absolute;
  92 }
  93
  94 .BRleafEdgeTmp {
  95     border-style: solid none solid solid;
  96     border-color: rgb(51, 51, 34);
  97     border-width: 1px 0px 1px 1px;
  98     background: transparent url(images/left_edges.png) repeat scroll 0% 0%;
  99     position: absolute;
 100 }
 101
 102 #BRbookspine {
 103     border: 1px solid rgb(68, 25, 17);
 104     background-color: rgb(68, 25, 17);
 105     position: absolute;
 106 }
 107
 108 /* search sidebar */
 109 #BookReaderSearch {
 110     border:1px solid black;
 111     position:absolute;
 112     background-color: #E6E4E1;
 113     font-family: arial, sans-serif;
 114 }
 115
 116 #BookReaderSearchResults {
 117     background-color: #FCFCFC;
 118     top: 25px;
 119     bottom: 0px;
 120     overflow:auto;
 121     position: absolute;
 122     left: 0px;
 123     right: 0px;
 124     font-family: arial, san-serif;
 125     font-size: 0.85em;
 126     padding: 2px;
 127 }
 128
 129 .BookReaderSearchHilite {
 130     opacity: 0.20;
 131     filter: alpha(opacity = 20);
 132     background-color: #00f;
 133     position:absolute;
 134 }
 135
 136 .BRpageform {
 137     display: inline;
 138 }
 139
 140 .BRicon {
 141     width: 24px;
 142     height: 24px;
 143     padding: 0px;
 144     vertical-align: middle;
 145     border: none;
 146 }
 147
 148 /* Absolute path used since the html might be generated at /stream/id or elsewhere */
 149 .BRicon.logo { background: url(images/logo_icon.png) no-repeat; }
 150 .BRicon.zoom_out { background: url(images/zoom_out_icon.png) no-repeat; }
 151 .BRicon.zoom_in { background: url(images/zoom_in_icon.png) no-repeat; }
 152 .BRicon.one_page_mode { background: url(images/one_page_mode_icon.png) no-repeat; }
 153 .BRicon.two_page_mode { background: url(images/two_page_mode_icon.png) no-repeat; }
 154 .BRicon.thumbnail_mode { background: url(images/thumbnail_mode_icon.png) no-repeat; }
 155 .BRicon.embed { background: url(images/embed_icon.png) no-repeat; }
 156 .BRicon.print { background: url(images/print_icon.png) no-repeat; }
 157 .BRicon.book_left { background: url(images/book_left_icon.png) no-repeat; }
 158 .BRicon.book_right { background: url(images/book_right_icon.png) no-repeat; }
 159 .BRicon.book_up { background: url(images/book_up_icon.png) no-repeat; }
 160 .BRicon.book_down { background: url(images/book_down_icon.png) no-repeat; }
 161 .BRicon.book_leftmost { background: url(images/book_leftmost_icon.png) no-repeat; }
 162 .BRicon.book_rightmost { background: url(images/book_rightmost_icon.png) no-repeat; }
 163 .BRicon.book_top { background: url(images/book_top_icon.png) no-repeat; }
 164 .BRicon.book_bottom { background: url(images/book_bottom_icon.png) no-repeat; }
 165
 166
 167 .BRicon.play { background: url(images/control_play_icon.png) no-repeat; }
 168 .BRicon.pause { background: url(images/control_pause_icon.png) no-repeat; }
 169
 170 /* Icons with this class should have a 48x24 image which contains
 171    the regular and hover images side-by-side */
 172 .BRicon.rollover:hover { background-position: -24px 0; }
 173
 174 /* Special logic for the logo, which is an actual link */
 175 a.BRicon {
 176     display: block;
 177     text-decoration: none;
 178     border: none;
 179     float: left;
 180 }
 181
 182 /* footer stuff, from Rebecca's demo */
 183 #BRfooter {
 184     position:absolute;
 185     bottom: 1px;        /* ensure no vertical scroll bar in FF */
 186     left: 0px;
 187     /*width: 100%;*/    /* this causes horizontal scroll bar in FF */
 188     right: 0px;
 189     clear: both;
 190     color: #000000;
 191     padding: 0px 0px 0px 10px;
 192     background: #CCCCCC;
 193     height: 2em;
 194     line-height: 25px;
 195     vertical-align: middle;
 196     font-family: arial, sans-serif;
 197     font-size: 12px;
 198 }
 199
 200 .BRlogotype {
 201     float:left;
 202     font-weight: bold;
 203     height: 25px;
 204     line-height: 25px;
 205     vertical-align: middle;
 206 }
 207
 208 a.BRwhite               { color: #fff }
 209 a.BRwhite:hover         { text-decoration: none; }
 210 a.BRwhite:visited       { color: #fff }
 211
 212 a.BRblack           { color: #000000 }
 213 a.BRblack:hover     { text-decoration: none; }
 214 a.BRblack:visited   { color: #000000 }
 215
 216 .BRnavlinks {
 217     float:right;
 218     padding: 0px 20px 0px 0px;
 219     margin: 0px;
 220     height: 25px;
 221     line-height: 25px;
 222     vertical-align: middle;
 223 }
 224
 225 /* thumnbail view, from Rebecca's demo */
 226 .BRpdstatus-footer {
 227     position:absolute;
 228     height: 65px;
 229     bottom: 25px;
 230     width: 100%;
 231     background-color: #f8f8f8;
 232     border-top: 1px solid #ccc;
 233     text-align: right;
 234     padding: 0px 0px 0px 0px;
 235 }
 236
 237 .BRwidgetlabel {
 238     color: #919070;
 239     padding: 8px 8px 4px 8px;
 240     font-family: verdana, arial, helvetica, sans-serif;
 241     font-size: 10px;
 242     float: left;
 243 }
 244
 245 .BRfliparea {
 246     background-image: url(images/transparent.png); # Required to capture mouse on IE
 247 }
 248
 249 .BRtwoPagePopUp {
 250     border: 1px solid black;
 251     padding: 2px 6px;
 252     position: absolute;
 253     font-family: sans-serif;
 254     font-size: 14px;
 255     background-color: rgb(255, 255, 238);
 256     opacity: 0.85;
 257 }