.loading { position : absolute; color : #999; top : 0px; left : 0px; height : 100%; width : 100%; z-index : 32; text-align : center; background : white; padding : 16px; font-size : 18px; display : table; } .loading > div { display : table-cell; vertical-align : middle; } .notice { width : 120px; padding-left : 5px; } .header { top : 5px; left : 0px; width : 100%; height : 24px; } .footer { bottom : 5px; left : 0px; width : 100%; height : 24px; } .header, .footer { position : absolute; font-size : 13px; display : flex; padding-left : 10px; padding-right : 10px; color : #999; align-items : center; } .header .title, .footer .chapter_wrapper { overflow : hidden; text-overflow: ellipsis; white-space : nowrap; } .header .title { margin-left : 10px; flex-grow : 2; text-align : center; font-weight : bold; } .footer .chapter_wrapper { padding-right : 10px; cursor : pointer; } .footer .spacer { flex-grow : 2; } .footer .location { cursor : pointer; text-align : right; } .toolbar { text-align : right; display : flex; flex-direction : row; } .toolbar > * { cursor : pointer; margin : 0 4px; padding : 0 2px; } .toolbar > *:last-child { margin-right : 0; } #reader { position : absolute; top : 32px; bottom : 32px; left : 32px; right : 32px; } #left, #right { position : absolute; top : 48px; bottom : 48px; width : 0px; z-index : 10; } #left { left : 0px; } #right { right : 0px; } @media (max-width: 576px) { #reader { left : 24px; right : 24px; } } .chapter { cursor : pointer; } .toc_list, .search_results, .dict_result { max-height : 300px; height : auto; overflow : auto; } .dict_result h1, .dict_result h2, .dict_result h3 { font-size : 14px; margin-top : 0; } .dict_result h2 { font-weight : bold; } .toc_list b.pull-right, .search_results b.pull-right { margin-right : 8px; margin-left : 16px; } .toc_sublist { margin-left : 16px; } ::-webkit-scrollbar { width: 4px; } ::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.2); } ::-webkit-scrollbar-track { background-color:rgba(0,0,0,0.1); } body.is-epube-app .header .toolbar, body.is-epube-app .header a { display : none; }