1
0
mirror of https://github.com/janeczku/calibre-web synced 2024-12-25 09:30:31 +00:00
calibre-web/cps/static/css/caliBlur-style.css
2018-04-03 17:59:06 +02:00

2293 lines
62 KiB
CSS

#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);
}