From 7a20c14deac096dd547698639e0aec493c1d9127 Mon Sep 17 00:00:00 2001 From: OzzieIsaacs Date: Tue, 3 Apr 2018 17:59:06 +0200 Subject: [PATCH] Integrated caliblur css --- cps/static/css/caliBlur-style.css | 2292 +++++++++++++++++++++++++++++ cps/templates/layout.html | 2 +- 2 files changed, 2293 insertions(+), 1 deletion(-) create mode 100644 cps/static/css/caliBlur-style.css diff --git a/cps/static/css/caliBlur-style.css b/cps/static/css/caliBlur-style.css new file mode 100644 index 00000000..ddff69bc --- /dev/null +++ b/cps/static/css/caliBlur-style.css @@ -0,0 +1,2292 @@ +#have_read_form { + width: 1px; + height: 1px; + position: fixed; + top: 5px; + right: 185px; +} +#have_read_form input[type="checkbox" i] { + visibility: hidden; +} +#have_read_form input[type="checkbox" i]:hover:before { + cursor: pointer; + color: #fff; +} +#have_read_form input[type="checkbox" i]:before { + content: "\e106"; + position: fixed; + width: 60px; + height: 60px; + background: transparent; + top: 0; + right: 180px; + visibility: visible; + border-right: 2px solid rgba(0,0,0,.3); + border-left: 2px solid rgba(0,0,0,.3); + padding: 20px 39px 40px 19px; + color: hsla(0,0%,100%,.7); + z-index: 999; +} +#have_read_form input[type="checkbox" i]:checked:before { + content: "\e105"; + position: fixed; + width: 60px; + height: 60px; + background: transparent; + top: 0; + right: 180px; + visibility: visible; + color: var(--color-primary); + padding: 20px 39px 40px 19px; + z-index: 999; +} +.col-sm-10 #have_read_form input[type="checkbox" i]:before, +.col-sm-10 #have_read_form input[type="checkbox" i]:checked:before { + top: 60px; +} +#have_read_form input[type="checkbox" i]:checked:hover:before { + color: #fff; +} +#have_read_form span { + display: none; +} +#have_read_cb { + + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-size: 18px; + font-weight: 400; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.book { + width: 225px; + max-width: 225px; +} + +#infscr-loading img { + display: none; +} +#infscr-loading:before { + content: ''; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 2px solid transparent; + border-radius: 50%; + border-top: 2px solid var(--color-secondary); + width: 24px; + height: 24px; + -webkit-animation: spin 0.5s linear infinite; + animation: spin 0.5s linear infinite; + display: block; + margin: 20px auto; + position: fixed; + top: calc(50% - 12px); + left: calc(50% - 12px); + z-index: 999999; +} +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + } +} +@keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +a { + color: hsla(0, 0%, 100%, .45); +} +a:hover { + transition: color 0.2s; + color: #fff; +} +body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-header > a { + margin: 60px auto auto !important; + width: 240px; + height: 60px; + text-align: center; + color: var(--color-primary) !important; + line-height: 60px; + padding-top: 0; + font-size: 15px; + font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif; + font-stretch: normal; + font-style: normal; + font-variant-caps: normal; + font-variant-ligatures: normal; + font-variant-numeric: normal; + font-weight: 600; + letter-spacing: normal; + text-shadow: none; + text-size-adjust: 100%; + text-transform: none; + user-select: none; + word-spacing: 0; + writing-mode: horizontal-tb; + -webkit-box-direction: normal; + -webkit-font-smoothing: antialiased; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + padding-bottom: 0; + padding-left: 40px; + padding-right: 40px; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + background: rgba(0,0,0,.45); +} +body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-header > a:before { + background: url("https://raw.githubusercontent.com/leram84/layer.Cake/master/Resources/home-gray.png"); + background-size: cover; + background-repeat: no-repeat; + position: absolute; + display: block; + overflow: visible; + width: 25px; + height: 25px; + top: 16.5px; + left: 18px; + content: ''; +} +body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-header > a:hover:after { + background: url("https://raw.githubusercontent.com/leram84/layer.Cake/master/Resources/home-white.png"); + background-size: cover; + background-repeat: no-repeat; + position: absolute; + display: block; + overflow: visible; + width: 25px; + height: 25px; + top: 16.5px; + left: 18px; + content: ''; +} +/* body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-header > a:hover { + background: rgba(0,0,0,.45); + color: #fff !important; +} */ + :root { + --color-background: #474747; + --color-primary: #F9BE03; + --color-secondary: #CC7B19; + --color-secondary-hover: #E59029; +} +/* Root For Emby */ +/* :root { + --color-background: #333333; + --color-primary: #22aadc; + --color-secondary: #52b54b; + --color-secondary-hover: #71c26b; +} color: hsla(0,0%,100%,.45);*/ + +/* Blur Background */ +body { + background-image: url(https://raw.githubusercontent.com/leram84/layer.Cake/master/Resources/blur-noise.png), url("https://raw.githubusercontent.com/leram84/layer.Cake/master/Resources/blur-light.png") !important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; +} +.navbar-default { + background-color: rgba(0,0,0,.7) !important; + border: none; + position: fixed; + width: 100%; + height: 60px; + z-index: -9; +} +body { + background: url(https://raw.githubusercontent.com/leram84/layer.Cake/master/Resources/blur-noise.png), var(--color-background); + color: hsla(0, 0%, 100%, .45); + font-family: Open Sans Regular, Helvetica Neue, Helvetica, Arial, sans-serif; + font-weight: 600; + overflow: hidden; + margin: 0; +} +body > div.navbar.navbar-default.navbar-static-top > div > form > div { + width: 360px; +} +#btn-upload { + min-width: 1px; + min-height: 1px; + width: 60px; + height: 60px; + left: 0; + line-height: 1; + font-size: 1px; +} +#btn-upload:hover { + cursor: pointer !important; +} +#main-nav > li:nth-child(1) { + float: right; + +} +#form-upload { + position: relative; + float: right; + width: 60px; + margin: 0; + padding: 0; + height: 60px; + margin-right: 0; +} + +#form-upload .form-group .btn { + color: rgba(0,0,0,0); + background: transparent; + border: 0; + text-transform: uppercase; + font-weight: 600; + margin: 0; + padding: 0; + height: 60px; +} +#form-upload:hover .form-group .btn:after { + color: var(--color-secondary-hover); +} +#form-upload:hover .form-group .btn:before { + -webkit-box-shadow: inset 0 0 0 2px #fff; + box-shadow: inset 0 0 0 2px #fff; + background: var(--color-secondary-hover); + color: #fff; +} +#form-upload .form-group .btn:before { + content: "\e043"; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: 400; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + color: #eee; + font-size: 20px; + background: var(--color-secondary); + border-radius: 50%; + line-height: 35px; + width: 35px; + height: 35px; + position: fixed; + top: 12.5px; + right: 25px; + margin: 0; + padding: 0 2px 0 0; + z-index: -9; +} +#form-upload .form-group .btn:after { + content: "+"; + font-size: 14px; + color: var(--color-secondary); + background: transparent; + border-radius: 50%; + padding: 0; + z-index: 9; + position: fixed; + line-height: 12px; + width: 12px; + height: 12px; + top: 26px; + right: 38px; + /* + content: "+"; + font-size: 14px; + color: #fff; + background: var(--color-secondary); + border-radius: 50%; + padding: 0; + z-index: 9; + position: fixed; + line-height: 14px; + width: 14px; + height: 14px; + top: 10px; + right: 20px; + */ +} +.form-control { + background-image: none; + display: block; + width: 100%; + height: 38px; + padding: 6px 12px; + font-weight: 100; + font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px !important; + font-stretch: 100%; + font-style: normal; + font-variant-caps: normal; + font-variant-east-asian: normal; + font-variant-ligatures: normal; + font-variant-numeric: normal; + font-weight: 400; + letter-spacing: normal; + line-height: 22.2857px !important; + color: #eee; + vertical-align: middle; + background-color: hsla(0, 0%, 100%, .25); + border-radius: 3px; + border: 0 !important; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.form-control:focus { + border-color: transparent; + outline: 0; + -webkit-box-shadow: none; + box-shadow: none; + background: #eee !important; + color: #555; +} +.form-control.tt-hint { + background: hsla(0, 0%, 100%, .25) !important; +} + +body > div.navbar.navbar-default.navbar-static-top > div > form > div > span > button { + background-color: hsla(0, 0%, 100%, .25); + color: #eee; + border: none; + +} + +body > div.navbar.navbar-default.navbar-static-top > div > form { + margin-left: -167px; + padding: 0; + margin-top: 15px; + margin-bottom: 15px; +} +body > div.navbar.navbar-default.navbar-static-top > div > form > .form-group > input { + border-radius: 4px 0 0 4px; +} +#main-nav { + margin-right: 15px; +} +body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-collapse.collapse > ul { + height: 60px; + +} +body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-collapse.collapse > ul > li { + height: 60px; + +} +body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-collapse.collapse > ul > li > a { + height: 60px; + padding: 20px 10px; + color: #999; +} +body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-collapse.collapse > ul:nth-child(1) {} +.author > a:hover { + color: #fff !important; +} +.row { + margin: 0; +} +body > div.container-fluid > div > div.col-sm-10 > div > form > h2 { + font-size: 15px; + color: var(--color-primary); + border-top: 1px solid rgba(0,0,0,.3); + padding-top: 60px; + margin-top: 50px; + margin-bottom: 30px; +} +/* clean up */ +.navigation .nav-head:nth-child(1n+2) { + border-top: none; + padding-top: 0; +} +.btn-default { + border-color: var(--color-secondary); + color: #fff; + background-color: var(--color-secondary); + -webkit-transition: background-color 0.1s; + transition: background-color 0.1s; +} +.btn-default:hover { + border-color: var(--color-secondary-hover); + color: #fff; + background-color: var(--color-secondary-hover); +} +body > div.container-fluid > div > div.col-sm-10 > div > form > a { + background-color: hsla(0,0%,100%,.25); + color: #fff; +} +body > div.container-fluid > div > div.col-sm-10 > div > form > a:hover { + background-color: hsla(0,0%,100%,.3); + color: #fff; +} +.btn { + display: inline-block; + padding: 6px 16px; + font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif; + text-transform: uppercase; + border: 0; + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + line-height: 1.71428571; + text-align: center; + vertical-align: middle; + cursor: pointer; + border-radius: 3px; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} +.btn-primary { + color: #fff; + background-color: hsla(0,0%,100%,.25); + border-color: hsla(0,0%,100%,.25); +} +.btn-primary:hover { + background-color: hsla(0,0%,100%,.3); + border-color: hsla(0,0%,100%,.3); +} +.btn-default.focus, .btn-default:focus { + border-color: var(--color-secondary-hover); + color: #fff; + background-color: var(--color-secondary-hover); +} +.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { + border-color: var(--color-secondary-hover); + color: #fff; + background-color: var(--color-secondary-hover); +} + +.form-group > label { + font-weight: 100; + color: #fff; +} +.navbar > .container-fluid { + margin: 0; + padding: 0; + height: 60px; +} +.navigation .nav-head { + text-transform: uppercase; + margin: 0; + color: hsla(0,0%,100%,.3); + text-transform: uppercase; + font-size: 12px; + font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif; + line-height: 45px; + padding-left: 25px; +} +.navigation li a { + color: hsla(0,0%,100%,.7); + text-decoration: none; + padding: 4px 0; + font-size: 13px; + height: 30px; + line-height: 21px; + width: 100%; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.navigation li { + min-height: 30px; + border-radius: 0 4px 4px 0; + max-width: 265px; + padding: 0 25px; + overflow: visible; +} +.navigation li:hover { + background-color: hsla(0,0%,100%,.08); + +} +.navigation li.nav-head:hover { + background-color: transparent; +} +.navigation li a:hover { + background: transparent; + color: #fff; +} +.navigation .create-shelf a { + + width: 150px; + color: #fff !important; + background-color: hsla(0, 0%, 100%, .25); + padding: 2px 7px; + font-size: 12px; + line-height: 1.2; + border-radius: 3px; + font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif; + border: 0; + -webkit-transition: background-color 0.1s; + transition: background-color 0.1s; + font-weight: 600; + white-space: nowrap; + margin: auto; + text-transform: uppercase; + max-height: 20px; +} +#scnd-nav .dropdown-menu > li > a:hover { + color: #fff; + background: transparent; +} +#scnd-nav .dropdown-menu { + left: 5px; +} +.navigation .create-shelf a:hover { + background-color: hsla(0, 0%, 100%, .3); + border-radius: 3px; +} +.navigation .create-shelf a:before { + content: "+"; + font-size: 120%; + padding-right: 10px; +} +.navigation .create-shelf { + width: auto; + margin: 30px auto; + min-height: auto; +} +.navigation .create-shelf:hover { + background: transparent; +} + +.container-fluid .book .meta .title { + font-weight: 600; + font-size: 13px; + font-family: Open Sans Semibold,Helvetica Neue,Helvetica,Arial,sans-serif; + -webkit-font-smoothing: antialiased; + color: #fff; + line-height: 20px; + +} +.container-fluid .book .meta .author { + font-weight: 600; + font-size: 13px; + font-family: Open Sans Semibold,Helvetica Neue,Helvetica,Arial,sans-serif; + -webkit-font-smoothing: antialiased; + color: hsla(0,0%,100%,.45); + line-height: 20px; +} +.container-fluid .book .meta .author > a { + font-weight: 600; + font-size: 13px; + font-family: Open Sans Semibold,Helvetica Neue,Helvetica,Arial,sans-serif; + -webkit-font-smoothing: antialiased; + color: hsla(0,0%,100%,.45); + line-height: 20px; +} +.container-fluid .book .cover img { + border: none; + -webkit-box-shadow: 0 0 2px rgba(0,0,0,.35); + -moz-box-shadow: 0 0 2px rgba(0,0,0,.35); + box-shadow: 0 0 2px rgba(0,0,0,.35); + position: relative; + z-index: -9; +} +.container-fluid .book .cover img:hover .container-fluid .book .cover:before {} + +#books > .cover > a, +#books_rand > .cover > a, +.book.isotope-item > .cover > a, +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > div.col-sm-12 > div.col-sm-12 > div.col-sm-2 > a { + display: inline-block; + width: auto; + height: 100%; + +} +#books > .cover > a:hover, +#books_rand > .cover > a:hover, +.book.isotope-item > .cover > a:hover, +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > div.col-sm-12 > div.col-sm-12 > div.col-sm-2 > a:hover { + outline: 2px solid var(--color-secondary); + font-size: 50px; + background: -webkit-radial-gradient(50% 50% farthest-corner,rgba(50,50,50,.5) 0,#323232 100%); + background: radial-gradient(farthest-corner at 50% 50%,rgba(50,50,50,.5) 50%,#323232 100%); + font-family: serif; + font-style: italic; +} +#books > .cover > a:hover:before, +#books_rand > .cover > a:hover:before, +.book.isotope-item > .cover > a:hover:before, +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > div.col-sm-12 > div.col-sm-12 > div.col-sm-2 > a:hover:before { + content: "i"; + display: inline-block; + position: absolute; + background: var(--color-secondary); + color: #fff; + border-radius: 50%; + font-weight: 600; + font-size: 40px; + line-height: 50px; + width: 50px; + height: 50px; + padding-left: 19px; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; +} +.container-fluid .book .cover { + width: auto; + display: inline-block; +} +.navbar { + margin-bottom: 0; + border: none; +} +.navbar-collapse.collapse { + height: 60px !important; + padding-bottom: 0; + overflow: visible!important; +} +.btn.active.focus, +.btn.active:focus, +.btn.focus, +.btn:active.focus, +.btn:active:focus, +.btn:focus { + outline: none; + outline-offset: 0; +} +.container-fluid .discover { + margin-bottom: 0; +} +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: 700; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: middle; + background-color: rgba(0,0,0,.15); + border-radius: 3px; +} +/* clean up */ + +app-loading-container { + background: #3f4245; +} +.app-loading>span { + display: none; +} +.app-loading { + margin: auto; + color: #fff !important; + text-align: center; + font-size: 20px; +} +.app-loading:before { + content: ''; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 2px solid transparent; + border-radius: 50%; + border-top: 2px solid var(--color-secondary); + width: 24px; + height: 24px; + -webkit-animation: spin 0.5s linear infinite; + animation: spin 0.5s linear infinite; + display: block; + margin: 20px auto; +} +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + } +} +@keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +body > div.container-fluid > div > div.col-sm-10::-webkit-scrollbar, +body > div.container-fluid > div.row-fluid > div.col-sm-2::-webkit-scrollbar { + width: 14px; + max-height: calc(100% - 60px); +} +#meta-info::-webkit-scrollbar, +#description::-webkit-scrollbar, +.book-meta::-webkit-scrollbar { + width: 14px; +} +body > div.container-fluid > div > div.col-sm-10::-webkit-scrollbar-track, +body > div.container-fluid > div.row-fluid > div.col-sm-2::-webkit-scrollbar-track { + background-color: transparent; + max-height: calc(100% - 60px); +} +#meta-info::-webkit-scrollbar-track { + background-color: #202020; +} +#description::-webkit-scrollbar-track, +.book-meta::-webkit-scrollbar-track { + background-color: transparent; +} +body > div.container-fluid > div > div.col-sm-10::-webkit-scrollbar-thumb, +body > div.container-fluid > div.row-fluid > div.col-sm-2::-webkit-scrollbar-thumb { + min-height: 110px; + border: 3px solid transparent; + border-radius: 8px; + background-color: hsla(0,0%,100%,.2); + background-clip: padding-box; + max-height: calc(100% - 60px); +} +#meta-info::-webkit-scrollbar-thumb, +#description::-webkit-scrollbar-thumb, +.book-meta::-webkit-scrollbar-thumb { + min-height: 50px; + border: 3px solid transparent; + border-radius: 8px; + background-color: hsla(0,0%,100%,.2); + background-clip: padding-box; +} +body > div.container-fluid > div > div.col-sm-10::-webkit-scrollbar-thumb:hover, +body > div.container-fluid > div.row-fluid > div.col-sm-2::-webkit-scrollbar-thumb:hover, +#meta-info::-webkit-scrollbar-thumb:hover, +#description::-webkit-scrollbar-thumb:hover, +.book-meta::-webkit-scrollbar-thumb:hover { + background-color: hsla(0,0%,100%,.3); +} +::-webkit-scrollbar-corner { + background: transparent; +} +.pace-progress { + display: none; +} +.pace .pace-activity { + border: 2px solid transparent; + border-radius: 50%; + border-top: 2px solid var(--color-secondary); + width: 24px; + height: 24px; + right: auto; + left: 8px; + top: 17px; +} +body > .container-fluid { + margin: 0; + padding: 0; + width: calc(100%); + height: calc(100vh - 60px); + position: fixed; + top: 60px; + left: 0; + min-height: 1px; + min-width: 1px; +} +body > div.container-fluid > div.row-fluid > div.col-sm-2 { + position: fixed; + width: 240px; + height: calc(100vh - 120px); + left: 0; + top: 120px; + background: rgba(0,0,0,.15); + padding: 0 5px 20px 0; + overflow-y: auto; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 { + width: calc(100vw - 240px); + height: calc(100vh - 120px); + padding: 0; + position: fixed; + min-height: 1px; + min-width: 1px; + top: 120px; + right: 0; + overflow-y: scroll !important; +} + +body > div.container-fluid > div > div.col-sm-10 > div.discover > div { + overflow: visible !important; + width: 100%; + margin: 0; +} +body > div.container-fluid > div > div.col-sm-10 > div.discover { + height: auto; + width: calc(100vw - 254px); + margin: 40px 0 !important; + padding: 0 0 0 25px !important; + +} +body > div.container-fluid > div > div.col-sm-10 > div.single { + height: auto; + width: calc(100vw - 254px); + margin: 0 !important; + padding: 15px !important; + +} +body > div.container-fluid > div > div.col-sm-10 > div.discover { + margin-top: 0; +} +body > div.container-fluid > div > div.col-sm-10 > div.discover > h2 { + color: #eee !important; + font-size: 15px !important; + font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif !important; + line-height: 24px !important; + overflow: hidden!important; + min-width: 0; + width: 100% !important; + max-width: 100% !important; + text-overflow: ellipsis !important; + white-space: nowrap!important; + text-transform: uppercase !important; + font-weight: 600 !important; + padding-left: 15px !important; + margin-bottom: 0 !important; + position: relative !important; + top: 0 !important; + left: 0 !important; + height: auto !important; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > div.col-sm-12 > div.col-sm-12 > h2 { + color: #eee; + font-size: 15px; + font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif; + line-height: 24px; + overflow: hidden; + min-width: 0; + width: 100%; + max-width: 100%; + text-overflow: ellipsis; + white-space: nowrap; + text-transform: uppercase; + font-weight: 600; + padding-left: 15px; + margin-bottom: 20px; + margin-top: 40px; + position: relative; + top: 0; + left: 0; + height: auto; +} +body > div.container-fluid > div > div.col-sm-10 > h3:not(:first-of-type) { + color: #eee; + width: calc(100% - 30px); + max-width: 800px; + margin: 20px auto 10px; + text-align: right; +} +body > div.container-fluid > div > div.col-sm-10 > p { + margin: 40px 0 0 15px; +} +body > div.container-fluid > div > div.col-sm-10 > p > a { + color: var(--color-secondary); +} +body > div.container-fluid > div > div.col-sm-10 > p > a:hover { + color: #fff; +} +body > div.container-fluid > div > div.col-sm-10 > h3:first-of-type { + content: "About"; + width: calc(100vw - 240px); + height: 60px; + margin: 0; + padding-left: 25px; + color: hsla(0,0%,100%,.7); + font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 15px; + line-height: 60px; + text-size-adjust: 100%; + white-space: nowrap; + -webkit-box-direction: normal; + -webkit-font-smoothing: antialiased; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + font-weight: 600; + -webkit-margin-before: 0; + -webkit-margin-after: 0; + position: fixed; + top: 60px; + left: 240px; + text-align: left; +} +body > div.container-fluid > div > div.col-sm-10 > div > div > div.col-sm-9.col-lg-9.book-meta > h2:before { + content: "Book Details"; + width: calc(100vw - 540px); + height: 60px; + margin: 0; + padding-left: 25px; + /* background: rgba(0,0,0,.15); */ + color: hsla(0,0%,100%,.7); + font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 15px; + line-height: 60px; + text-size-adjust: 100%; + white-space: nowrap; + -webkit-box-direction: normal; + -webkit-font-smoothing: antialiased; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + font-weight: 600; + -webkit-margin-before: 0; + -webkit-margin-after: 0; + position: fixed; + top: 60px; + left: 240px; +} +body > div.container-fluid > div > div.col-sm-10 > div:nth-of-type(2) > h2:before { + content: "Books"; + width: calc(100vw - 240px); + height: 60px; + margin: 0; + padding-left: 25px; + /* background: rgba(0,0,0,.15); */ + color: hsla(0,0%,100%,.7); + font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 15px; + line-height: 60px; + text-size-adjust: 100%; + white-space: nowrap; + -webkit-box-direction: normal; + -webkit-font-smoothing: antialiased; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + font-weight: 600; + -webkit-margin-before: 0; + -webkit-margin-after: 0; + position: fixed; + top: 60px; + left: 240px; +} +/* body > div.container-fluid > div > div.col-sm-10 > div > div > div.col-sm-9.col-lg-9.book-meta > h2, */ +.well > h2, +body > div.container-fluid > div > div.col-sm-10 > div.discover:only-of-type > h2 { + width: calc(100vw - 240px) !important; + height: 60px !important; + margin: 0; + padding-left: 25px !important; + color: hsla(0,0%,100%,.7) !important; + font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif !important; + font-size: 15px !important; + line-height: 60px !important; + text-size-adjust: 100%; + white-space: nowrap !important; + -webkit-box-direction: normal; + -webkit-font-smoothing: antialiased; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + font-weight: 600 !important; + -webkit-margin-before: 0; + -webkit-margin-after: 0; + position: fixed !important; + top: 60px !important; + left: 240px !important; + text-overflow: ellipsis !important; + max-width: calc(100vw - 550px) !important; + overflow: hidden !important; +} +body > div.container-fluid > div > div.col-sm-10 > h2 { + width: calc(100vw - 240px) !important; + height: 60px !important; + margin: 0; + padding-left: 25px !important; + color: hsla(0,0%,100%,.7) !important; + font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif !important; + font-size: 15px !important; + line-height: 60px !important; + text-size-adjust: 100%; + white-space: nowrap !important; + -webkit-box-direction: normal; + -webkit-font-smoothing: antialiased; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + font-weight: 600 !important; + -webkit-margin-before: 0; + -webkit-margin-after: 0; + position: fixed !important; + top: 60px !important; + left: 240px !important; + text-overflow: ellipsis !important; + max-width: calc(100vw - 550px) !important; + overflow: hidden !important; +} +/* body > div.container-fluid > div > div.col-sm-10 > div > div > div.col-sm-9.col-lg-9.book-meta > h2:before, +.well > h2:before */ +body > div.container-fluid > div.row-fluid > div.col-sm-10:before { + width: 100%; + height: 60px; + background: rgba(0,0,0,.15); + display: block; + content: ''; + position: fixed; + top: 60px; + left: 240px; +} +body > div.container-fluid > div > div.col-sm-10 > div.discover > h2, +body > div.container-fluid > div > div.col-sm-10 > h1, +body > div.container-fluid > div > div.col-sm-10 > div.discover > h1, +body > div.container-fluid > div > div.col-sm-10 > div.col-sm-6.col-lg-6.col-xs-6 > h2 { + width: calc(100vw - 240px); + height: 60px; + margin: 0; + padding-left: 25px; + /* background: rgba(0,0,0,.15); */ + color: hsla(0,0%,100%,.7); + font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 15px; + line-height: 60px; + text-size-adjust: 100%; + white-space: nowrap; + -webkit-box-direction: normal; + -webkit-font-smoothing: antialiased; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + font-weight: 600; + -webkit-margin-before: 0; + -webkit-margin-after: 0; + position: fixed; + top: 60px; + left: 240px; +} +body > div.container-fluid > div > div.col-sm-10 > div.discover > h1:first-letter { + text-transform: uppercase; +} +body > div.container-fluid > div > div.col-sm-10 > div.discover > form > .btn.btn-default { + float: right; + margin: 0 0 0 10px; +} +.pagination { + display: block !important; + position: fixed; + top: 60px; + right: 0; + min-width: 1px; + min-height: 1px; + overflow: visible; + cursor: default; + height: 60px; + margin: 0; + line-height: 60px; + font-size: 15px; + z-index: 99999; +} +.pagination > a { + color: hsla(0,0%,100%,.7); +} +.pagination > a:hover { + color: #fff; + text-decoration: none; +} +.pagination > .ellipsis { + color: hsla(0,0%,100%,.7); +} +.navbar-default .navbar-nav>li>a:focus, +.navbar-default .navbar-nav>li>a:hover { + color: #fff !important; +} +body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.next { + color: rgba(0,0,0,0); + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: 100; + margin-left: 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + line-height: 60px; + height: 60px; + padding: 0; + font-size: 15px; + position: absolute; + top: 0; + right: 0; +} +body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.previous { + color: rgba(0,0,0,0); + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: 100; + margin-left: 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + line-height: 60px; + height: 60px; + width: 65px; + padding: 0; + font-size: 15px; + position: absolute; + top: 0; + right: 65px; +} +body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.next:before { + content: "\e092"; + visibility: visible; + color: hsla(0,0%,100%,.35); + height: 60px; + line-height: 60px; + border-left: 2px solid rgba(0,0,0,.3); + font-size: 15px; + padding: 20px 0 20px 25px; + margin-right: -27px; +} +body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.previous:before { + content: "\e091"; + visibility: visible; + color: hsla(0,0%,100%,.65); + height: 60px; + line-height: 60px; + + font-size: 15px; + padding: 20px 25px 20px 25px; + margin-right: ; +} +body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.next:hover:before { + color: #fff; +} +body > div.container-fluid > div > div.col-sm-10 > div.pagination > a.previous:hover:before { + color: #fff; +} +.pagination > strong { + display: none; +} +.pagination:after { + content: "\e092"; + position: relative; + top: 0; + right: 0; + display: inline-block; + color: hsla(0,0%,100%,.55); + line-height: 60px; + + font-size: 15px; + padding: 0 25px; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: 100; + margin-left: 20px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + line-height: 60px; + height: 60px; + z-index: -1; +} +.pagination > .ellipsis { + display: none; +} +.pagination > a:nth-last-of-type(2) { + display: none; +} +body > div.container-fluid > div > div.col-sm-10 > div.container { + margin: 60px auto 120px; + border-top: 2px solid rgba(0,0,0,.3); + border-bottom: 2px solid rgba(0,0,0,.3); + background: hsla(0,0%,100%,.02); + padding: 0; + max-width: calc(100% - 30px); +} +body > div.container-fluid > div > div.col-sm-10 > div.container > div { + padding: 0; +} +body > div.container-fluid > div > div.col-sm-10 > div.container > div > .row { + padding: 4px 0; +} +body > div.container-fluid > div > div.col-sm-10 > div.container > div > .row:nth-of-type(odd) { + background: hsla(0,0%,100%,.02); +} +body > div.container-fluid > div > div.col-sm-10 > div.container > div > .row > .col-xs-6 { + width: calc(91.666% - 30px); + overflow: hidden; + text-overflow: ellipsis; + color: hsla(0, 0%, 100%, .45); +} +body > div.container-fluid > div > div.col-sm-10 > div.container > div > .row > .col-xs-6 > a { + text-overflow: ellipsis; + white-space: nowrap; + transition: all 0s; +} +/* Login */ +.well { + max-height: 520px; + height: auto; + background-color: transparent; + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + min-width: 600px; + max-width: 700px; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0 auto; + padding: 60px; +} +/* .well > h2 { + color: #eee; + text-align: center; +} */ +.well > form { + background: rgba(0,0,0,.4); + color: hsla(0,0%,100%,.45); + text-transform: uppercase; + padding: 60px; + margin-top: 60px; +} +.checkbox { + text-transform: none; +} +.well > form > .btn { + display: inline-block; + overflow: hidden; + border-radius: 4px; + color: #fff; + vertical-align: middle; + text-align: center; + text-transform: uppercase; + white-space: nowrap; + font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif; + -webkit-transition: background-color 0.2s,color 0.2s; + transition: background-color 0.2s,color 0.2s; + padding: 6px 30px 5px; + font-size: 15px; + font-weight: 600; + background-color: var(--color-secondary); + border: none; + width: 100%; + text-rendering: auto; + letter-spacing: normal; + word-spacing: normal; + text-indent: 0; + text-shadow: none; + margin-top: 20px; +} +.well > form > .btn:hover { + background-color: var(--color-secondary-hover); +} +/* Login */ + +/* Alert */ +body > div.row-fluid { + margin-top: 0 !important; +} +.alert { + position: fixed; + top: auto; + bottom: 20px; + left: 50%; + width: 50%; + margin: 0; + -webkit-transform: translate(-50%); + -ms-transform: translate(-50%); + transform: translate(-50%); + opacity: 1 !important; + right: 0; + border-radius: 10px; + + background-color: #000; + color: #eee; + border: 0; + -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.5); + box-shadow: 0 4px 12px rgba(0,0,0,.5); + -webkit-transition: all 0.5s; + transition: all 0.5s; + + height: 34px; + line-height: 1.71428571 !important; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + padding: 5px 0; + + z-index: 99999; + -moz-animation: cssAnimation 0s ease-in 10s forwards; + /* Firefox */ + -webkit-animation: cssAnimation 0s ease-in 10s forwards; + /* Safari and Chrome */ + -o-animation: cssAnimation 0s ease-in 10s forwards; + /* Opera */ + animation: cssAnimation 0s ease-in 10s forwards; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + +} +@keyframes cssAnimation { + to { + width: 0; + height: 0; + overflow: hidden; + } +} +@-webkit-keyframes cssAnimation { + to { + width: 0; + height: 0; + visibility: hidden; + } +} + +.alert-danger { + background-color: rgba(255,85,51,.3); + color: #fff; +} +/* Alert */ + +.table>thead>tr>th { + border-bottom: 0; +} +.table>tbody>tr>td, +.table>tbody>tr>th, +.table>tfoot>tr>td, +.table>tfoot>tr>th, +.table>thead>tr>td, +.table>thead>tr>th { + border-top: 1px solid rgba(0,0,0,.3); + background: rgba(0,0,0,.15); +} +#stats, +#libs { + margin: auto; + width: calc(100% - 30px); + max-width: 800px; + color: hsla(0,0%,100%,.75); + border-bottom: 2px solid rgba(0,0,0,.3); + border-top: 2px solid rgba(0,0,0,.2); +} +#libs { + margin-bottom: 40px; +} +#stats > tbody > tr > th, +#libs > tbody > tr > th, +#libs > thead > tr > th:first-child { + color: hsla(0,0%,100%,.45); +} +#books .cover img, +#books_rand .cover img, +.book .cover img { + width: auto; +} +.container-fluid img { + display: block; + width: 100%; + height: auto; + max-width: 195px; + margin: auto; +} +.container-fluid .single .cover img { + border: 0; + border-radius: 0; + -webkit-box-shadow: 0 0 2px rgba(0,0,0,.35); + -moz-box-shadow: 0 0 2px rgba(0,0,0,.35); + box-shadow: 0 0 2px rgba(0,0,0,.35); + background-color: rgba(0,0,0,.45); +} + + +body > div.container-fluid > div > div.col-sm-10 > div > div > div.col-sm-3.col-lg-3, +body > div.container-fluid > div > div.col-sm-10 > div.col-sm-3.col-lg-3.col-xs-12 { + max-width: calc(25% - 75px); + position: fixed; +} +body > div.container-fluid > div > div.col-sm-10 > div.col-sm-3.col-lg-3.col-xs-12 { + padding-top: 40px; + padding-bottom: 40px; +} +body > div.container-fluid > div > div.col-sm-10 > div > div > div.col-sm-9.col-lg-9.book-meta, +body > div.container-fluid > div > div.col-sm-10 > div.col-sm-8 { + margin-left: calc(25% + 3.3333px); + width: calc(75% + 10.5px); +} +body > div.container-fluid > div > div.col-sm-10 > div.col-sm-8 { + padding-top: 40px; + padding-bottom: 40px; +} +body > div.container-fluid > div > div.col-sm-10 > div.col-sm-8 > form > div > span > input.form-control.typeahead.tt-hint { + background: hsla(0, 0%, 100%, .25) !important; +} +body > div.container-fluid > div > div.col-sm-10 > div.col-sm-8 > form > div > span > input.form-control:focus { + background: #fff !important; +} +.glyphicon-star { + color: #fff; +} +.rating-input .glyphicon:hover { + cursor: pointer; +} +.rating-input:hover { + cursor: default; +} +.rating-input { + padding-left: 0; +} +body > div.container-fluid > div > div.col-sm-10 > div.col-sm-8 > form > .btn.btn-default { + float: right; + margin: 0 0 0 10px; +} +#get_meta { + float: left; + margin: 0; +} +textarea { + resize: none; + /* Safari */ + resize: vertical; + /* Chrome */ +} +.modal-backdrop.in { + display: none; +} +#metaModal, +.modal.fade.in {} +#metaModal { + top: 0; + overflow: hidden; + padding-top: 60px; + left: 0; + right: 0; + bottom: 0; + background: rgba(0,0,0,.5); +} +#metaModal > .modal-dialog > .modal-content { + z-index: 9999999999999999999999; +} +#metaModal > .modal-dialog > .modal-content { + max-height: calc(100vh - 90px); + -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); + box-shadow: 0 5px 15px rgba(0,0,0,.5); + border-radius: 3px; +} +#metaModal > .modal-dialog > .modal-content > .modal-header { + padding: 0; + background: #282828; + border-radius: 3px 3px 0 0; +} +#metaModal > .modal-dialog > .modal-content > .modal-header > h4 { + border-bottom: 0; + background: #323232; + height: 65px; + + padding: 15px 0 0 15px; + font-size: 20px; + text-overflow: ellipsis; + white-space: nowrap; + line-height: 1.71428571; + font-family: Open Sans Regular,Helvetica Neue,Helvetica,Arial,sans-serif; + font-weight: 400; + color: #eee; + border-radius: 3px 3px 0 0; + margin-bottom: 0; +} +#metaModal > .modal-dialog > .modal-content > .modal-header > h4:before { + content: "\E025"; + font: normal normal normal 16px/1 Glyphicons Halflings; + color: #999; + + padding-right: 10px; +} +#metaModal > .modal-dialog > .modal-content > .modal-header > .close { + color: #eee; + opacity: 0.2; + font-size: 20px; + text-shadow: none; + margin: 20px; +} +#metaModal > .modal-dialog > .modal-content > .modal-header > .close:hover { + opacity: 0.5; +} +#metaModal > .modal-dialog > .modal-content > .modal-header > #meta-search { + margin: 25px 0 0 0; + +} +#metaModal > .modal-dialog > .modal-content > .modal-header > #meta-search > .input-group { + max-width: 100%; +} +#metaModal > .modal-dialog > .modal-content > .modal-header > #meta-search > .input-group > input { + width: calc(100% - 51px); + border-radius: 0; + background-color: hsla(0, 0%, 100%, .15); +} +#metaModal > .modal-dialog > .modal-content > .modal-header > #meta-search > .input-group { + width: 100%; +} +#metaModal > .modal-dialog > .modal-content > .modal-header > #meta-search > .input-group > span > button { + height: 38px; + width: 50px; + padding: 0; + font-weight: 100; + font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px !important; + font-stretch: 100%; + font-style: normal; + font-variant-caps: normal; + font-variant-east-asian: normal; + font-variant-ligatures: normal; + font-variant-numeric: normal; + font-weight: 400; + letter-spacing: normal; + line-height: 22.2857px !important; + color: #eee; + vertical-align: middle; + background-color: hsla(0, 0%, 100%, .15); + border-radius: 0; + margin: 0 0 0 -1px; +} +#metaModal > .modal-dialog > .modal-content > .modal-header > #meta-search > .input-group > span { + float: right; + text-align: right; + width: 50px; + + margin: 0; +} +#metaModal > .modal-dialog > .modal-content > .modal-header > div { + font-family: Open Sans Regular,Helvetica Neue,Helvetica,Arial,sans-serif; + font-size: 12px; + line-height: 1.71428571; + color: var(--color-primary); + font-weight: 100; + text-align: right; + position: absolute; + right: 0; + padding: 12.5px; +} +#metaModal > .modal-dialog > .modal-content > .modal-body { + padding: 0; +} +#metaModal > .modal-dialog > .modal-content > .modal-body > .text-center { + text-align: left; + margin-bottom: 0; + padding-top: 10px; +} +#metaModal > .modal-dialog > .modal-content > .modal-body > #book-list { + margin-bottom: 0; +} +input.pill:checked + label { + background-color: transparent; + border-color: transparent; + color: var(--color-secondary); +} + +input.pill + label { + border: 0; + border-radius: 0; + color: hsla(0,0%,100%,.25); + cursor: pointer; + display: inline-block; + padding: 3px 15px; + user-select: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +input.pill + label:hover { + color: var(--color-secondary-hover); +} + + +#meta-info { + max-height: calc(100vh - 357px); + overflow-y: scroll; + background: #282828 !important; + padding: 0; + margin: 0; +} +#meta-info #book-list .media > .media-body { + font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 24px; + color: #999; + font-weight: 100; + padding-left: 15px; +} +#meta-info #book-list .media > img { + padding: 0; +} +#meta-info #book-list .media > .media-body > h4 > a { + color: #eee; +} +#meta-info #book-list .media > .media-body > h4 > a:hover { + color: #fff; +} +#meta-info #book-list { + width: 100%; + margin: 0; +} +#meta-info #book-list .media:nth-of-type(odd) { + background: hsla(0, 0%, 100%, .02); +} + +#meta-info #book-list .media { + margin-top: 0; + padding: 20px 15px 5px; +} +#meta-info #book-list .media > .media-body > p > a { + color: var(--color-secondary); + padding-left: 10px; +} +#meta-info #book-list .media > .media-body > p > a:hover { + color: #fff; +} + +.modal-content { + position: relative; + background-color: #323232; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 0; + border-radius: 0 0 3px 3px; + outline: 0; + -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); + box-shadow: 0 3px 9px rgba(0,0,0,.5); +} +.modal-footer { + padding: 15px; + text-align: right; + border-top: 0; +} +.modal-header { + padding: 15px; + border-bottom: 0; +} +#meta-info #book-list .media > img:hover { + cursor: pointer; + outline: 2px solid var(--color-secondary); + filter:brightness(90%); +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-9 > div:nth-child(10) > label:before { + content: "Edit Metadata"; + width: calc(100vw - 240px); + height: 60px; + margin: 0; + padding-left: 25px; + background: transparent; + color: hsla(0,0%,100%,.7); + font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 15px; + line-height: 60px; + text-size-adjust: 100%; + white-space: nowrap; + -webkit-box-direction: normal; + -webkit-font-smoothing: antialiased; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + font-weight: 600; + -webkit-margin-before: 0; + -webkit-margin-after: 0; + position: fixed; + top: 60px; + left: 240px; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-xs-12 { + margin: 50px 0; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > #test:before { + content: "Advanced Search"; + width: calc(100vw - 240px); + height: 60px; + margin: 0; + padding-left: 25px; + background: transparent; + color: hsla(0,0%,100%,.7); + font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 15px; + line-height: 60px; + text-size-adjust: 100%; + white-space: nowrap; + -webkit-box-direction: normal; + -webkit-font-smoothing: antialiased; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + font-weight: 600; + -webkit-margin-before: 0; + -webkit-margin-after: 0; + position: fixed; + top: 60px; + left: 240px; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > #test { + border-top: 2px solid rgba(0,0,0,.3); + margin-top: -50px; + padding-top: 50px; + padding-left: 33.33%; + margin-left: -33.33%; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > .form-group > .btn-toolbar-lg > label.btn { + margin: 2px 3px 0 0; + padding: 0 10px; + background: hsla(0,0%,100%,.25); +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > .form-group > .btn-toolbar-lg > label.btn:hover { + background: hsla(0,0%,100%,.3); +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > .form-group > .btn-toolbar-lg > label.btn-danger:hover { + background: #ce3d2a; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > .form-group > .btn-toolbar-lg > label.btn-danger.active { + background: #ac3323; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > .form-group > .btn-toolbar-lg > label.btn-danger.active:hover { + background: #ce3d2a; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > .form-group > .btn-toolbar-lg > label.btn-primary:hover { + background: var(--color-secondary-hover); +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > .form-group > .btn-toolbar-lg > label.btn-primary.active { + background: var(--color-secondary); +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > .form-group > .btn-toolbar-lg > label.btn-primary.active:hover { + background: var(--color-secondary-hover); +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > .form-group > .btn-toolbar-lg { + margin-left: -33.33%; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > label { + margin-left: -33.33%; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > label:first-of-type { + padding-top: 40px; +} + + + + + +#bookDetailsModal .modal-header > .close { + display: none; +} +#bookDetailsModal .modal-footer { + /* width: 100px; + position: fixed; + top: 800px; + left: 0; */ + display: none; +} +a:focus { + outline: none; + outline-offset: 0; +} + +#bookDetailsModal { + width: calc(100vw - 240px); + height: calc(100vh - 60px); + padding: 0; + position: fixed; + min-height: 1px; + min-width: 1px; + top: 60px; + left: 240px; + + background-image: url(https://raw.githubusercontent.com/leram84/layer.Cake/master/Resources/blur-noise.png), url("https://raw.githubusercontent.com/leram84/layer.Cake/master/Resources/blur-light.png"); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover !important; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; +} +#bookDetailsModal > .modal-dialog.modal-lg { + padding: 0; + margin: 0; + width: 100%; + height: 100%; + + +} +#bookDetailsModal > .modal-dialog.modal-lg > .modal-content { + background-color: transparent; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +#bookDetailsModal > .modal-dialog.modal-lg > .modal-content > .modal-header { + width: 100%; + height: 60px; + margin: 0; + padding: 0 0 0 25px; + background: rgba(0,0,0,.15); + color: hsla(0,0%,100%,.7); + font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 15px; + line-height: 60px; + text-size-adjust: 100%; + white-space: nowrap; + -webkit-box-direction: normal; + -webkit-font-smoothing: antialiased; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + font-weight: 600; + -webkit-margin-before: 0; + -webkit-margin-after: 0; + position: fixed; + top: 0; + left: 0; +} +#bookDetailsModal > .modal-dialog.modal-lg > .modal-content > .modal-header > h4 { + width: 100%; + max-width: calc(100% - 340px); + height: 60px; + line-height: 60px; +} +#bookDetailsModal > .modal-dialog.modal-lg > .modal-content > .modal-body { + width: calc(100vw - 240px); + height: calc(100vh - 120px); + position: fixed; + min-height: 1px; + min-width: 1px; + top: 60px; + left: 0; + padding: 0; +} +#bookDetailsModal > .modal-dialog.modal-lg > .modal-content > .modal-body > .container-fluid { + padding: 0; +} +#bookDetailsModal > .modal-dialog.modal-lg > .modal-content > .modal-body> div > div > div > div.col-sm-3.col-lg-3.col-xs-5 { + padding: 30px 15px 15px 30px; + height: 300px; +} +body > div.container-fluid > div > div.col-sm-10 > div > div > div.col-sm-3.col-lg-3.col-xs-5 { + padding: 15px; + height: 300px; +} +#bookDetailsModal > .modal-dialog.modal-lg > .modal-content > .modal-body> div > div > div > div.col-sm-3.col-lg-3.col-xs-5 > div.cover, +body > div.container-fluid > div > div.col-sm-10 > div > div > div.col-sm-3.col-lg-3.col-xs-5 > div.cover { + margin: 0; + width: 100%; + height: 100%; + +} +#bookDetailsModal > .modal-dialog.modal-lg > .modal-content > .modal-body> div > div > div > div.col-sm-3.col-lg-3.col-xs-5 > div.cover > img, +body > div.container-fluid > div > div.col-sm-10 > div > div > div.col-sm-3.col-lg-3.col-xs-5 > div.cover > img { + margin: 0; + max-height: 300px; +} + + + + + + + + + + + + + + + + +#bookDetailsModal .book-meta > h2 { + margin-top: 15px; +} + +.book-meta > h2 { + font-size: 24px; + font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif; + color: #eee; + font-weight: 600; + line-height: 1; + margin: 0; + max-width: calc(100% - 100px); + padding: 15px 0; +} +.book-meta > .author:before { + content: "Author:"; + padding-right: 4px; + color: #eee; +} +.book-meta > .author > a { + color: #eee; +} +.book-meta > .rating { + float: right; + position: relative; + margin-top: -60px; + z-index: -1; +} +.book-meta > p { + color: hsla(0, 0%, 100%, .45); +} +.book-meta > .rating > p > .glyphicon-star { + color: #eee; +} +.book-meta > .languages > p > .label-default { + background: transparent; + color: hsla(0, 0%, 100%, .45); + padding: 0; + font-size: 14px; +} +.book-meta > .languages > p:first-letter { + text-transform: uppercase; +} +.book-meta > .tags .btn-info { + background-color: rgba(0,0,0,.15); + color: hsla(0,0%,100%,.7); + padding: 0 10px; + font-size: 13px; + display: inline-block; + overflow: hidden; + border-radius: 4px; + vertical-align: middle; + text-align: center; + white-space: nowrap; + font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif; + -webkit-transition: background-color 0.2s,color 0.2s; + transition: background-color 0.2s,color 0.2s; + margin: 2px 3px 0 0; +} +.book-meta > .tags .btn-info:hover { + color: #fff; + text-decoration: underline; +} +.book-meta > .tags { + padding-left: 40px; +} +.book-meta > .tags a{ + max-width: 100%; + text-overflow: ellipsis; +} +.book-meta > .tags .glyphicon-tags { + margin-left: -40px; + margin-right: 17px; + color: hsla(0, 0%, 100%, .45); +} +.book-meta > h3:first-of-type { + font-size: 14px; + font-weight: 600; + text-transform: uppercase; + margin-top: -20px; + border-top: 2px solid rgba(0,0,0,.3); + padding-top: 20px; + margin-top: 20px; +} +.book-meta > div { + color: hsla(0,0%,100%,.65); +} +.more-stuff { + margin-top: 0; + padding-top: 0; + border-top: 0; +} +.book-meta > .more-stuff > br { + display: none; +} +.book-meta > .more-stuff > .btn-toolbar:not(#shelf-actions) { + position: fixed; + top: 0; + right: 240px; +} +.col-sm-10 .book-meta > .more-stuff > .btn-toolbar:not(#shelf-actions) { + position: fixed; + top: 60px; + right: 240px; +} +#shelf-actions { + position: fixed; + top: 415px; + left: 0; + padding: 0 15px 0 30px; + margin: 0; + width: calc(25%); +} +.col-sm-10 #shelf-actions { + left: 240px; + top: 475px; + width: calc(25% - 60px); +} +#shelf-actions .btn-group { + width: 100%; +} +.book-meta > .more-stuff > .btn-toolbar { + +} +.book-meta > .more-stuff > .btn-toolbar:nth-of-type(2) { + +} +.book-meta .btn-toolbar > .btn-group > .btn-warning, +.btn-toolbar > .btn-group > .btn-group > #btnGroupDrop2, +#btnGroupDrop1, +#sendbtn, +#read-in-browser, +.btn-toolbar > .btn-group > #btnGroupDrop2, +.book-meta .btn-toolbar > .btn-group > .btn-group:nth-child(1) > a:first-of-type { + background: transparent; + color: transparent; + width: 60px; + height: 60px; + margin: 0; + overflow: hidden; + +} +.book-meta .btn-toolbar > .btn-group > .btn-warning > span, +.btn-toolbar > .btn-group > .btn-group > #btnGroupDrop2 > span, +#btnGroupDrop1 > span, +#sendbtn > span, +#read-in-browser > span, +.btn-toolbar > .btn-group > #btnGroupDrop2 > span, +.book-meta .btn-toolbar > .btn-group > .btn-group:nth-child(1) > a:first-of-type > span { + color: hsla(0,0%,100%,.7); + +} +.book-meta .btn-toolbar > .btn-group > .btn-warning:hover > span, +.btn-toolbar > .btn-group > .btn-group > #btnGroupDrop2:hover > span, +#btnGroupDrop1:hover > span, +#sendbtn:hover > span, +#read-in-browser:hover > span, +.btn-toolbar > .btn-group > #btnGroupDrop2:hover > span, +.book-meta .btn-toolbar > .btn-group > .btn-group:nth-child(1) > a:first-of-type:hover > span { + color: #fff; +} +.btn-toolbar > .btn-group > .btn-group > #btnGroupDrop2 > span.caret { + margin-left: -135px; + padding-bottom: 5px; +} +.btn-toolbar > .btn-group > #btnGroupDrop2 > span.caret, +#read-in-browser > span.caret { + margin-left: -135px; + padding-bottom: 5px; +} +#btnGroupDrop1 > span.caret { + margin-left: -85px; + padding-bottom: 5px; +} +.book-meta .btn-toolbar > .btn-group { + margin: 0; +} +.book-meta > div.btn-toolbar > div > div:nth-child(1) > button:not(#btnGroupDrop1) { + display: none; +} +.book-meta .btn-toolbar > .btn-group > .btn-warning > span.glyphicon-edit, +#sendbtn > span, +.book-meta .btn-toolbar > .btn-group > .btn-group:nth-child(1) > a:first-of-type > span { + font-size: 18px; + line-height: 42px; + width: 100%; + +} +.btn-toolbar > .btn-group > .btn-group > #btnGroupDrop2 > span.glyphicon-eye-open:before, +#read-in-browser > span.glyphicon-eye-open:before { + content: "\e164"; + font-size: 18px; +} +.btn-toolbar > .btn-group > #btnGroupDrop2 > span.glyphicon-list:before, +#read-in-browser > span.glyphicon-list:before { + font-size: 18px; +} +#btnGroupDrop1 > span.glyphicon-download:before { + font-size: 18px; +} +.book-meta > div.btn-toolbar { + position: fixed; + top: 0; + right: 0; + margin: 0; +} +.col-sm-10 .book-meta > div.btn-toolbar { + position: fixed; + top: 60px; + right: 0; + margin: 0; +} +.book-meta > div.btn-toolbar ul.dropdown-menu { + margin-left: -110px; +} +#bookDetailsModal > div > div > div.modal-body > div > div > div > div.col-sm-9.col-lg-9.book-meta > div.btn-toolbar > div > div.btn-group.open > div.dropdown-backdrop { + display: none; +} +#add-to-shelf { + margin-bottom: 0; + padding: 6px 7px; + line-height: 1.2; + border-radius: 3px; + font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif; + border: 0; + -webkit-transition: background-color 0.1s; + transition: background-color 0.1s; + font-weight: 600; + white-space: nowrap; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; +} +#add-to-shelf > span.glyphicon.glyphicon-list:before { + content: "+"; + font-weight: 100 !important; + font-size: 12px; + padding: 0 3px; +} +.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { + background-color: hsla(0, 0%, 100%, .3); +} +.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { + color: #fff; + background-color: hsla(0, 0%, 100%, .3); + border-color: transparent; +} + +.book-meta > div.more-stuff > .btn-toolbar > .btn-group > .btn-group > .dropdown-menu { + margin-left: -100px; +} +.book-meta .btn-toolbar > .btn-group > ul.dropdown-menu { + margin-left: -200px; + max-width: 200px; +} +.book-meta .btn-toolbar > .btn-group > ul.dropdown-menu { + margin-left: 0px; + max-width: 200px; + overflow: hidden; +} +.book-meta .btn-toolbar > .btn-group > ul.dropdown-menu > li > a { + max-width: 200px; + text-overflow: ellipsis; + overflow: hidden; +} +.dropdown-menu { + background-color: #020a0e !important; + -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .35); + box-shadow: 0 4px 10px rgba(0, 0, 0, .35); + border-radius: 4px !important; +} +.dropdown-menu > li > a { + color: hsla(0,0%,100%,.7); + font-size: 13px; + font-stretch: 100%; + font-style: normal; + font-variant-caps: normal; + font-variant-east-asian: normal; + font-variant-ligatures: normal; + font-variant-numeric: normal; + font-weight: 600; +} +.dropdown-menu > li > a:hover { + color: #fff; + background: hsla(0, 0%, 100%, .08); +} +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: none; + box-shadow: none; +} +.book-meta > .identifiers > p > .btn-success { + background-color: rgba(0,0,0,.15); + color: hsla(0,0%,100%,.7); + padding: 0 10px; + font-size: 13px; + display: inline-block; + overflow: hidden; + border-radius: 4px; + vertical-align: middle; + text-align: center; + white-space: nowrap; + font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif; + -webkit-transition: background-color 0.2s,color 0.2s; + transition: background-color 0.2s,color 0.2s; + margin: 2px 3px 0 22px; +} +.book-meta > .identifiers > p > .btn-success:hover { + color: #fff; + text-decoration: underline; +} +#bookDetailsModal .book-meta { + color: hsla(0,0%,100%,.7); + height: calc(100vh - 120px); + overflow-x: hidden; + overflow-y: scroll; +} +.book-meta .publishers { + color: hsla(0,0%,100%,.45); +} +.book-meta > .identifiers > p > .glyphicon-link { + color: hsla(0,0%,100%,.45); +} +.rating .glyphicon-star.good { + color: var(--color-primary); +} +body > div.container-fluid > div > div.col-sm-10 > div.discover > .btn-danger { + background: #ac3323; + width: auto; +} +body > div.container-fluid > div > div.col-sm-10 > div.discover > .btn-danger:hover { + background: #ce3d2a; +} +body > div.container-fluid > div > div.col-sm-10 > div.discover > .btn-primary:first-of-type { + background: hsla(0, 0%, 100%, .25); +} +body > div.container-fluid > div > div.col-sm-10 > div.discover > .btn-primary:first-of-type:hover { + background: hsla(0, 0%, 100%, .3); +} +body > div.container-fluid > div > div.col-sm-10 > div.discover > .btn-primary:last-of-type { + background: var(--color-secondary); +} +body > div.container-fluid > div > div.col-sm-10 > div.discover > .btn-primary:last-of-type:hover { + background: var(--color-secondary-hover); +} +.book-meta > div.more-stuff > .btn-toolbar > .btn-group[aria-label="Remove from shelves"] { + max-width: 100%; + +} +.book-meta > div.more-stuff > .btn-toolbar > .btn-group[aria-label="Remove from shelves"] > a { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + margin: 20px 0 0 0 !important; + border-radius: 3px; + background: hsla(0, 0%, 100%, .25); + text-transform: none; + padding: 0px 10px 0px 10px; + text-align: left; + line-height: 1.5; +} +.book-meta > div.more-stuff > .btn-toolbar > .btn-group[aria-label="Remove from shelves"] > a:hover { + background: #ce3d2a; + color: #fff; +} +.book-meta > div.more-stuff > .btn-toolbar > .btn-group[aria-label="Remove from shelves"] > a > .glyphicon-remove { + font-size: 12px; + padding-right: 3px; + +} +/* body > div.container-fluid > div > div.col-sm-10 > div.single > div.row > div.col-sm-3.col-lg-3.col-xs-5 > div.cover > img { + max-height: 300px; + max-width: 100%; + width: auto; + margin: 0; +} */ +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form { + padding-right: 25px; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > div.form-group { + max-width: 800px; + padding-left: 15px; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > div.col-sm-12 > div.col-sm-12 { + padding: 0; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > div.col-sm-12 { + padding: 0; + margin-bottom: 60px; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > div.col-sm-12 > #submit { + float: left; + margin-left: calc(100vw - 400px) +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > div.col-sm-12 > div.col-sm-12 > div.col-sm-2 { + +} +.dropdown-backdrop { + display: none; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-9.col-xs-12 > button.btn.btn-default { + float: right; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-9.col-xs-12 > a:last-of-type { + float: right; + background: hsla(0, 0%, 100%, .25); + margin-right: 10px; +} +body > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-9.col-xs-12 > a:last-of-type:hover { + background: hsla(0, 0%, 100%, .3); +} diff --git a/cps/templates/layout.html b/cps/templates/layout.html index 5e9f092f..8a3bc3c2 100644 --- a/cps/templates/layout.html +++ b/cps/templates/layout.html @@ -13,7 +13,7 @@ {% if g.user.get_theme == 1 %} - + {% endif %}