160 lines
2.5 KiB
CSS
160 lines
2.5 KiB
CSS
|
body{
|
||
|
background-color: #FFEBCD;
|
||
|
}
|
||
|
|
||
|
header{
|
||
|
background-color: #A07A54;
|
||
|
}
|
||
|
|
||
|
footer{
|
||
|
background-color: #A07A54;
|
||
|
}
|
||
|
|
||
|
.navbar-text{
|
||
|
color: dark;
|
||
|
}
|
||
|
|
||
|
.Window{
|
||
|
background-color: #A07A54;
|
||
|
margin: auto;
|
||
|
min-width: 30vw;
|
||
|
}
|
||
|
@media screen and (max-width: 610px) {
|
||
|
.Window{
|
||
|
margin-bottom: 3rem;
|
||
|
margin-left: 2rem;
|
||
|
margin-right: 2rem;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
@media screen and (max-width: 280px) {
|
||
|
h3{
|
||
|
font-size: small;
|
||
|
}
|
||
|
.form-control{
|
||
|
font-size: medium;
|
||
|
color: aqua;
|
||
|
}
|
||
|
}
|
||
|
.form-control, .form-control:focus, .form-select, .form-select:focus{
|
||
|
background-color: #fcf0dc;
|
||
|
border-color: #212529;
|
||
|
border-width: 3px;
|
||
|
box-shadow: none;
|
||
|
font-size: large;
|
||
|
padding: auto;
|
||
|
margin: auto;
|
||
|
}
|
||
|
|
||
|
input[type="file"]{
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.form-label{
|
||
|
font-family: Arial;
|
||
|
color: dark;
|
||
|
}
|
||
|
|
||
|
button{
|
||
|
background-color: #613E2B;
|
||
|
color: #FFEBCD;
|
||
|
}
|
||
|
|
||
|
.section-name{
|
||
|
background-color: #A07A54;
|
||
|
border-top-left-radius: 30px;
|
||
|
border-top-right-radius: 30px;
|
||
|
}
|
||
|
|
||
|
@media screen and (max-width: 575px) {
|
||
|
.section-name{
|
||
|
width: 70vw;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (max-width: 340px) {
|
||
|
.section-name{
|
||
|
width: 50vw;
|
||
|
font-size: medium;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (max-width: 190px) {
|
||
|
.section-name{
|
||
|
width: 40vw;
|
||
|
font-size: small;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.bookPanel{
|
||
|
background-color: #D2B48C;
|
||
|
}
|
||
|
|
||
|
.a-main:link, .a-main:active, .a-main:hover{
|
||
|
text-decoration: none;
|
||
|
color: #212529;
|
||
|
}
|
||
|
a{
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
.book-name{
|
||
|
background-color: #A07A54;
|
||
|
border-bottom-left-radius: 30px;
|
||
|
border-bottom-right-radius: 30px;
|
||
|
letter-spacing: 2px;
|
||
|
}
|
||
|
@media screen and (max-width: 250px) {
|
||
|
.book-name{
|
||
|
font-size: small;
|
||
|
}
|
||
|
}
|
||
|
.img-fluid{
|
||
|
max-height: 600px;
|
||
|
}
|
||
|
|
||
|
.mini{
|
||
|
max-height: 400px;
|
||
|
}
|
||
|
|
||
|
.txt-area{
|
||
|
background-color:#FFEBCD;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
@media screen and (max-width: 350px) {
|
||
|
textarea{
|
||
|
width: 50vw;
|
||
|
}
|
||
|
}
|
||
|
.bookSize{
|
||
|
max-width: 450px;
|
||
|
max-height: 688px;
|
||
|
}
|
||
|
|
||
|
.table-striped th, tr, td{
|
||
|
background-color: #A07A54 !important;
|
||
|
border-color: #A07A54;
|
||
|
font-size: large;
|
||
|
}
|
||
|
|
||
|
.modalMain{
|
||
|
background-color: #FFEBCD;
|
||
|
}
|
||
|
.modalHeader{
|
||
|
background-color: #A07A54;
|
||
|
border-radius: 25px 25px 0 0;
|
||
|
}
|
||
|
.modalFooter{
|
||
|
background-color: #A07A54;
|
||
|
border-radius: 0 0 25px 25px;
|
||
|
}
|
||
|
.fileChoose{
|
||
|
background-color: #fcf0dc;
|
||
|
border-color: #212529;
|
||
|
border-width: 3px;
|
||
|
box-shadow: none;
|
||
|
font-size: large;
|
||
|
padding: auto;
|
||
|
margin: auto;
|
||
|
}
|