opds-web-client
Version:
1 lines • 9.37 kB
CSS
.auth-form{position:fixed;top:50px;left:0;width:100%;height:calc(100% - 50px);z-index:199;background-color:rgba(255,242,221,.5)}.auth-form>*{position:fixed;top:50px;left:10%;width:80%;margin-top:0;margin-left:0;padding:100px;background-color:rgba(255,242,221,.9);text-align:center;z-index:200;border-radius:0;box-shadow:0 0 2em rgba(0,0,0,.5)}.auth-form>div{background-color:#fff2dd}.auth-form h3,.auth-form li{max-width:300px;margin:0 auto 20px}.auth-form form{max-width:300px;margin:0 auto 10px}.auth-form .error{padding:.5em;color:red}.auth-form .btn{margin:10px}.book{white-space:normal;margin-right:10px;margin-bottom:10px;overflow:hidden;height:200px;position:relative}.book .info{background-color:rgba(255,242,221,.8);border-top:2px solid #3a7dfd;bottom:0;box-shadow:inset 0 -5px 6px -7px #000;left:0;height:0;width:150px;padding:0;position:absolute;right:0;text-align:center;transition:all .2s}.book .info .title{font-size:1.1em;font-weight:700}.book .info .authors{font-size:1em}.book a:focus .info,.book a:hover .info{height:70%;background-color:#fff2dd;padding:10px 0}.book a{color:#000;text-decoration:none}.book-cover{border:1px solid #ccc}.auto-book-cover,.book-cover{display:block;width:150px;height:200px}.auto-book-cover{float:left;border:1px solid #888;font-weight:400;font-family:Georgia,serif;position:relative;text-align:left}.auto-book-cover .title{display:table-cell;height:120px;width:150px;vertical-align:bottom;color:#444;background-color:#eee;font-weight:400;padding:10px;line-height:1em}.auto-book-cover .authors{color:#fff;padding:10px}.book-details .top{display:table-row;text-align:left}.book-details .cover{display:table-cell;padding-right:20px;vertical-align:top}.book-details .header{display:table-cell;vertical-align:top;text-align:left;max-width:500px}.book-details .header h1{margin:0}.book-details .header h2,.book-details .header h3{margin-top:.5em;font-size:1.5em}.book-details .header .fields{margin-top:2em;color:#333;font-size:1em}.book-details .divider{clear:both;margin-top:1em}.book-details .main{padding-top:2em;border-top:1px solid #ccc}.book-details .main .top{text-align:center;margin-bottom:30px}.book-details .main .circulation-links{margin-bottom:5px}.book-details .main .circulation-links .btn{display:inline-block;margin:0 .5em .5em;background-color:#3a7dfd;color:#fff;border:none;border-radius:0;font-size:1.5em;transition:all .2s}.book-details .main .circulation-links .btn:hover{color:#3a7dfd;background-color:rgba(58,125,253,.2)}.book-details .main .right-column-links{text-align:right}.breadcrumb{font-size:1.2em}.collection{display:flex;flex-direction:row;height:100%;width:100%}.collection .facet-groups{height:100%;width:190px;overflow-y:scroll}.collection .collection-main{height:100%;padding:10px;overflow-y:scroll;flex:1}.collection .empty-collection-message{padding:1em;text-align:center;color:#888;font-size:3em}.collection .books li{display:inline-block}.collection .navigation-links a{display:block;margin:25px;text-align:center;background-color:#ddd;padding:10px;overflow:hidden;font-size:500%}.collection .loading-next-page{clear:both;text-align:center;height:20px;padding:10px 10px 200px;background-size:200px 200px;background-image:linear-gradient(45deg,#ffe8c4 25%,#fff2dd 0,#fff2dd 50%,#ffe8c4 0,#ffe8c4 75%,#fff2dd 0,#fff2dd);-webkit-animation:barberpole 2s linear infinite;animation:barberpole 2s linear infinite}.collection .loading-next-page h3{line-height:5}.error{left:0;width:100%;height:calc(100% - 50px);z-index:199;background-color:rgba(255,242,221,.5)}.error,.error>*{position:fixed;top:50px}.error>*{left:10%;width:80%;margin-top:0;margin-left:0;padding:100px;background-color:rgba(255,242,221,.9);text-align:center;z-index:200;border-radius:0;box-shadow:0 0 2em rgba(0,0,0,.5)}.error>div{background-color:#fff2dd}.error h1{margin-top:0}.error .message{overflow:auto;padding-bottom:10px}.error .btn{font-size:1.2em}.facet-group{padding:10px}.facet-group h3{margin:1em 0 .25em}.facet-group h3:first-child{margin-top:0}.facet-group .active{background-color:#eee2cc}.lane h2{clear:both;cursor:pointer}.lane h2 a{display:block}.lane .lane-books-container{overflow:hidden;position:relative}.lane .scroll-button{background-color:#3a7dfd;color:#fff2dd;position:absolute;top:0;padding:0 1rem;z-index:1;height:100%;font-size:2em;line-height:7;cursor:pointer;transition:all .2s;font-family:Hiragino Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.lane .scroll-button:hover{color:#3a7dfd;background-color:#eee2cc}.lane .scroll-button.left{left:0}.lane .scroll-button.right{right:0}.lane .lane-books{display:block;height:210px;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;padding:0;margin:0;list-style-type:none}.lane .lane-books li{display:inline-block;vertical-align:top}.more-link{height:200px;white-space:normal;text-decoration:none}.more-link div{display:table-cell;vertical-align:middle;background-color:#fff;padding:10px;color:#3a7dfd;font-weight:700;width:150px;height:200px;line-height:1.1em}.lanes .spinner,.more-link div{text-align:center}.lanes .spinner img{width:30px;height:30px}.loading{left:0;width:100%;height:calc(100% - 50px);z-index:199;background-color:rgba(255,242,221,.5)}.loading,.loading>*{position:fixed;top:50px}.loading>*{left:10%;width:80%;margin-top:0;margin-left:0;padding:100px;background-color:rgba(255,242,221,.9);text-align:center;z-index:200;border-radius:0;box-shadow:0 0 2em rgba(0,0,0,.5)}.loading>h1{background-size:200px 200px;background-image:linear-gradient(45deg,#ffe8c4 25%,#fff2dd 0,#fff2dd 50%,#ffe8c4 0,#ffe8c4 75%,#fff2dd 0,#fff2dd);-webkit-animation:barberpole 2s linear infinite;animation:barberpole 2s linear infinite}html{line-height:1.65;-webkit-font-smoothing:antialiased}body,html{background-color:#fff2dd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px}body,body>div,html{height:100%}a{border-radius:0}a:focus{outline-color:orange;outline-style:solid;outline-width:3px;outline-offset:-3px}input{border-radius:0}input:focus{outline-color:orange;outline-style:solid;outline-width:3px;outline-offset:-3px}select{border-radius:0}select:focus{outline-color:orange;outline-style:solid;outline-width:3px;outline-offset:-3px}button.btn:focus,button:focus,input[type=button]:focus,input[type=submit]:focus,input[type=text]:focus{box-shadow:inset 0 0 0 3px orange;outline:none}input[type=text]::-webkit-input-placeholder{color:#403d37}input[type=text]::-moz-placeholder{color:#403d37;opacity:1}input[type=text]:-ms-input-placeholder{color:#403d37}input[type=text]:-moz-placeholder{color:#403d37;opacity:1}a:link{color:#3a7dfd}a:visited{color:#0248cf}a:hover,a:visited:hover{color:#6c9efe;text-decoration:none}.catalog{display:flex;flex-direction:column;height:100%}.catalog .navbar-brand{font-size:1.8em;color:#fff}.catalog .navbar-brand:hover{color:#fff}.catalog .breadcrumbs-or-search-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;background-color:#eee2cc;z-index:100}.catalog .breadcrumbs-or-search-wrapper .search{display:inline-flex;flex-direction:row;flex-wrap:nowrap;padding-top:2px}.catalog .breadcrumbs-or-search-wrapper .search .btn,.catalog .breadcrumbs-or-search-wrapper .search input{width:auto;float:left}.catalog .main{flex:1;position:relative;overflow-y:hidden;padding-bottom:10px}.catalog .main .body{height:100%;width:100%;overflow-y:scroll;position:absolute}.catalog .main .book-details-wrapper{background-color:#fff2dd;z-index:100;transform:translateZ(0)}.catalog .main .book-details-wrapper .without-container{padding:40px;max-width:700px;margin:0 auto}.catalog footer{padding:10px;background-color:#54514a;border-top:1px solid #ccc;z-index:200}.navbar-collapse,.navbar-default{background-color:#403d37;border:none;color:#fff;margin-bottom:0}.navbar-collapse .navbar-nav,.navbar-default .navbar-nav{margin:0}.navbar-collapse .navbar-nav>li>a,.navbar-default .navbar-nav>li>a{color:#fff;text-decoration:underline;padding-top:15px;padding-bottom:15px}.navbar-collapse .navbar-nav>li>a:focus,.navbar-collapse .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;text-decoration:none}.breadcrumb{background-color:#eee2cc;border-radius:0;margin-bottom:0;max-width:100%;overflow-x:scroll}.breadcrumb>li+li:before{color:#403d37}.form-control{font-size:1rem;color:#403d37;background-color:#fff2dd;border:1px solid #403d37;border-radius:0}.btn-default{font-size:1rem;color:#fff2dd;background-color:#3a7dfd;border:none;border-radius:0}.skip-navigation a{display:block;position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;background-color:#fff2dd;margin:5px;padding:5px 10px;z-index:2000}.skip-navigation a:focus,.skip-navigation a:visited{outline:0;left:auto;width:auto;height:auto;overflow:visible;top:5px}@-webkit-keyframes barberpole{0%{background-position:0 0}to{background-position:-400px 200px}}@keyframes barberpole{0%{background-position:0 0}to{background-position:-400px 200px}}.subtle-list{padding:0;margin:0;list-style-type:none}.subtle-list li{padding:.2em .5em}.subtle-list li a{display:block}.url-form{width:800px;margin:200px auto}.url-form .form-inline .form-control{width:650px}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}