e00a52ac343ca57486addaee999f0c07402b62a0
4 font-family: Verdana
, "Bitstream Vera Sans", "DejaVu Sans", Tahoma
, Geneva
, Arial
, Sans-serif
;
19 .banner h1, .banner h2 {
27 background-color: #ddffdd;
28 border: 1px solid
#88dd88;
36 background-color: #ffdddd;
37 border: 1px solid
#dd8888;
44 /* all links and clickable should show a pointer cursor */
45 [onclick
], h2
[onclick
]:before
, h3
[onclick
]:before
{
50 background-color: rgb
(225, 225, 225);
54 border-bottom: 1px solid
#AAA391;
58 border-bottom: 1px solid
#AAA391;
66 margin-top: calc
(50% - 320px);
67 flex-direction: column
;
68 border: 1px solid gray
;
78 .login input[type='submit'] {
94 .filter input[name='clear'] {
95 background-image: url
('/clear-32x32.png');
109 .book_line .link, .book_line .title {
115 text-decoration: none
;
118 .book_line .cache_icon {
146 .bar.navbar { padding-left: calc
(50% - (4 * 64px / 2)); }
148 .bar.optionbar.s1 { padding-left: calc
(50% - (1 * 64px / 2)); }
149 .bar.optionbar.s4 { padding-left: calc
(50% - (4 * 64px / 2)); }
159 display: inline-block
;
162 text-decoration: none
;
163 background-position: center
;
164 background-repeat: no-repeat
;
166 border: 1px solid
#bac2e1;
170 .bar .button[disabled] {
171 pointer-events: none
;
172 background-color: #aaa;
173 filter: grayscale
(100%);
178 background-color: bac2e1
;
181 .bar .button.first { background-image: url
('/arrow_double_left-32x32.png'); }
182 .bar .button.previous { background-image: url
('/arrow_left-32x32.png'); }
183 .bar .button.next { background-image: url
('/arrow_right-32x32.png'); }
184 .bar .button.last { background-image: url
('/arrow_double_right-32x32.png'); }
186 .bar .button.back { background-image: url
('/back-32x32.png'); }
187 .bar .button.zoomreal { background-image: url
('/actual_size-32x32.png'); }
188 .bar .button.zoomwidth { background-image: url
('/fit_to_width-32x32.png'); }
189 .bar .button.zoomheight { background-image: url
('/fit_to_height-32x32.png'); }
193 padding-bottom: 64px;
201 a
.viewer
.link:hover
{
202 background-color: transparent
;
218 @media(min-width: 800px) {
223 .bar.navbar { padding-left: calc
(400px - (4 * 64px / 2)); }
225 .bar.optionbar.s1 { padding-left: calc
(400px - (1 * 64px / 2)); }
226 .bar.optionbar.s4 { padding-left: calc
(400px - (4 * 64px / 2)); }