internet-programming/lab3/style.css

74 lines
1.1 KiB
CSS

header nav {
background-color: #D9D9D9;
}
@media (min-width: 768px) {
header nav {
height: 100px;
}
}
header nav a:hover {
text-decoration: underline;
}
.navbar-brand img {
margin-left: 235px;
}
@media (max-width: 576px) {
.navbar-brand img {
margin-left: 25px;
}
}
@media (min-width: 577px) and (max-width: 992px) {
.navbar-brand img {
margin-left: 25px
}
}
@media (min-width: 993px) and (max-width: 1200px) {
.navbar-brand img {
margin-left: 150px;
}
}
@media (min-width: 1201px) {
.navbar-brand img {
margin-left: 235px;
}
}
.btn-warning {
height: 35px;
width: 176px;
border-radius: 8px;
margin-right: 10px;
margin-top: 10px;
}
.custom-btn {
height: 35px;
width: 176px;
border-radius: 8px;
margin-right: 10px;
margin-top: 10px;
background-color: #FFA800;
}
.btn.custom-btn:hover {
background-color: #FFA800 !important;
}
footer {
background-color: #D9D9D9;
}
#image-preview {
max-width: 100%;
max-height: 200px;
width: auto;
height: auto;
}