opds-web-client
Version:
2 lines (1 loc) • 19 kB
CSS
@-webkit-keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}@keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}a{border-radius:0}a:focus{box-shadow:1px 1px 1px 1px #082530;outline-color:#0f465c;outline-style:solid;outline-width:3px}input{border-radius:0}input:focus{box-shadow:1px 1px 1px 1px #082530;outline-color:#0f465c;outline-style:solid;outline-width:3px}select{border-radius:0}select:focus{box-shadow:1px 1px 1px 1px #082530;outline-color:#0f465c;outline-style:solid;outline-width:3px}button{border-radius:0}button:focus{box-shadow:1px 1px 1px 1px #082530;outline-color:#0f465c;outline-style:solid;outline-width:3px}textarea{border-radius:0}textarea:focus{box-shadow:1px 1px 1px 1px #082530;outline-color:#0f465c;outline-style:solid;outline-width:3px}@-webkit-keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}@keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}.auth-form{position:fixed;top:50px;left:0;width:100%;height:calc(100% - 50px);z-index:199;background-color:rgba(255,255,255,.5)}.auth-form>*{position:fixed;top:50px;left:10%;width:80%;margin-top:0;margin-left:0;padding:100px;background-color:rgba(255,255,255,.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:#fff}.auth-form h3,.auth-form li{max-width:300px;margin:0 auto 20px}.auth-form form{max-width:300px;margin:0 auto 10px auto}.auth-form form label{display:flex}.auth-form .auth-error{padding:.5em;color:red}.auth-form .btn{margin:10px}.book{white-space:normal;margin-right:10px;height:200px;overflow:hidden;position:relative}.book.show-media{height:310px}.book .title{font-size:1.1em;font-weight:bold}.book .authors{font-size:1em}.book a{color:#000;text-decoration:none}.book .item-icon svg{margin:0 0 -10px;height:30px;width:30px}@media only screen and (min-width: 483px){.book.show-media{height:200px}}.circulation-links a,.circulation-links button,.circulation-links .btn-default{border-radius:5px;border:1px solid #176e91;background-color:rgba(0,0,0,0);color:#176e91;padding:5px;margin:5px;transition:all .2s}.circulation-links a:hover,.circulation-links button:hover,.circulation-links .btn-default:hover{border-color:#1f90bd;color:#1f90bd}.circulation-links a:focus,.circulation-links button:focus,.circulation-links .btn-default:focus{box-shadow:1px 1px 1px 1px #082530;outline-color:#0f465c;outline-style:solid;outline-width:3px}.grid-view .book,.lane .book{margin-bottom:10px}.grid-view .book .compact-info,.lane .book .compact-info{display:flex;flex-direction:column;color:#176e91;bottom:0;box-shadow:inset 0px -5px 6px -7px #000;height:0px;width:150px;position:absolute;text-align:left;transition:all .2s cubic-bezier(0.63, -0.02, 0.55, 1);display:flex;flex-flow:row wrap}.grid-view .book .compact-info .item-icon,.lane .book .compact-info .item-icon{background:#fff;padding:3px 5px 5px;border-top:2px solid #403d37;border-left:1px solid #403d37;width:42px;flex:1 0 0}@media only screen and (min-width: 483px){.grid-view .book .compact-info .item-icon,.lane .book .compact-info .item-icon{border-bottom:1px solid #403d37}}.grid-view .book .compact-info .empty,.lane .book .compact-info .empty{border-left:1px solid rgba(0,0,0,0);border-bottom:1px solid #403d37;height:42px;flex:4 0 0}.grid-view .book .compact-info .item-details,.lane .book .compact-info .item-details{background:#fff;padding-top:10px;height:79%;width:100%;overflow:hidden;border:1px solid #403d37;border-top:none}@media only screen and (min-width: 483px){.grid-view .book .compact-info .item-details,.lane .book .compact-info .item-details{height:100%}}.grid-view .book .compact-info svg,.lane .book .compact-info svg{fill:#176e91}.grid-view .book .compact-info .title,.grid-view .book .compact-info .authors,.lane .book .compact-info .title,.lane .book .compact-info .authors{padding:0px 5px 5px 10px}.grid-view .book .compact-info.show-media,.lane .book .compact-info.show-media{height:152px}.grid-view .book .compact-info.show-media .empty,.lane .book .compact-info.show-media .empty{border-left:1px solid #403d37}.grid-view .book .compact-info.show-media .item-details,.lane .book .compact-info.show-media .item-details{height:86%}@media only screen and (min-width: 483px){.grid-view .book .compact-info.show-media,.lane .book .compact-info.show-media{height:42px}}.grid-view .book .expanded-info,.lane .book .expanded-info{display:none}.grid-view .book a:focus .compact-info,.grid-view .book a:hover .compact-info,.lane .book a:focus .compact-info,.lane .book a:hover .compact-info{height:100%;width:150px}.grid-view .book a:focus .compact-info .item-icon,.grid-view .book a:hover .compact-info .item-icon,.lane .book a:focus .compact-info .item-icon,.lane .book a:hover .compact-info .item-icon{border-bottom:none}@media only screen and (min-width: 483px){.grid-view .book a:focus .compact-info .item-details,.grid-view .book a:hover .compact-info .item-details,.lane .book a:focus .compact-info .item-details,.lane .book a:hover .compact-info .item-details{height:158px}}.grid-view .book a:focus .compact-info,.lane .book a:focus .compact-info{outline-color:#0f465c;outline-style:solid;outline-width:3px;outline-offset:-3px}.grid-view .book a:focus .compact-info .empty,.lane .book a:focus .compact-info .empty{border:1px solid #0f465c;border-top:none}.grid-view .book .series,.lane .book .series{display:none}.list-view .book{display:flex;flex-direction:row;height:200px;width:100%}.list-view .book .compact-info{display:none}.list-view .book .expanded-info{display:flex;flex-direction:column;flex:1;height:200px;margin:10px;text-align:left;max-width:1200px}.list-view .book .expanded-info .header{display:flex;flex-direction:row;justify-content:space-between}@media only screen and (max-width: 1200px){.list-view .book .expanded-info .header{max-width:550px}}.list-view .book .expanded-info .details{display:flex;flex-direction:row;font-size:.9em;margin-top:2em}.list-view .book .expanded-info .fields{margin-right:2em;flex:1}@media only screen and (max-width: 1200px){.list-view .book .expanded-info .fields{display:none}}.list-view .book .expanded-info .summary{max-width:550px;line-height:1.3em;height:6.3em;overflow:hidden;position:relative}.list-view .book .expanded-info .summary::before{content:" ";height:6.3em;width:6em;float:left}.list-view .book .expanded-info .summary span{float:right;width:100%;margin-left:-6em}.list-view .book .expanded-info .summary a{float:right;width:6em;position:relative;top:-1.3em;left:calc(100% - 6em);text-align:right;background:linear-gradient(to right, transparent, #ffffff 40%, #ffffff)}.list-view .book .expanded-info .circulation-links{flex:1;text-align:right}.list-view .book .expanded-info .circulation-links *{display:none}.list-view .book .expanded-info .circulation-links *:first-child{display:inline-block}.list-view .book .expanded-info .item-icon{display:inline-block;margin-left:-5px}.list-view li:nth-child(odd) .book .expanded-info .summary a{background:linear-gradient(to right, transparent, #f5f5f4 40%, #f5f5f4)}.book-cover{display:block;width:150px;height:200px;border:1px solid #ccc}.auto-book-cover{display:block;float:left;width:150px;height:200px;border:1px solid #888;font-weight:normal;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:normal;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 .details{display:table-cell;vertical-align:top;text-align:left;max-width:500px}.book-details .details h1{margin:0px}.book-details .details .subtitle,.book-details .details .series{margin-top:.5em;font-size:1.5em}.book-details .details .authors,.book-details .details .contributors{margin-top:.5em;font-size:1.2em}.book-details .details .fields{margin-top:1em;color:#403d37;font-size:1em;list-style:none;padding-left:0}.book-details .details .item-icon-container .item-icon{display:inline-block;margin-left:-5px}.book-details .details .item-icon-container svg{margin:0 0 -10px;height:30px;width:30px;fill:#403d37}.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 a,.book-details .main .circulation-links button{display:inline-block}.book-details .main .circulation-links a.borrowed-button,.book-details .main .circulation-links button.borrowed-button{display:none}.book-details .main .right-column-links{text-align:right}.breadcrumbs{font-size:1.2em;background-color:#f5f5f4;border-radius:0;margin-bottom:0;max-width:100%;overflow-x:scroll;padding:7px 5px}.breadcrumbs a:visited{color:#176e91}.breadcrumbs>li+li:before{color:#403d37;content:" > ";padding-right:3px}.breadcrumbs li.breadcrumb{display:inline;padding:0;margin-left:5px}.breadcrumbs li.breadcrumb:first-child{margin-left:10px}.breadcrumbs li span{font-weight:600}.breadcrumbs li:last-child a{font-weight:600}@-webkit-keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}@keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}.collection{display:flex;flex-direction:row;height:100%;width:100%}.collection .facet-groups{height:100%;width:190px;overflow-y:scroll}.collection .collection-container{width:100%;height:100%;padding:10px;padding-bottom:50px;flex:1}.collection .view-toggle{margin-left:7px;padding:3px}.collection .view-toggle button{border:1px solid #403d37;background-color:rgba(0,0,0,0);color:#403d37;padding:5px 10px;transition:all .2s}.collection .view-toggle button:disabled{background-color:#f5f5f4}.collection .view-toggle button:hover:enabled{border-color:#857e72;color:#857e72}.collection .collection-main{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:scroll}.collection .empty-collection-message{padding:1em;text-align:center;color:#403d37;font-size:3em}.collection .books.grid-view li{display:inline-block}.collection .books.list-view{max-width:1200px}.collection .books.list-view li:nth-child(odd){background-color:#f5f5f4}.collection .books{padding-bottom:30px}.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 10px;background-size:200px 200px;background-image:linear-gradient(45deg, #f5f5f4 25%, #ffffff 25%, #ffffff 50%, #f5f5f4 50%, #f5f5f4 75%, #ffffff 75%, #ffffff);-webkit-animation:barberpole 2s linear infinite;animation:barberpole 2s linear infinite}.collection .loading-next-page h3{line-height:5}@-webkit-keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}@keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}.error{position:fixed;top:50px;left:0;width:100%;height:calc(100% - 50px);z-index:199;background-color:rgba(255,255,255,.5)}.error>*{position:fixed;top:50px;left:10%;width:80%;margin-top:0;margin-left:0;padding:100px;background-color:rgba(255,255,255,.9);text-align:center;z-index:200;border-radius:0;box-shadow:0 0 2em rgba(0,0,0,.5)}.error>div{background-color:#fff}.error h1{margin-top:0}.error .message{overflow:auto;padding-bottom:10px;white-space:pre}.error .btn{font-size:1.2em}@-webkit-keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}@keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}.facet-group{padding:10px}.facet-group h3{margin:1em 0 .25em 0}.facet-group h3:first-child{margin-top:0}.facet-group .active{background-color:#f5f5f4}.lane h2{clear:both;cursor:pointer}.lane h2 a{display:block}.lane h2 a:visited{color:#176e91}.lane h2 a:hover{color:#1f90bd}.lane .lane-books-container{overflow:hidden;position:relative}.lane .scroll-button{background-color:#176e91;color:#fff;position:absolute;top:0;padding:0 1rem;z-index:1;height:100%;font-size:2em;line-height:10;cursor:pointer;transition:all .2s;font-family:"Hiragino Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.lane .scroll-button:hover{color:#176e91;background-color:#f5f5f4}.lane .scroll-button.left{left:0}.lane .scroll-button.right{right:0}@media only screen and (min-width: 483px){.lane .scroll-button{line-height:7}}.lane .lane-books{display:block;height:330px;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}@media only screen and (min-width: 483px){.lane .lane-books{height:210px}}@-webkit-keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}@keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}.more-link{height:200px;white-space:normal;text-decoration:none}.more-link div{display:table-cell;vertical-align:middle;background-color:#fff;text-align:center;padding:10px;color:#176e91;font-weight:bold;width:150px;height:200px;line-height:1.1em}.lanes .spinner{text-align:center}.lanes .spinner img{width:30px;height:30px}@-webkit-keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}@keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}.loading{position:fixed;top:50px;left:0;width:100%;height:calc(100% - 50px);z-index:199;background-color:rgba(255,255,255,.5)}.loading>*{position:fixed;top:50px;left:10%;width:80%;margin-top:0;margin-left:0;padding:100px;background-color:rgba(255,255,255,.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, #f5f5f4 25%, #ffffff 25%, #ffffff 50%, #f5f5f4 50%, #f5f5f4 75%, #ffffff 75%, #ffffff);-webkit-animation:barberpole 2s linear infinite;animation:barberpole 2s linear infinite}@-webkit-keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}@keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}html{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px}html,body,body>div{height:100%}a{border-radius:0}a:focus{outline-color:#0f465c;outline-style:solid;outline-width:3px;outline-offset:-3px}input{border-radius:0}input:focus{outline-color:#0f465c;outline-style:solid;outline-width:3px;outline-offset:-3px}select{border-radius:0}select:focus{outline-color:#0f465c;outline-style:solid;outline-width:3px;outline-offset:-3px}input[type=text]:focus,input[type=button]:focus,input[type=submit]:focus,input[type=password]:focus,input[type=reset]:focus,button:focus,button.btn:focus{box-shadow:inset 0 0 0 3px #0f465c;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:#176e91}a:visited{color:#092c39}a:visited:hover,a:hover{color:#1f90bd;text-decoration:none}.catalog{display:flex;flex-direction:column;height:100%;background-color:#fff;color:#403d37}.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:center;background-color:#f5f5f4;z-index:100}.catalog .breadcrumbs-or-search-wrapper .search{padding:5px}.catalog .breadcrumbs-or-search-wrapper .search label{display:block}@media only screen and (min-width: 483px){.catalog .breadcrumbs-or-search-wrapper{justify-content:space-between}}.catalog .main{flex:1;position:relative;overflow-y:hidden;padding-bottom:10px}.catalog .main .body{height:100%;width:100%;position:absolute}.catalog .main .book-details-wrapper{height:100%;overflow-y:scroll;background-color:#fff;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-default,.navbar-collapse{background-color:#403d37;border:none;color:#fff;margin-bottom:0}.navbar-default .navbar-nav,.navbar-collapse .navbar-nav{margin:0}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>button,.navbar-collapse .navbar-nav>li>a,.navbar-collapse .navbar-nav>li>button{color:#fff;text-decoration:underline;padding-top:15px;padding-bottom:15px}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>button:hover,.navbar-default .navbar-nav>li>button:focus,.navbar-collapse .navbar-nav>li>a:hover,.navbar-collapse .navbar-nav>li>a:focus,.navbar-collapse .navbar-nav>li>button:hover,.navbar-collapse .navbar-nav>li>button:focus{color:#fff;text-decoration:none}.navbar-default .navbar-nav>li>button,.navbar-collapse .navbar-nav>li>button{background:rgba(0,0,0,0);border:none;padding-top:14px}.form-control{font-size:1rem;color:#403d37;background-color:#fff;border:1px solid #403d37;border-radius:0}.btn-default{font-size:1rem;color:#fff;background-color:#176e91;border:none;border-radius:0}@-webkit-keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}@keyframes barberpole{from{background-position:0 0}to{background-position:-400px 200px}}.skip-navigation a{display:block;position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;background-color:#fff;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{from{background-position:0 0}to{background-position:-400px 200px}}@keyframes barberpole{from{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 h2{margin-bottom:40px}.url-form button{font-size:1.2em}.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}