c84c36dcb1fc89a4b36e7a835c5d5f93c265cc87
3 * #555C7E: reverse main
5 * #ddffdd: background pastel green
16 font-family: Verdana
, "Bitstream Vera Sans", "DejaVu Sans", Tahoma
, Geneva
, Arial
, Sans-serif
;
31 .banner h1, .banner h2 {
39 background-color: #ddffdd;
40 border: 1px solid
#88dd88;
48 background-color: #ffdddd;
49 border: 1px solid
#dd8888;
56 /* all links and clickable should show a pointer cursor */
57 [onclick
], h2
[onclick
]:before
, h3
[onclick
]:before
{
62 background-color: rgb
(225, 225, 225);
66 border-bottom: 1px solid
#AAA391;
70 border-bottom: 1px solid
#AAA391;
78 margin-top: calc
(50% - 320px);
79 flex-direction: column
;
80 border: 1px solid
#AAA391;
90 .login input[type='submit'] {
100 border: 1px solid
#AAA391;
109 display: inline-block
;
117 .filter input[type='text'] {
127 .filter input[name='optionNo'] {
128 background-image: url
('/clear-32x32.png');
141 .book_line .link, .book_line .title {
147 text-decoration: none
;
150 .book_line .cache_icon {
178 .bar.navbar { padding-left: calc
(50% - (4 * 64px / 2)); }
180 .bar.optionbar.s1 { padding-left: calc
(50% - (1 * 64px / 2)); }
181 .bar.optionbar.s4 { padding-left: calc
(50% - (4 * 64px / 2)); }
191 display: inline-block
;
194 text-decoration: none
;
195 background-position: center
;
196 background-repeat: no-repeat
;
198 border: 1px solid
#bac2e1;
202 .bar .button[disabled] {
203 pointer-events: none
;
204 background-color: #aaa;
205 filter: grayscale
(100%);
206 border-color: #AAA391;
210 background-color: bac2e1
;
213 .bar .button.first { background-image: url
('/arrow_double_left-32x32.png'); }
214 .bar .button.previous { background-image: url
('/arrow_left-32x32.png'); }
215 .bar .button.next { background-image: url
('/arrow_right-32x32.png'); }
216 .bar .button.last { background-image: url
('/arrow_double_right-32x32.png'); }
218 .bar .button.back { background-image: url
('/back-32x32.png'); }
219 .bar .button.zoomreal { background-image: url
('/actual_size-32x32.png'); }
220 .bar .button.zoomwidth { background-image: url
('/fit_to_width-32x32.png'); }
221 .bar .button.zoomheight { background-image: url
('/fit_to_height-32x32.png'); }
225 padding-bottom: 64px;
229 background-color: #AAA391;
231 font-variant: small-caps
;
240 a
.viewer
.link:hover
{
241 background-color: transparent
;
260 .desc .details .col1 {
266 .desc .details .col2 {
270 @media(min-width: 800px) {
275 .bar.navbar { padding-left: calc
(400px - (4 * 64px / 2)); }
277 .bar.optionbar.s1 { padding-left: calc
(400px - (1 * 64px / 2)); }
278 .bar.optionbar.s4 { padding-left: calc
(400px - (4 * 64px / 2)); }