html {
font-size: 1.1rem;
}
body{
font:1.1em "Open Sans", sans-serif;
background:#fbfbfb;
}
a {
text-decoration: none;
color:inherit;
}
button:focus {
outline: 1px dotted #212121;
outline: 5px auto -webkit-focus-ring-color;
}
a.avoidance {
display : inline-block ;
color : #555 ;
background : #fff ;
padding : .5em ;
position : absolute ;
left : -99999px ;
z-index : 100 ;
}
a.avoidance:focus {
left: 0;
}
li {
display: block;
}
.pointer {
cursor: pointer;
}
.out-of-screen {
float:left;
width:0px;
height:3px;
overflow: hidden;
}
.lightgrey {
color:#787878;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
font-size: 0.9rem;
font-weight: 300;
color:#787878;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
font-size: 0.9rem;
font-weight: 300;
color:#787878;
}
::-ms-input-placeholder { /* Microsoft Edge */
font-size: 0.9rem;
font-weight: 300;
color:#787878;
}
/* BARRE DE NAV PRINCIPALE */
nav.main_navigation {
position: fixed;
z-index:102;
width:100%;
top:0;
padding-top:0;
padding-bottom:0;
height:auto;
background-color: white;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.19);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.19);
min-width: 600px;
}
nav.main_navigation ul {
padding-left:60px;
padding-right:60px;
}
nav.main_navigation ul a {
text-decoration: none;
color:inherit;
padding:18px 0 18px 0;
}
nav.main_navigation ul li {
display: inline-block;
padding-bottom:18px;
padding-top:18px;
font-weight: 600;
cursor: pointer;
}
nav.main_navigation ul li:nth-child(2) {
margin-left:60px;
}
nav.main_navigation ul li.active {
color:black;
border-bottom:3px solid black;
padding-bottom:15px;
}
.preferences {
position: relative;
float:right;
}
/* BARRE DE NAV SECONDAIRE */
nav.nav_secondary {
position: fixed;
width:100%;
height:auto;
padding-top:0;
padding-bottom:10px;
z-index:100;
top:60px;
background-color: white;
min-width: 600px;
padding-left:60px;
padding-right:60px;
}
nav.nav_secondary svg {
display: inline-block;
position: relative;
top:15px;
width:35px;
height:35px;
margin-left:-5px;
}
nav.nav_secondary svg:nth-child(2) {
margin-left:20px;
}
form#nav_search {
display: inline-block;
border-bottom: 1px solid #c1c1c1;
margin-left:40px;
height:auto;
}
input#menu_search {
position: relative;
width:300px;
border-radius: 0;
border:none;
height:35px;
outline: inherit;
background-color: transparent;
color:black;
font-size: 0.9rem;
}
#nav_search #launch{
position: relative;
width:35px;
vertical-align: top;
}
#nav_search .launch{
position: relative;
width:35px;
vertical-align: top;
}
/* PAGE "MES LIVRES" EN GRILLE */
section {
position: relative;
min-width: 600px;
}
main {
position: relative;
margin-top:120px;
left:0;
height: auto;
width: 100%;
padding-left:60px;
padding-right:60px;
}
h1 {
display: block;
position: relative;
padding-top:40px;
padding-bottom: 35px;
font-weight: 700;
}
.legend {
width: 100%;
position: relative;
}
.legend p.book_title {
position: relative;
padding-top:10px;
width: calc(100% - 40px);
font-size: 0.7rem;
font-weight: 600;
}
.legend p.book_author {
position: relative;
width: calc(100% - 40px);
font-size: 0.7rem;
font-weight: 300;
}
.icon_seemore {
position: absolute;
top:0;
right:0;
width:20px;
height:30px;
}
.see_more {
display: block;
position: absolute;
top:0;
margin-top:35px;
right:0;
border-radius: 2px;
border:1px solid black;
font-size: 0.8rem;
padding:2px 8px 2px 8px;
}
.see_more img {
width: 15px;
height:15px;
vertical-align: top;
margin-top:2px;
margin-left:5px;
}
.section_title {
display: block;
position: relative;
padding-top:40px;
padding-bottom: 35px;
font-weight: 700;
}
.section_title img {
position: relative;
width:25px;
vertical-align: top;
height:25px;
}
form#tag_search {
border-bottom: 1px solid #c1c1c1;
margin-left:0;
height:auto;
margin-bottom:50px;
display: none;
}
input#tag_inputs {
position: relative;
width:300px;
border-radius: 0;
border:none;
height:35px;
outline: inherit;
background-color: transparent;
color:black;
font-size: 0.9rem;
}
input.tag_inputs {
position: relative;
width:300px;
border-radius: 0;
border:none;
height:35px;
outline: inherit;
background-color: transparent;
color:black;
font-size: 0.9rem;
}
#tag_search #launch{
position: relative;
width:35px;
vertical-align: top;
}
#tag_search .launch{
position: relative;
width:35px;
vertical-align: top;
}
.block_book button {
cursor: pointer;
z-index:100;
position: absolute;
top: 10px;
right: 0;
width: 20px;
height: 30px;
}
.c-dialog {
position: fixed;
z-index: 100;
top: 0;
width:100%;
left:0;
height:100vh;
display: flex;
padding: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
background-color: rgba(0,0,0,0.8);
transition: .2s;
min-width: 700px;
}
.c-dialog__box {
display: flex;
width:90%;
margin-left:5%;
margin-top:100px;
margin-bottom:20px;
padding: 60px;
background-color: white;
overflow-y: scroll;
overflow-x: hidden;
align-content: flex-start;
}
.c-dialog__box button {
position: absolute;
top:110px;
right:calc(5% + 10px);
height:50px;
float:right;
display: block;
width:50px;
cursor: pointer;
}
.c-dialog__box button img {
width: 80%;
}
.dialog_left {
position: relative;
width:33%;
height:auto;
}
.dialog_left img {
width: 100%;
}
.dialog_left .liens li {
font-size: 0.9rem;
font-weight: 600;
margin-top:3px;
margin-bottom:3px;
}
.dialog_left .liens li img {
display: inline-block;
vertical-align: top;
width:20px;
height:20px;
margin-right:3px;
}
.dialog_left a.lire {
display: block;
text-align: center;
padding:5px 10px 5px 10px;
font-size: 0.9rem;
margin-top:10px;
border:1px solid #c1c1c1;
margin-bottom: 20px;
}
.dialog_right {
width:77%;
padding:0 30px 0 30px;
}
.dialog_right h2 {
font-weight: 600;
}
.c-dialog[aria-hidden="true"] {
visibility: hidden;
opacity: 0;
}
.dialog_right p {
margin-top:20px;
margin-bottom:20px;
font-weight: 300;
font-size: 0.9rem;
}
.dialog_right span {
font-weight: 600;
}
.dialog_right .tags {
font-size: 0.9rem;
}
.dialog_right .tags span {
font-weight: 600;
}
.dialog_right .tags ul {
display: inline-block;
}
.dialog_right .tags li {
display: inline-block;
background-color: #E7F1FB;
padding:1px 5px 1px 5px;
font-size: 0.8rem;
border-radius: 3px;
border:1px solid #67A3E0;
color: #67A3E0;
margin-left:10px;
}
.dialog_right .tags li img {
display: inline-block;
width:15px;
height:15px;
margin-top:3px;
vertical-align: top;
}
.dialog_right h3 {
font-weight: 600;
margin-top:30px;
}
.dialog_right form#flux_search {
margin-bottom:0;
}
/* PAGE "MES LIVRES" EN LISTE */
.block_book_list {
display: block;
width: calc(100% + 120px);
margin-left:-60px;
height:40px;
padding: 10px 50px 10px 50px;
min-width: 600px;
font-size: 0.8rem;
}
.block_book_list button {
float:left;
}
.block_book_list:nth-child(odd){
background-color: #f3f3f3;
}
.block_book_list .icon_seemore {
position: relative;
float:left;
display: inline-block;
width:20px;
height:30px;
margin:-5px 10px 0 10px;
top:2px !important;
}
.block_book_list p.book_title {
display: inline-block;
font-weight: 600;
}
.block_book_list p.book_author {
display: inline-block;
}
.block_book_list p.infos_sup {
display: inline-block;
width:15%;
color:grey;
}
.list_book_title {
display: inline-block;
width: calc(70% - 50px);
}
.titre_selection {
display: inline-block;
position: relative;
padding-top:40px;
padding-bottom: 35px;
font-weight: 700;
}
.icon_edit {
position: relative;
top:0;
height:30px;
width:20px;
margin:0;
margin-left:10px;
display: inline-block;
vertical-align: top;
margin-top:40px;
}
/* PAGE catalogS */
main#catalog {
margin-top:100px;
}
.flux_add {
display: block;
position: relative;
padding-top:0;
padding-bottom: 10px;
font-weight: 700;
}
.flux_add svg {
position: relative;
width:25px;
vertical-align: top;
height:25px;
}
form#flux_search {
border-bottom: 1px solid #c1c1c1;
margin-left:0;
height:auto;
margin-bottom:50px;
display: inline-block;
}
.flux_container {
display: flex;
width:100%;
flex-flow: row wrap;
height: auto;
justify-content: space-between;
}
.flux_container a {
text-decoration: none;
}
.block_flux {
width: 300px;
height: 300px;
margin-bottom:30px;
background-color: grey;
}
.block_flux p.flux_title {
position: relative;
top:50%;
text-align: center;
color:white;
font-size: 1.5rem;
transform: translateX(0%) translateY(-50%);
-webkit-transform: translateX(0%) translateY(-50%);
}
/* PAGE FLUX */
form#nav_search_flux {
display: inline-block;
border-bottom: 1px solid #c1c1c1;
margin-left:0px;
height:auto;
margin-top:8px;
}
input#menu_search {
position: relative;
width:300px;
border-radius: 0;
border:none;
height:35px;
outline: inherit;
background-color: transparent;
color:black;
font-size: 0.9rem;
}
#nav_search_flux #launch{
position: relative;
width:35px;
vertical-align: top;
}
.breadcrumb {
position: relative;
padding:25px 0px 25px 0px;
vertical-align: top;
}
.breadcrumb_icon img {
position: relative;
margin:0px 20px 0px 0px;
vertical-align: top;
}
.breadcrumb a {
text-decoration: none;
}
span.breadcrumb_active {
font-weight: 700;
}
section#flux_list {
width: calc(100% + 120px);
margin-left:-60px;
}
#flux_list {
border-top:1px solid #c1c1c1;
}
#flux_list li {
padding:20px 60px 20px 60px;
border-bottom: 1px solid #c1c1c1;
}
#flux_list span.flux_title {
font-weight: 600;
}
#flux_list span {
display: inline-block;
}
#flux_list span.flux_subtitle {
font-size: 0.8rem;
margin-left:10px;
}
ul.content_flux {
display: flex;
width:100%;
flex-flow: row wrap;
height: auto;
border:none !important;
margin-top:30px;
}
.content_flux li {
padding:0 !important;
border:none !important;
display: inline-block;
}
.block_flux_covers {
width: 150px;
height: auto;
margin-right:20px;
margin-bottom:10px;
}
.block_flux_covers .legend button {
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 40px;
}
.block_flux_covers .legend button svg{
top:10px;
}
.content_flux li img {
width: 100%;
}
.flux_element img {
position: relative;
width:15px;
vertical-align: baseline;
}
.voir_tout {
display: block;
position: relative;
margin-top:0px;
float:right;
right:0;
border-radius: 2px;
border:1px solid black;
font-size: 0.8rem;
padding:2px 8px 2px 8px;
}
.voir_tout img {
width: 15px;
height:15px;
vertical-align: top;
margin-top:2px;
margin-left:5px;
}
.noborder {
border:0 !important;
}
.flux_element select {
float:right;
background-color: white;
border-radius: none;
outline:none;
width:180px;
text-align: center;
text-align-last: center;
font-size: 0.8rem;
height:30px;
}
/* PAGE PRÉFÉRENCES */
nav.nav_secondary_pref {
position: fixed;
width:100%;
height:auto;
z-index:100;
top:60px;
background-color: #EDEDED;
min-width: 700px;
padding-left:0;
padding-right:0;
padding-bottom:0;
}
.nav_secondary_pref a {
width:100%;
padding:20px 30px 20px 30px;
}
.nav_secondary_pref ul li {
display: inline-block;
padding:20px 0 20px 0;
font-size: 0.9rem;
border-right:1px solid #c1c1c1;
}
.nav_secondary_pref ul li.active {
background-color: #4A8FE2;
color:white;
}
#draggable_list {
width: 50%;
list-style-type: none;
font-size: 0.8rem;
min-width: 400px;
margin-bottom: 20px;
}
#draggable_list li span {
font-size: 0.8rem;
color:grey;
margin-left:8px;
}
#draggable_list li img.icon_draggable {
display: inline-block;
vertical-align: top;
}
#draggable_list li img.icon_delete {
display: inline-block;
vertical-align: top;
float:right;
}
#draggable_list li {
cursor: move;
margin: 0 3px 3px 3px;
padding: 5px 10px 5px 10px;
font-size: 1.25em;
height: auto;
background: #e5e5e5;
}
#draggable_list .up, ul .down { float: left; }
#draggable_list .up:before { content: "\f077"; }
#draggable_list .down:before { content: "\f078"; }
form#tag_add {
margin-left:0;
height:auto;
margin-bottom:0;
display: inline-block;
}
input.pref_tag_inputs {
position: relative;
width:300px;
border-radius: 0;
border:none;
border-bottom: 1px solid #c1c1c1;
height:35px;
outline: inherit;
background-color: transparent;
color:black;
font-size: 0.9rem;
margin-right:30px;
}
#tag_add img{
position: absolute;
width:35px;
left:320px;
vertical-align: top;
}
#tag_add input[type="submit"]{
cursor:pointer;
background-color: white;
border-radius: 5px;
font-size: 0.8rem;
padding: 5px 30px 5px 30px;
border:1px solid #c1c1c1;
}
#theme_list {
width: 50%;
list-style-type: none;
font-size: 0.8rem;
min-width: 400px;
margin-bottom: 20px;
}
#theme_list li {
margin: 0 3px 3px 3px;
padding: 5px 10px 5px 10px;
font-size: 1.25em;
height: auto;
background: #e5e5e5;
}
#theme_list img {
float:right;
}
#languages_list {
width: 30%;
list-style-type: none;
font-size: 0.8rem;
min-width: 300px;
margin-bottom: 20px;
}
#languages_list li {
margin: 0 3px 3px 3px;
padding: 5px 10px 5px 10px;
font-size: 1.25em;
height: auto;
background: #e5e5e5;
cursor: pointer;
}
#languages_list .active {
background-color: grey;
color:white;
}
#breadcrumb_theme {
background-color: #F8F8F8;
height:170px;
width: calc(100% + 120px);
margin-left:-60px;
padding: 10px 60px 10px 60px;
border-bottom: 1px solid #e5e5e5;
min-width: 700px;
}
#tag_add label {
font-size: 0.9rem;
}
#read {
width:calc(100% + 120px);
margin-left:-60px;
display: flex;
}
.read_settings {
width: 40%;
border-left: 1px solid #e5e5e5;
}
#read_settings_list li {
padding:20px 20px 20px 20px;
border-bottom: 1px solid #e5e5e5;
font-size: 0.9rem;
font-weight: 600;
background-color: white;
cursor: pointer;
}
.tab_content {
display: none;
position: relative;
width:100%;
background-color: #F8F8F8;
}
.line_tab_content {
position: relative;
width:100%;
text-align: center;
height:auto;
padding:20px;
border-bottom: 1px solid #e5e5e5;
}
.line_tab_content label, .line_tab_content .subheading {
display: block;
font-size: 0.9rem;
font-weight: 600;
text-align: left;
}
input[type=radio] + label {
display: inline-block;
}
.slider_marker {
position: relative;
vertical-align: middle;
color:#6B6B6B;
}
.center_in_tab {
position: relative;
text-align: center;
font-size: 0.8rem;
}
input[type=range] {
position: relative;
-webkit-appearance: none;
width: 50%;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 2px;
cursor: pointer;
background: #C0C0C0;
}
input[type=range]::-webkit-slider-thumb {
height: 15px;
width: 15px;
border-radius: 10px;
background: #6B6B6B;
cursor: pointer;
-webkit-appearance: none;
margin-top: -6px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #C0C0C0;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 2px;
cursor: pointer;
background: #C0C0C0;
}
input[type=range]::-moz-range-thumb {
height: 15px;
width: 15px;
border-radius: 10px;
background: #6B6B6B;
cursor: pointer;
-webkit-appearance: none;
margin-top: -6px;
}
.line_tab_content select {
background-color: white;
border-radius: none;
outline:none;
width:40%;
text-align: center;
text-align-last: center;
font-size: 0.8rem;
height:30px;
}
.window_read {
background-color: white;
width:60%;
height:auto;
padding:50px;
font-size:12pt;
line-height: auto;
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
transition : all 0.1s;
-webkit-transition : all 0.1s;
text-align: justify;
text-justify: auto;
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
-moz-column-gap: 40px; /* Firefox */
column-gap: 40px;
}
#scroll_option, #page_option,
#option_gauche, #option_justif,
#option_colonne, #option_colonne1, #option_colonne2 {
display: inline-block;
text-align: center;
margin-right:10px;
margin-left:10px;
line-height: 2rem;
cursor: pointer;
vertical-align: baseline;
}
.center_in_tab img {
position: relative;
left:50%;
width:40px;
display: block;
text-align: center;
transform: translateX(-50%) translateY(0%);
-webkit-transform: translateX(-50%) translateY(0%);
}
.pref_color {
margin-top:20px;
}
.circle_color {
width: 20px;
display: inline-block;
height:20px;
border-radius: 20px;
background-color: red;
cursor: pointer;
}
/* PAGE LECTURE */
#lire nav.main_navigation {
padding:0;
}
#lire nav.main_navigation a {
padding:0;
}
#lire nav.main_navigation ul {
padding:0;
line-height: 0.9rem;
}
#lire nav.main_navigation ul li {
display: inline-block;
padding-bottom:15px;
padding-top:15px;
height:100%;
width:60px;
font-weight: 600;
color:#c1c1c1;
border-right:1px solid #c1c1c1;
}
#lire nav.main_navigation ul li:nth-child(2){
margin-left:0;
}
#lire nav.main_navigation ul li img {
position: relative;
width:30px;
padding:0;
left:50%;
margin-left:-15px;
height:30px;
}
#lire nav.main_navigation li.right {
float:right;
border-left:1px solid #c1c1c1;
border-right:none;
}
#lire nav.main_navigation li.blue {
background-color: #2B5366;
}
#lire nav.main_navigation button {
position: relative;
width:35px;
left:2px;
height:30px;
text-align: center;
}
#lire section.window_read {
position: relative;
width:100%;
padding: 0 5rem 0 5rem;
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
font-size: 1rem;
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
-moz-column-gap: 40px; /* Firefox */
column-gap: 40px;
text-align: justify;
background-color: transparent;
text-justify: auto;
}
#track_reading {
position: relative;
width:100%;
height:10px;
margin-top:100px;
background-color: #c1c1c1;
}
#track_reading + span {
font-style: italic;
font-size: 0.8rem;
padding-bottom: 10px;
cursor: pointer;
}
#current {
position: relative;
width:30%;
height:100%;
margin-top:50px;
background-color: #3C3C3C;
}
#previous_page, #next_page {
position: relative;
width:40px;
height:40px;
margin-top:30px;
float:right;
}
#chapters_markers {
display: none;
position: absolute;
width:100%;
height:15px;
margin-top:-2.5px;
/*display: flex;*/
top:0;
}
#chapters_markers span {
border-right:1px solid black;
flex-grow:1;
}
#chapters_markers span:last-child{
border-right:none;
}
#arrow_box {
display: none;
position: absolute;
width: auto;
height: auto;
padding: 10px 0 10px 0;
margin: -150px 0 0 0;
left:50%;
background: white;
font-size: 16px;
color: black;
text-align: center;
-webkit-box-shadow: 0px 0px 46px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 46px 0px rgba(0,0,0,0.12);
box-shadow: 0px 0px 46px 0px rgba(0,0,0,0.12);
transform: translateX(-50%) translateY(0%);
-webkit-transform: translateX(-50%) translateY(0%);
}
#arrow_box:after, #arrow_box:before {
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border: solid rgba(0, 0, 0, 0);
}
#arrow_box:after {
border-color: rgba(0, 0, 0, 0);
border-width: 9px;
bottom: -18px;
border-top-color: white;
left: 50%;
margin-left: -9px;
}
#arrow_box:before {
border-color: rgba(255, 255, 255, 0);
border-width: 10px;
bottom: -20px;
border-top-color: none;
left: 50%;
margin-left: -10px;
}
#arrow_box span {
display: block;
padding:0 20px 10px 20px;
border-bottom:1px solid #c1c1c1;
}
#arrow_box p {
margin:10px 0 0 0;
font-size: 0.8rem;
padding:0 20px 10px 20px;
}
#lire .read_settings {
display: none;
position: fixed;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
top:60px;
right:0;
height: calc(100vh - 60px);
background-color: white;
}
input[type=number] {
padding:10px;
margin-top:10px;
background-color: white;
outline:none;
border:1px solid #c1c1c1;
border-radius: 5px;
text-align: center;
}
.separateur {
margin-top:20px;
margin-bottom:20px;
border-bottom:1px solid #c1c1c1;
width:100%;
height:1px;
}
.lire_creertheme {
position: relative;
width:auto;
padding:5px 20px 5px 20px;
font-size: 0.9rem;
background-color: white;
border:1px solid #c1c1c1;
}
.chapters_settings {
display: none;
width: 40%;
border-left: 1px solid #e5e5e5;
position: fixed;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
top:60px;
right:0;
height: calc(100vh - 60px);
background-color: white;
z-index:100;
}
#chapter_settings_list li {
padding:20px 20px 20px 20px;
border-bottom: 1px solid #e5e5e5;
font-size: 0.9rem;
font-weight: 600;
background-color: white;
cursor: pointer;
}
form#insidebook_search {
display: inline-block;
border-bottom: 1px solid #c1c1c1;
height:auto;
margin-top:10px;
width:70%;
margin-left:15%;
}
input#book_search {
position: relative;
border-radius: 0;
border:none;
height:35px;
outline: inherit;
color:black;
font-size: 0.9rem;
width:calc(100% - 35px);
}
input#book_search::placeholder {
width:100%;
overflow: visible;
}
#chapters_settings .line_tab_content {
padding:0;
}
#insidebook_search #launch{
position: relative;
width:35px;
float:right;
vertical-align: top;
}
.go_to_page {
display: inline-block;
position: relative;
left:15%;
width:70%;
font-size: 0.9rem;
margin-top: 10px;
margin-bottom: 30px;
}
.go_to_page input[type=number] {
background-color: transparent;
border:none;
border-bottom: 1px solid #c1c1c1;
border-radius: 0;
width:50px;
padding:10px;
font-size: 0.9rem;
text-align: center;
}
.go_to_page input[type=number]::placeholder {
overflow: visible;
color:#c1c1c1;
}
.chapters_content {
position: relative;
background-color: transparent;
width:100%;
padding:0 20px 0 20px;
height:auto;
}
#chapter_settings_list .subheading {
background-color: #EDEDED;
padding:20px;
}
.chapters_content .line {
text-align: left;
font-size: 0.8rem;
padding-top:10px;
font-weight: bold;
color:#c1c1c1;
padding-bottom:20px;
border-bottom: 1px solid #e5e5e5;
}
.chapters_content .line:last-child {
border-bottom: 0;
}
p.chapters_description {
font-weight: 500;
}
#chapter_settings_list .line.active {
color:black;
}
#chapter_settings_list .bookmarks_line {
width:calc(100% - 40px);
margin-left:20px;
position: relative;
text-align: left;
padding:20px 0 20px 0;
font-size: 0.9rem;
border-bottom: 1px solid #e5e5e5;
}
#chapter_settings_list .bookmarks_line:last-child {
border-bottom: 0;
}
#chapter_settings_list .bookmarks_line img {
width:30px;
display: inline-block;
vertical-align: top;
}
.bookmarks_line .chapter_marker {
vertical-align: top;
position: relative;
display: inline-block;
width:auto;
height:auto;
font-size: 0.8rem;
}
.chapter_marker .gauge {
width:100%;
margin-top:2px;
height:4px;
background-color: #ECECEC;
}
.chapter_marker .gauge .fill {
height:100%;
position: relative;
width:50%;
background-color: #3B3B3B;
}
.bookmarks_line span {
display: inline-block;
vertical-align: top;
margin-top:5px;
}
/* Full screen read mode */
#read_full nav.main_navigation {
padding:0;
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#read_full nav.main_navigation a {
padding:0;
}
#read_full nav.main_navigation ul {
padding:0;
line-height: 0.9rem;
}
#read_full nav.main_navigation ul li img {
position: relative;
width:30px;
padding:0;
left:50%;
margin-left:-15px;
height:30px;
}
#read_full nav.main_navigation ul li {
display: inline-block;
padding-bottom:15px;
padding-top:15px;
height:100%;
width:60px;
font-weight: 600;
color:#c1c1c1;
border-right:1px solid #c1c1c1;
}
#read_full nav.main_navigation li.right {
float:right;
border-left:1px solid #c1c1c1;
border-bottom:1px solid #c1c1c1;
border-right:none;
background-color: #FBFBFB;
}
#read_full .window_read {
width:100%;
background-color: transparent;
}
/* TEST */
.bar_bottom {
position: fixed;
bottom:0;
left:0;
width:100%;
height:60px;
background-color: #fbfbfb;
-webkit-box-shadow: 0px 0px 37px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 0px 0px 37px 0px rgba(0,0,0,0.13);
box-shadow: 0px 0px 37px 0px rgba(0,0,0,0.13);
}
.bar_bottom #previous_page, .bar_bottom #next_page {
width:35px;
height:35px;
margin-top:10px;
float:right;
}
.bar_bottom #next_page {
margin-right:50px;
}
.bar_bottom #track_reading {
position: relative;
top:0;
width:80%;
left:5%;
height:8px;
margin-top:-30px;
background-color: #c1c1c1;
}
.bar_bottom #more_info_chapters {
display: inline-block;
position: relative;
left:5%;
top:0;
}
#read_full_test .window_read {
column-count: 1;
-webkit-column-count: 1;
-moz-column-count: 1;
}
/* Full screen read mode */
#read_full_test nav.main_navigation {
padding:0;
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#read_full_test nav.main_navigation a {
padding:0;
}
#read_full_test nav.main_navigation ul {
padding:0;
line-height: 0.9rem;
}
#read_full_test nav.main_navigation ul li img {
position: relative;
width:30px;
padding:0;
left:50%;
margin-left:-15px;
height:30px;
}
#read_full_test nav.main_navigation ul li {
display: inline-block;
padding-bottom:15px;
padding-top:15px;
height:100%;
width:60px;
font-weight: 600;
color:#c1c1c1;
border-right:1px solid #c1c1c1;
}
#read_full_test nav.main_navigation li.right {
float:right;
border-left:1px solid #c1c1c1;
border-bottom:1px solid #c1c1c1;
border-right:none;
background-color: #FBFBFB;
}
#read_full_test .window_read {
width:100%;
background-color: transparent;
}
*:focus {
outline: 1px dotted #212121 !important;
outline: 5px auto -webkit-focus-ring-color !important;
}