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