GnuBook/GnuBook.css

   1 #GnuBook {
   2  border:1px solid black;
   3  position:absolute;
   4  font-family: arial, sans-serif;
   5 }
   6
   7 #GBtoolbar {
   8     height:25px;
   9     width:100%;
  10     background-color: #E6E4E1;
  11 }
  12
  13 #GBtoolbar .label {
  14     font-size: 0.9em;
  15 }
  16
  17 #GBcontainer {
  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 #GBpageview {
  30     background-color: #FCFCFC;
  31 }
  32
  33 .GBpagediv1up {
  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 .GBpagediv2up {
  44     background-color: rgb(234, 226, 205);
  45     overflow:hidden;
  46 }
  47
  48 /* search sidebar */
  49 #GnuBookSearch {
  50     border:1px solid black;
  51     position:absolute;
  52     background-color: #E6E4E1;
  53     font-family: arial, sans-serif;
  54 }
  55
  56 #GnuBookSearchResults {
  57     background-color: #FCFCFC;
  58     top: 25px;
  59     bottom: 0px;
  60     overflow:auto;
  61     position: absolute;
  62     left: 0px;
  63     right: 0px;
  64     font-family: arial, san-serif;
  65     font-size: 0.85em;
  66     padding: 2px;
  67 }
  68
  69 .GnuBookSearchHilite {
  70     opacity: 0.20;
  71     filter: alpha(opacity = 20);
  72     background-color: #00f;
  73     position:absolute;
  74 }
  75
  76 .GBpageform {
  77     display: inline;
  78 }
  79
  80 .GBicon {
  81     width: 24px;
  82     height: 24px;
  83     padding: 0px;
  84     vertical-align: middle;
  85     border: none;
  86 }
  87
  88 /* Absolute path used since the html might be generated at /stream/id or elsewhere */
  89 .GBicon.logo { background: url(images/logo_icon.png) no-repeat; }
  90 .GBicon.zoom_out { background: url(images/zoom_out_icon.png) no-repeat; }
  91 .GBicon.zoom_in { background: url(images/zoom_in_icon.png) no-repeat; }
  92 .GBicon.one_page_mode { background: url(images/one_page_mode_icon.png) no-repeat; }
  93 .GBicon.two_page_mode { background: url(images/two_page_mode_icon.png) no-repeat; }
  94 .GBicon.embed { background: url(images/embed_icon.png) no-repeat; }
  95 .GBicon.book_left { background: url(images/book_left_icon.png) no-repeat; }
  96 .GBicon.book_right { background: url(images/book_right_icon.png) no-repeat; }
  97 .GBicon.book_up { background: url(images/book_up_icon.png) no-repeat; }
  98 .GBicon.book_down { background: url(images/book_down_icon.png) no-repeat; }
  99 .GBicon.book_leftmost { background: url(images/book_leftmost_icon.png) no-repeat; }
 100 .GBicon.book_rightmost { background: url(images/book_rightmost_icon.png) no-repeat; }
 101 .GBicon.book_top { background: url(images/book_top_icon.png) no-repeat; }
 102 .GBicon.book_bottom { background: url(images/book_bottom_icon.png) no-repeat; }
 103
 104
 105 .GBicon.play { background: url(images/control_play_icon.png) no-repeat; }
 106 .GBicon.pause { background: url(images/control_pause_icon.png) no-repeat; }
 107
 108 /* Icons with this class should have a 48x24 image which contains
 109    the regular and hover images side-by-side */
 110 .GBicon.rollover:hover { background-position: -24px 0; }
 111
 112 /* Special logic for the logo, which is an actual link */
 113 a.GBicon {
 114     display: block;
 115     text-decoration: none;
 116     border: none;
 117     float: left;
 118 }
 119
 120 /* footer stuff, from Rebecca's demo */
 121 #GBfooter {
 122     position:absolute;
 123     bottom: 1px;        /* ensure no vertical scroll bar in FF */
 124     left: 0px;
 125     /*width: 100%;*/    /* this causes horizontal scroll bar in FF */
 126     right: 0px;
 127     clear: both;
 128     color: #000000;
 129     padding: 0px 0px 0px 10px;
 130     background: #CCCCCC;
 131     height: 2em;
 132     line-height: 25px;
 133     vertical-align: middle;
 134     font-family: arial, sans-serif;
 135     font-size: 12px;
 136 }
 137
 138 .GBlogotype {
 139     float:left;
 140     font-weight: bold;
 141     height: 25px;
 142     line-height: 25px;
 143     vertical-align: middle;
 144 }
 145
 146 a.GBwhite                       { color: #fff }
 147 a.GBwhite:hover                 { text-decoration: none; }
 148 a.GBwhite:visited               { color: #fff }
 149
 150 a.GBblack           { color: #000000 }
 151 a.GBblack:hover     { text-decoration: none; }
 152 a.GBblack:visited   { color: #000000 }
 153
 154 .GBnavlinks {
 155     float:right;
 156     padding: 0px 20px 0px 0px;
 157     margin: 0px;
 158     height: 25px;
 159     line-height: 25px;
 160     vertical-align: middle;
 161 }
 162
 163 /* thumnbail view, from Rebecca's demo */
 164 .GBpdstatus-footer {
 165     position:absolute;
 166     height: 65px;
 167     bottom: 25px;
 168     width: 100%;
 169     background-color: #f8f8f8;
 170     border-top: 1px solid #ccc;
 171     text-align: right;
 172     padding: 0px 0px 0px 0px;
 173 }
 174
 175 .GBwidgetlabel {
 176     color: #919070;
 177     padding: 8px 8px 4px 8px;
 178     font-family: verdana, arial, helvetica, sans-serif;
 179     font-size: 10px;
 180     float: left;
 181 }
 182
 183 .GBfliparea {
 184     background-image: url(images/transparent.png); # Required to capture mouse on IE
 185 }