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