opds-web-client
Version:
1 lines • 4.41 kB
CSS
$padding:10px;$headerHeight:50px;$breadcrumbsHeight:40px;$footerHeight:50px;.catalog{font-family:Arial,sans-serif;.header .navbar-brand{font-size:1.8em;color:#000}.breadcrumbs-wrapper{position:fixed;top:$headerHeight;width:100%;z-index:100}.body{padding-top:$headerHeight + $padding;padding-bottom:$padding;overflow:auto;.book-details-wrapper{position:fixed;width:100%;top:$headerHeight;height:calc(1 - #{$headerHeight});background-color:#fff;z-index:100;transform:translateZ(0);overflow-y:scroll;.without-container{padding:40px;max-width:700px;margin:0 auto}}&.with-breadcrumbs{padding-top:$headerHeight + $breadcrumbsHeight + $padding;.book-details-wrapper{top:$headerHeight + $breadcrumbsHeight;height:calc(1 - #{$headerHeight} - #{$breadcrumbsHeight})}&.with-footer{.book-details-wrapper{height:calc(1 - #{$headerHeight} - #{$breadcrumbsHeight} - #{$footerHeight})}}}&.with-footer{padding-bottom:$footerHeight + $padding;.book-details-wrapper{height:calc(1 - #{$headerHeight} - #{$footerHeight})}}}footer{position:fixed;bottom:0;width:100%;height:$footerHeight;padding:$padding;background-color:#eee;border-top:1px solid #ccc}}.book-details{.top{display:table-row;text-align:left}.cover{padding-right:20px}.cover,.header{display:table-cell;vertical-align:top}.header{text-align:left;max-width:500px;h1{margin:0}h3{margin-top:.5em;font-size:1em}h2{margin-top:.5em;font-size:1.2em}.fields{margin-top:2em;color:#888;font-size:.9em}}.divider{clear:both;margin-top:1em}.main{padding-top:2em;border-top:1px solid #ccc;.top{text-align:center;margin-bottom:30px}.circulation-links{margin-bottom:5px;.btn{margin-right:.5em}}.right-column-links{text-align:right}}}.book-cover{border:1px solid #ccc}.auto-book-cover,.book-cover{width:150px;height:200px;float:left}.auto-book-cover{border:1px solid #888;font-weight:400;font-family:Georgia,serif;position:relative;text-align:left;.title{display:table-cell;height:120px;vertical-align:bottom;color:#444;background-color:#eee;font-weight:400;padding:10px;line-height:1em}.authors{color:#fff;padding:10px}}@mixin popup($width,$height:200px){position:fixed;top:50%;left:50%;width:$width;margin-top:-$height/2;margin-left:-$width/2;padding:30px;background-color:#ddd;text-align:center;font-family:Arial,Helvetica,sans-serif;z-index:200;border-radius:20px;box-shadow:0 0 1em #888}.loading{@include popup(300px)}.error{@include popup(400px);h1{margin-top:0}.message{overflow:scroll;padding-bottom:10px}.btn{font-size:1.2em}}.auth-form{@include popup(300px,300px);h3{margin-top:0;margin-bottom:20px}.error{padding:.5em;color:red}}.breadcrumb{font-size:1.2em;height:40px}$leftPanelWidth:190px;$padding:10px;.collection{.facet-groups{width:$leftPanelWidth;position:fixed;left:0}.body{padding:$padding;height:100%;&.with-facets{margin-left:$leftPanelWidth + $padding}}.empty-collection-message{padding:1em;text-align:center;color:#888;font-size:3em}.navigation-links a{display:block;margin:25px;text-align:center;background-color:#ddd;padding:10px;overflow:hidden;font-size:500%}.loading-next-page{clear:both;height:50px;text-align:center;padding:10px}}.subtle-list{padding:0;margin:0;list-style-type:none}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.book{white-space:normal;margin-right:10px;margin-bottom:10px;overflow:hidden;height:200px;float:left;text-align:center;.info{width:160px;text-align:left;margin-top:15px;margin-left:5px;float:left;.title{font-size:1.2em;font-weight:700;margin-bottom:5px}}.links{margin-top:10px}a{color:#000;text-decoration:none}}.lanes{.spinner{text-align:center;img{width:30px;height:30px}}}.lane{h2{clear:both;cursor:pointer}.lane-books{display:block;height:260px;width:100%;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;padding:0;margin:0;list-style-type:none;li{display:inline-block}}}.lane-book{white-space:normal;margin-right:10px;overflow:hidden;height:250px;.info{clear:left;width:150px;text-align:center;margin-top:5px}a{color:#000;text-decoration:none}}.more-link{display:block;height:250px;white-space:normal;text-decoration:none;div{display:table-cell;vertical-align:middle;background-color:#eee;text-align:center;padding:10px;color:#888;font-weight:700;width:150px;height:200px;lineHeight:1.1em}}.facet-group{padding:10px;h3{margin:0}.active{background-color:#ddd}}.url-form{width:800px;margin:200px auto;.form-inline .form-control{width:650px}}