Internet_Programming_Librar.../lab3/all/style.css

160 lines
2.5 KiB
CSS
Raw Normal View History

2024-01-06 22:18:58 +04:00
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;
}