#GBtoolbar {
height:25px;
width:100%;
- background-color: rgb(241, 239, 237);
+ background-color: #E6E4E1;
+}
+
+#GBtoolbar .label {
+ font-size: 0.9em;
}
#GBcontainer {
overflow-x:auto;
overflow-y:scroll;
/*text-align: center;*/
- background-color: #FFFFFF;
+ background-color: #FCFCFC;
position:absolute;
}
+#GBpageview {
+ background-color: #FCFCFC;
+}
+
.GBpagediv1up {
- background-color: #ccc;
+ background-color: #FFFFEE;
overflow:hidden;
- border-right: 2px solid #444444;
- border-bottom: 2px solid #444444;
+ border-right: 2px solid #717171;
+ border-bottom: 2px solid #717171;
+ border-left: 1px solid #909090;
+ border-top: 1px solid #909090;
+ cursor: move;
+}
+
+.GBpagedivthumb {
+ background-color: #FFFFEE;
+ overflow:hidden;
+ border: 1px solid #909090;
+}
+
+.GBpagedivthumb_highlight {
+ background-color: #FFFFEE;
+ overflow:hidden;
+ border: 1px solid #000000;
}
.GBpagediv2up {
#GnuBookSearch {
border:1px solid black;
position:absolute;
- background-color: #CCCCCC;
+ background-color: #E6E4E1;
font-family: arial, sans-serif;
}
#GnuBookSearchResults {
- background-color: #f8f8f8;
+ background-color: #FCFCFC;
top: 25px;
bottom: 0px;
overflow:auto;
border: none;
}
+/* Absolute path used since the html might be generated at /stream/id or elsewhere */
+.GBicon.logo { background: url(images/logo_icon.png) no-repeat; }
+.GBicon.zoom_out { background: url(images/zoom_out_icon.png) no-repeat; }
+.GBicon.zoom_in { background: url(images/zoom_in_icon.png) no-repeat; }
+.GBicon.one_page_mode { background: url(images/one_page_mode_icon.png) no-repeat; }
+.GBicon.two_page_mode { background: url(images/two_page_mode_icon.png) no-repeat; }
+.GBicon.thumbnail_mode { background: url(images/thumbnail_mode_icon.png) no-repeat; }
+.GBicon.embed { background: url(images/embed_icon.png) no-repeat; }
+.GBicon.print { background: url(images/print_icon.png) no-repeat; }
+.GBicon.book_left { background: url(images/book_left_icon.png) no-repeat; }
+.GBicon.book_right { background: url(images/book_right_icon.png) no-repeat; }
+.GBicon.book_up { background: url(images/book_up_icon.png) no-repeat; }
+.GBicon.book_down { background: url(images/book_down_icon.png) no-repeat; }
+.GBicon.book_leftmost { background: url(images/book_leftmost_icon.png) no-repeat; }
+.GBicon.book_rightmost { background: url(images/book_rightmost_icon.png) no-repeat; }
+.GBicon.book_top { background: url(images/book_top_icon.png) no-repeat; }
+.GBicon.book_bottom { background: url(images/book_bottom_icon.png) no-repeat; }
+.GBicon.book_thumb_next { background: url(images/book_thumb_next_icon.png) no-repeat; }
+.GBicon.book_thumb_prev { background: url(images/book_thumb_prev_icon.png) no-repeat; }
+
+
+.GBicon.play { background: url(images/control_play_icon.png) no-repeat; }
+.GBicon.pause { background: url(images/control_pause_icon.png) no-repeat; }
+
+/* Icons with this class should have a 48x24 image which contains
+ the regular and hover images side-by-side */
+.GBicon.rollover:hover { background-position: -24px 0; }
+
+/* Special logic for the logo, which is an actual link */
+a.GBicon {
+ display: block;
+ text-decoration: none;
+ border: none;
+ float: left;
+}
+
/* footer stuff, from Rebecca's demo */
#GBfooter {
position:absolute;
float: left;
}
-.GBicon.logo { background: url(images/logo_base.png) no-repeat; }
-.GBicon.zoom_out { background: url(images/zoom_out_base.png) no-repeat; }
-.GBicon.zoom_in { background: url(images/zoom_in_base.png) no-repeat; }
-.GBicon.script { background: url(images/one_page_mode_base.png) no-repeat; }
-.GBicon.book_open { background: url(images/two_page_mode_base.png) no-repeat; }
-.GBicon.page_code { background: url(images/embed_base.png) no-repeat; }
-.GBicon.book_left { background: url(images/book_left_base.png) no-repeat; }
-.GBicon.book_right { background: url(images/book_right_base.png) no-repeat; }
-.GBicon.book_up { background: url(images/book_up_base.png) no-repeat; }
-.GBicon.book_down { background: url(images/book_down_base.png) no-repeat; }
-
-.GBicon.play { background: url(images/control_play_base.png) no-repeat; }
-.GBicon.pause { background: url(images/control_pause_base.png) no-repeat; }
+.GBfliparea {
+ background-image: url(images/transparent.png); # Required to capture mouse on IE
+}