|
* { |
|
box-sizing: border-box; |
|
} |
|
|
|
.value-box-showcase { |
|
overflow: hidden; |
|
} |
|
|
|
.vscomp-option { |
|
height: 100px !important; |
|
} |
|
|
|
|
|
|
|
.booksearch__img { |
|
margin-right: 0.4rem; |
|
height: 45px; |
|
width: 30px; |
|
} |
|
|
|
.booksearch__title { |
|
margin-left: 0.4rem; |
|
font-size: 1rem; |
|
font-weight: 600; |
|
} |
|
|
|
|
|
.align-text-center { |
|
text-align: center; |
|
} |
|
|
|
.text-main { |
|
font-size: 1.2rem; |
|
font-weight: 500; |
|
margin: 1.2rem; |
|
} |
|
|
|
|
|
.select_books_input_container { |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
|
|
} |
|
|
|
.select_books_input_container > div.form-group { |
|
width: 75vw; |
|
} |
|
|
|
.vscomp-options-container { |
|
max-height: 420px !important; |
|
} |
|
|
|
|
|
.flex-center { |
|
display: flex; |
|
flex-direction: column; |
|
justify-content: center; |
|
align-items: center; |
|
} |
|
|
|
.main { |
|
height: 95vh; |
|
margin: 0; |
|
padding: 3rem 0 1rem 0; |
|
} |
|
|
|
.main-container { |
|
display: flex; |
|
flex-direction: column; |
|
justify-content: center; |
|
align-items: center; |
|
} |
|
|
|
.main-waiter { |
|
display: flex; |
|
flex-direction: column; |
|
justify-content: space-between; |
|
align-items: center; |
|
} |
|
|
|
|
|
#app-recommend_books-bookCardsOutput { |
|
display: flex; |
|
justify-content: space-evenly; |
|
align-items: center; |
|
flex-wrap: wrap; |
|
margin-top: 2rem; |
|
width: 80vw; |
|
|
|
} |
|
|
|
.book-card__container { |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
margin: 1rem; |
|
flex-direction: column; |
|
width: 300px; |
|
margin-bottom: 1rem; |
|
-webkit-box-shadow: 10px 10px 22px 4px rgba(0, 0, 0, 0.75); |
|
-moz-box-shadow: 10px 10px 22px 4px rgba(0, 0, 0, 0.75); |
|
box-shadow: 10px 10px 22px 4px rgba(0, 0, 0, 0.75); |
|
} |
|
|
|
|
|
.book-card__cover { |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
flex-direction: column; |
|
height: 200px; |
|
width: 300px; |
|
background-color: floralwhite; |
|
} |
|
|
|
|
|
.book-card__cover__image { |
|
height: 180; |
|
width: 92; |
|
-webkit-box-shadow: 10px 10px 22px 4px rgba(0, 0, 0, 0.75); |
|
-moz-box-shadow: 10px 10px 22px 4px rgba(0, 0, 0, 0.75); |
|
box-shadow: 10px 10px 22px 4px rgba(0, 0, 0, 0.75); |
|
} |
|
|
|
.book-card__info-section { |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
flex-direction: column; |
|
} |
|
|
|
.book-card__info-section__genre-section { |
|
display: flex; |
|
justify-content: space-evenly; |
|
align-items: center; |
|
flex-direction: row; |
|
margin-top: 0.5rem; |
|
margin-bottom: 0.5rem; |
|
|
|
} |
|
|
|
.book-card__info-section__genre-section-container { |
|
color: white; |
|
text-align: center; |
|
margin-left: 0.25rem; |
|
margin-right: 0.25rem; |
|
border-radius: 5px; |
|
} |
|
|
|
.book-card__info-section__genre-section-conteiner-text { |
|
font-style: italic; |
|
font-size: 0.7rem; |
|
padding: 5px; |
|
font-weight: 600; |
|
} |
|
|
|
.book-card__info-section__title { |
|
display: -webkit-box; |
|
-webkit-line-clamp: 2; |
|
-webkit-box-orient: vertical; |
|
overflow: hidden; |
|
font-weight: 600; |
|
font-size: 1.2rem; |
|
height: 3rem; |
|
color: #700202; |
|
text-align: center; |
|
margin-left: 0.3rem; |
|
margin-right: 0.3rem; |
|
} |
|
|
|
|
|
.book-card__info-section__show-description-btn { |
|
background-color: #700202; |
|
color: white; |
|
margin-bottom: 0.6rem; |
|
} |
|
|
|
.children-color { |
|
background-color: #4169E1; |
|
} |
|
|
|
.fantasy-color { |
|
background-color: #B59410; |
|
} |
|
|
|
|
|
.history_biography-color { |
|
background-color: #228B22; |
|
} |
|
|
|
.comics-color { |
|
background-color: black; |
|
} |
|
|
|
.romance-color { |
|
background-color: #800000; |
|
} |
|
|
|
.poetry-color { |
|
background-color: #003049; |
|
} |
|
|
|
.YA-color { |
|
background-color: #FF00FF; |
|
} |
|
|
|
.crime-color { |
|
background-color: navy; |
|
} |
|
|
|
.book-card__info-section__rating-icon { |
|
height: 1.5rem; |
|
width: 1.5rem; |
|
color: black; |
|
margin-bottom: 5px; |
|
} |
|
|
|
.book-card__info-section__rating-icon-rating { |
|
font-weight: 550; |
|
font-size: 1.1rem; |
|
margin-right: 1rem; |
|
margin-left: 0.4rem; |
|
} |
|
|
|
|
|
.book-card__info-section__author { |
|
color: #3D445E; |
|
font-weight: 500; |
|
font-size: 1.1rem; |
|
} |
|
|
|
|
|
.img-card { |
|
max-width: 450px !important; |
|
} |
|
|
|
.img-gallery { |
|
display: grid; |
|
grid-template-columns: 1fr 1fr 1fr; |
|
} |
|
|
|
|
|
label.checkbtn { |
|
display: inline-flex; |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
|
|
|
|
.btn-group { |
|
flex-direction: column; |
|
} |
|
|
|
@media (min-width: 960px) { |
|
.btn-group { |
|
flex-direction: row; |
|
} |
|
} |