filesbox/web/dist/reader/css/main.css

1 line
10 KiB
CSS
Raw Permalink Normal View History

2024-07-26 06:10:54 +00:00
@font-face{font-family:"fontello";src:url(../font/fontello.eot?60518104);src:url(../font/fontello.eot?60518104#iefix) format("embedded-opentype"),url(../font/fontello.woff?60518104) format("woff"),url(../font/fontello.ttf?60518104) format("truetype"),url(../font/fontello.svg?60518104#fontello) format("svg");font-weight:400;font-style:normal}body{background:#4e4e4e;overflow:hidden}#main{position:absolute;width:100%;height:100%;right:0;border-radius:5px;background:#fff;overflow:hidden;-webkit-transition:-webkit-transform .4s,width .2s;-moz-transition:-webkit-transform .4s,width .2s;-ms-transition:-webkit-transform .4s,width .2s;-moz-box-shadow:inset 0 0 50px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 50px rgba(0,0,0,.1);-ms-box-shadow:inset 0 0 50px rgba(0,0,0,.1);box-shadow:inset 0 0 50px rgba(0,0,0,.1)}#titlebar{height:8%;min-height:20px;padding:10px;position:relative;color:#4f4f4f;font-weight:100;font-family:Georgia,"Times New Roman",Times,serif;opacity:.5;text-align:center;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;z-index:10}#titlebar:hover{opacity:1}#titlebar a{width:18px;height:19px;line-height:20px;overflow:hidden;display:inline-block;opacity:.5;padding:4px;border-radius:4px}#titlebar a:before{visibility:visible}#titlebar a:hover{opacity:.8;border:1px solid rgba(0,0,0,.2);padding:3px}#titlebar a:active{opacity:1;color:rgba(0,0,0,.6);-moz-box-shadow:inset 0 0 6px hsla(0,0%,60.8%,.8);-webkit-box-shadow:inset 0 0 6px hsla(0,0%,60.8%,.8);-ms-box-shadow:inset 0 0 6px hsla(0,0%,60.8%,.8);box-shadow:inset 0 0 6px hsla(0,0%,60.8%,.8)}#book-title{font-weight:600}#title-seperator{display:none}#viewer{width:80%;height:80%;margin:0 auto;max-width:1250px;z-index:2;position:relative;overflow:hidden}#viewer iframe{border:none}#prev{left:40px}#next{right:40px}.arrow{position:absolute;top:50%;margin-top:-32px;font-size:64px;color:#e2e2e2;font-family:arial,sans-serif;font-weight:700;cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.arrow:hover{color:#777}.arrow.active,.arrow:active{color:#000}#sidebar{background:#6b6b6b;position:absolute;top:0;min-width:300px;width:25%;height:100%;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;-ms-transition:-moz-transform .5s;overflow:hidden}#main.closed{-webkit-transform:translate(300px);-moz-transform:translate(300px);-ms-transform:translate(300px)}#main.single{width:75%}#panels{background:#4e4e4e;position:absolute;left:0;top:0;width:100%;padding:13px 0;height:14px;-moz-box-shadow:0 1px 3px rgba(0,0,0,.6);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.6);-ms-box-shadow:0 1px 3px rgba(0,0,0,.6);box-shadow:0 1px 3px rgba(0,0,0,.6)}#opener{float:left}#metainfo{display:inline-block;text-align:center;max-width:80%}#title-controls{float:right}#panels a{visibility:hidden;width:18px;height:20px;overflow:hidden;display:inline-block;color:#ccc;margin-left:6px}#panels a:before{visibility:visible}#panels a:hover{color:#aaa}#panels a:active{color:#aaa;margin:1px 0 -1px 6px}#panels a.active,#panels a.active:hover{color:#aaa}#searchBox{width:165px;float:left;margin-left:10px;margin-top:-1px}input::-webkit-input-placeholder{color:#454545}input:-moz-placeholder{color:#454545}input:-ms-placeholder{color:#454545}#divider{position:absolute;width:1px;border-right:1px solid #000;height:80%;z-index:1;left:50%;margin-left:-1px;top:10%;opacity:.15;box-shadow:-2px 0 15px #000;display:none}#divider.show{display:block}#loader{position:absolute;z-index:10;left:50%;top:50%;margin:-33px 0 0 -33px}#bookmarksView,#tocView{overflow-x:hidden;overflow-y:hidden;min-width:300px;width:25%;height:100%;visibility:hidden;-webkit-transition:visibility 0 ease .5s;-moz-transition:visibility 0 ease .5s;-ms-transition:visibility 0 ease .5s}#sidebar.open #bookmarksView,#sidebar.open #tocView{overflow-y:auto;visibility:visible;-webkit-transition:visibility 0 ease 0;-moz-transition:visibility 0 ease 0;-ms-transition:visibility 0 ease 0}#sidebar.open #tocView{display:block}#bookmarksView>ul,#tocView>ul{mar