asteroid/templates/reader/resources/styles/bibi.css

23 lines
64 KiB
CSS
Raw Normal View History

@charset "utf-8";
/*!
*
* # Bibi Style ()
*
* * © Satoru Matsushima - https://bibi.epub.link or https://github.com/satorumurmur/bibi
* * Open source under the MIT License - https://github.com/satorumurmur/bibi/blob/master/LICENSE
*
* * Including:
* - Material Icons : © Material Design Authors & Google Inc. - https://material.io/resources/icons / Licensed under the Apache License version 2.0 - https://www.apache.org/licenses/LICENSE-2.0.html
*
*/
/*!
* Material Icons by Material Design Authors / Google Inc. - https://material.io/icons
* Licensed under the Apache License Version 2.0 - https://www.apache.org/licenses/LICENSE-2.0
* // through a package maintained by Ravindra Marella. - https://marella.github.io/material-icons
* // Licensed under the Apache License Version 2.0 - https://www.apache.org/licenses/LICENSE-2.0
*/@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(./fonts/MaterialIcons-Regular.eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(./fonts/MaterialIcons-Regular.woff2) format("woff2"),url(./fonts/MaterialIcons-Regular.woff) format("woff"),url(./fonts/MaterialIcons-Regular.ttf) format("truetype")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}/*!
*
* # Bibi Style ()
*
*/*{margin:0;padding:0;border:0;font-size:100%;font-weight:inherit;font-style:inherit}li{list-style:none outside}article,aside,figcaption,figure,footer,header,nav,section{display:block}.non-visual{display:block!important;position:absolute!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;left:0!important;top:0!important;width:0!important;height:0!important;background:transparent!important}.uppercase{text-transform:uppercase!important}html{overflow:hidden;position:absolute;top:0;right:0;bottom:auto;left:0;width:100%;height:100%;font-family:sans-serif;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-size-adjust:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overscroll-behavior-x:none;overscroll-behavior-y:none}html.welcome{overflow:scroll!important}html.InternetExplorer{position:static}html[data-bibi-cursor=bottom],html[data-bibi-cursor=left],html[data-bibi-cursor=right],html[data-bibi-cursor=top]{cursor:pointer}html.Blink{-ms-touch-action:none;touch-action:none}body{position:absolute;top:0;right:0;bottom:auto;left:0;overflow:hidden;width:100%;height:100%;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}body *{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}body.InternetExplorer{position:static}div#bibi-catcher{display:none;position:absolute;z-index:101;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;cursor:pointer;-webkit-transition:.125s cubic-bezier(.2,.8,.8,1.6);transition:.125s cubic-bezier(.2,.8,.8,1.6)}html.waiting-file div#bibi-catcher{display:block}div#bibi-catcher>.book-icon{z-index:10;top:auto;right:0;bottom:56%;left:0;margin:0 auto;-webkit-transform:translateX(-4%);transform:translateX(-4%)}div#bibi-catcher>.book-icon,div#bibi-catcher>.book-icon *{-webkit-transition:.125s cubic-bezier(.2,.8,.8,1.6);transition:.125s cubic-bezier(.2,.8,.8,1.6)}div#bibi-catcher>.pgroup{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:100;top:44%;right:0;bottom:auto;left:0;margin:0 auto;width:100%;vertical-align:middle;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}div#bibi-catcher>.pgroup p em,div#bibi-catcher>.pgroup p small,div#bibi-catcher>.pgroup p span,div#bibi-catcher>.pgroup p strong{display:block;font-weight:700;-webkit-transition:.125s cubic-bezier(.2,.8,.8,1.6);transition:.125s cubic-bezier(.2,.8,.8,1.6)}div#bibi-catcher>.pgroup p strong{-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:18px;padding:0 .5em;height:2.5em;line-height:2.5em;border-radius:1.25em;font-size:16px}div#bibi-catcher>.pgroup p em{margin-top:14px;font-size:16px;line-height:1.5}div#bibi-catcher>.pgroup p span{margin-top:10px;font-size:14px;line-height:1.5}div#bibi-catcher>.pgroup p small{margin-top:6px;font-size:12px}div#bibi-catcher>.pgroup[lang=en] p strong{text-indent:.125em}div#bibi-catcher>.pgroup[lang=en] p em,div#bibi-catcher>.pgroup[lang=en] p span{margin-right:-.125em}div#bibi-catcher>.pgroup[lang=ja] p strong{text-indent:.5em}div#bibi-catcher>.pgroup[lang=ja] p em{margin-right:-.67em;text-indent:-.67em}div#bibi-catcher>.pgroup[lang=ja] p span{margin-right:-.67em;text-indent:0}div#bibi-catcher>input{visibility:hidden}div#bibi-catcher:before{-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1;top:0;margin:auto;-webkit-transition:.125s cubic-bezier(.2,.8,.8,1.6);transition:.125s cubic-bezier(.2,.8,.8,1.6)}div#bibi-catcher:after,div#bibi-catcher:before{content:"";display:block;position:absolute;right:0;bottom:0;left:0}div#bibi-catcher:after{z-index:0;width:100%}html:not(.iOS):not(.Android).dragenter div#bibi-catcher>.book-icon,html:not(.iOS):not(.Android) div#bibi-catcher:hover>.book-icon{-webkit-transform:translateX(-4%) rotate(-4deg);transform:translateX(-4%) rotate(-