mirror of
https://github.com/janeczku/calibre-web
synced 2024-12-26 10:00:37 +00:00
2293 lines
62 KiB
CSS
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);
|
|
}
|