4 font-family: Verdana
, "Bitstream Vera Sans", "DejaVu Sans", Tahoma
, Geneva
, Arial
, Sans-serif
;
23 .banner h1, .banner h2 {
31 background-color: #ddffdd;
32 border: 1px solid
#88dd88;
40 background-color: #ffdddd;
41 border: 1px solid
#dd8888;
48 /* all links and clickable should show a pointer cursor */
49 [onclick
], h2
[onclick
]:before
, h3
[onclick
]:before
{
54 background-color: rgb
(225, 225, 225);
58 border-bottom: 1px solid
#AAA391;
62 border-bottom: 1px solid
#AAA391;
71 flex-direction: column
;
72 border: 1px solid gray
;
82 .login input[type='submit'] {
101 .book_line .link, .book_line .title {
108 text-decoration: none
;
111 .book_line .cache_icon {
141 padding-bottom: 64px;
149 a
.viewer
.link:hover
{
150 background-color: transparent
;
158 .bar.navbar { padding-left: calc
(50% - (4 * 64px / 2)); }
160 .bar.optionbar.s1 { padding-left: calc
(50% - (1 * 64px / 2)); }
161 .bar.optionbar.s4 { padding-left: calc
(50% - (4 * 64px / 2)); }
171 display: inline-block
;
174 text-decoration: none
;
175 background-position: center
;
176 background-repeat: no-repeat
;
178 border: 1px solid
#bac2e1;
182 .bar .button[disabled] {
183 pointer-events: none
;
184 background-color: #aaa;
185 filter: grayscale
(100%);
190 background-color: bac2e1
;
193 .bar .button.first { background-image: url
('/arrow_double_left-32x32.png'); }
194 .bar .button.previous { background-image: url
('/arrow_left-32x32.png'); }
195 .bar .button.next { background-image: url
('/arrow_right-32x32.png'); }
196 .bar .button.last { background-image: url
('/arrow_double_right-32x32.png'); }
198 .bar .button.back { background-image: url
('/back-32x32.png'); }
199 .bar .button.zoomreal { background-image: url
('/actual_size-32x32.png'); }
200 .bar .button.zoomwidth { background-image: url
('/fit_to_width-32x32.png'); }
201 .bar .button.zoomheight { background-image: url
('/fit_to_height-32x32.png'); }
203 @media(min-width: 800px) {
208 .bar.navbar { padding-left: calc
(400px - (4 * 64px / 2)); }
210 .bar.optionbar.s1 { padding-left: calc
(400px - (1 * 64px / 2)); }
211 .bar.optionbar.s4 { padding-left: calc
(400px - (4 * 64px / 2)); }