123 lines
1.8 KiB
CSS
123 lines
1.8 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{
|
|
background-color: #FFEBCD;
|
|
box-shadow: none;
|
|
font-size: large;
|
|
padding: auto;
|
|
margin: auto;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
} |