asteroid/templates/reader/wardrobe/everyday/bibi.dress.css

14 lines
49 KiB
CSS
Raw Normal View History

@charset "utf-8";
/*!
*
* # Bibi Dress: "everyday" ()
*
* * © 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
*
* * Based on:
* - The Bibi Dress Design System : © Satoru Matsushima - https://bibi.epub.link or https://github.com/satorumurmur/bibi / Licensed under the MIT License - https://github.com/satorumurmur/bibi/blob/master/LICENSE
*
*/
@-webkit-keyframes Spinner_Animation-Rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Spinner_Animation-Rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes Spinner_Animation-Beat{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.75}25%{-webkit-transform:scale(1.25);transform:scale(1.25);opacity:.5}50%{-webkit-transform:scale(1);transform:scale(1);opacity:.75}75%{-webkit-transform:scale(.8);transform:scale(.8);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:.75}}@keyframes Spinner_Animation-Beat{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.75}25%{-webkit-transform:scale(1.25);transform:scale(1.25);opacity:.5}50%{-webkit-transform:scale(1);transform:scale(1);opacity:.75}75%{-webkit-transform:scale(.8);transform:scale(.8);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:.75}}html{background:#fff}html.iOS,html.macOS{font-family:Helvetica,Trebuchet MS,,Yu Gothic,YuGothic, ProN W3,HiraKakuProN-W3,sans-serif}html.Android{font-family:sans-serif}html.Windows{font-family:Helvetica,Trebuchet MS,,Yu Gothic,YuGothic,,Meiryo,sans-serif}div#bibi-catcher{background:-webkit-gradient(linear,left top,left bottom,from(#c8c8c8),to(#f0f0f0));background:linear-gradient(180deg,#c8c8c8,#f0f0f0)}div#bibi-catcher>.book-icon{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:128px;height:128px}div#bibi-catcher>.book-icon:after,div#bibi-catcher>.book-icon:before,div#bibi-catcher>.book-icon span,div#bibi-catcher>.book-icon span:after,div#bibi-catcher>.book-icon span:before{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute}div#bibi-catcher>.book-icon span{z-index:10;left:10px;top:0;border-radius:20px 8px 8px 0;width:108px;height:104px}div#bibi-catcher>.book-icon span:before{z-index:100;left:20px;top:8px;border-radius:0 2px 28px 0;width:80px;height:120px}div#bibi-catcher>.book-icon span:after{z-index:1000;left:8px;top:8px;border-radius:12px 0 0 12px;width:24px;height:24px}div#bibi-catcher>.book-icon:after{z-index:10000;left:10px;top:32px;border-radius:0 8px 8px 20px;width:92px;height:96px}div#bibi-catcher>.book-icon:after,div#bibi-catcher>.book-icon span{background:#fff}div#bibi-catcher>.book-icon span:after,div#bibi-catcher>.book-icon span:before{background:#d8d8d8}div#bibi-catcher>.pgroup p strong{color:grey;background:#fff}div#bibi-catcher>.pgroup p em,div#bibi-catcher>.pgroup p small,div#bibi-catcher>.pgroup p span{color:grey}div#bibi-catcher:before{border-radius:20px;width:calc(100% - 40px);height:calc(100% - 79px);-webkit-transform:translateY(-19.5px);transform:translateY(-19.5px)}@media screen and (max-width:768px){div#bibi-catcher:before{width:calc(100% - 20px);height:calc(100% - 59px)}}div#bibi-catcher:after{height:39px;background:#fff}html:not(.iOS):not(.Android) div#bibi-catcher:before{border:4px dashed #fff}html.Android div#bibi-catcher:before,html.iOS div#bibi-catcher:before{border:4px solid #fff}html:not(.iOS):not(.Android).dragenter div#bibi-catcher:before,html:not(.iOS):not(.Android) div#bibi-catcher:hover:before{border:8px solid #fff}html:not(.iOS):not(.Android) div#bibi-catcher:active:before{border:16px solid #fff}html.Android div#bibi-catcher:active:before,html.iOS div#bibi-catcher:active:before{border:8px solid #fff}div#bibi-poweredby{height:39px}html.veil-opened div#bibi-poweredby p a{background-color:hsla(0,0%,100%,.84)}html.veil-opened div#bibi-poweredby p a:before{opacity:0}html.veil-opened div#bibi-poweredby p a:after{opacity:.69}html.veil-opened div#bibi-poweredby p a:hover{background-color:#fff}html.veil-opened div#bibi-poweredby p a:hover:before{opacity:0}html.veil-opened div#bibi-poweredby p a:hover:after{opacity:.96}html.waiting-file div#bibi-poweredby p a{background-color:transparent}html.waiting-file div#bibi-poweredby p a:before{opacity:0}html.wai