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.thumbnail_mode { background: url(images/thumbnail_mode_icon.png) no-repeat; }
  95 .GBicon.embed { background: url(images/embed_icon.png) no-repeat; }
  96 .GBicon.book_left { background: url(images/book_left_icon.png) no-repeat; }
  97 .GBicon.book_right { background: url(images/book_right_icon.png) no-repeat; }
  98 .GBicon.book_up { background: url(images/book_up_icon.png) no-repeat; }
  99 .GBicon.book_down { background: url(images/book_down_icon.png) no-repeat; }
 100 .GBicon.book_leftmost { background: url(images/book_leftmost_icon.png) no-repeat; }
 101 .GBicon.book_rightmost { background: url(images/book_rightmost_icon.png) no-repeat; }
 102 .GBicon.book_top { background: url(images/book_top_icon.png) no-repeat; }
 103 .GBicon.book_bottom { background: url(images/book_bottom_icon.png) no-repeat; }
 104
 105
 106 .GBicon.play { background: url(images/control_play_icon.png) no-repeat; }
 107 .GBicon.pause { background: url(images/control_pause_icon.png) no-repeat; }
 108
 109 /* Icons with this class should have a 48x24 image which contains
 110    the regular and hover images side-by-side */
 111 .GBicon.rollover:hover { background-position: -24px 0; }
 112
 113 /* Special logic for the logo, which is an actual link */
 114 a.GBicon {
 115     display: block;
 116     text-decoration: none;
 117     border: none;
 118     float: left;
 119 }
 120
 121 /* footer stuff, from Rebecca's demo */
 122 #GBfooter {
 123     position:absolute;
 124     bottom: 1px;        /* ensure no vertical scroll bar in FF */
 125     left: 0px;
 126     /*width: 100%;*/    /* this causes horizontal scroll bar in FF */
 127     right: 0px;
 128     clear: both;
 129     color: #000000;
 130     padding: 0px 0px 0px 10px;
 131     background: #CCCCCC;
 132     height: 2em;
 133     line-height: 25px;
 134     vertical-align: middle;
 135     font-family: arial, sans-serif;
 136     font-size: 12px;
 137 }
 138
 139 .GBlogotype {
 140     float:left;
 141     font-weight: bold;
 142     height: 25px;
 143     line-height: 25px;
 144     vertical-align: middle;
 145 }
 146
 147 a.GBwhite                       { color: #fff }
 148 a.GBwhite:hover                 { text-decoration: none; }
 149 a.GBwhite:visited               { color: #fff }
 150
 151 a.GBblack           { color: #000000 }
 152 a.GBblack:hover     { text-decoration: none; }
 153 a.GBblack:visited   { color: #000000 }
 154
 155 .GBnavlinks {
 156     float:right;
 157     padding: 0px 20px 0px 0px;
 158     margin: 0px;
 159     height: 25px;
 160     line-height: 25px;
 161     vertical-align: middle;
 162 }
 163
 164 /* thumnbail view, from Rebecca's demo */
 165 .GBpdstatus-footer {
 166     position:absolute;
 167     height: 65px;
 168     bottom: 25px;
 169     width: 100%;
 170     background-color: #f8f8f8;
 171     border-top: 1px solid #ccc;
 172     text-align: right;
 173     padding: 0px 0px 0px 0px;
 174 }
 175
 176 .GBwidgetlabel {
 177     color: #919070;
 178     padding: 8px 8px 4px 8px;
 179     font-family: verdana, arial, helvetica, sans-serif;
 180     font-size: 10px;
 181     float: left;
 182 }
 183
 184 .GBfliparea {
 185     background-image: url(images/transparent.png); # Required to capture mouse on IE
 186 }