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