64 lines
1.0 KiB
CSS
64 lines
1.0 KiB
CSS
.search-highlight {
|
|
background-color: #c016c6;
|
|
color: #000;
|
|
font-weight: bold;
|
|
padding: 1px 2px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.search-form {
|
|
text-align: center;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.search-form form {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
gap: 10px;
|
|
}
|
|
|
|
.search-form input[type="text"] {
|
|
width: 60%;
|
|
padding: 8px;
|
|
border: 1px solid #ea79d8;
|
|
background-color: #232320;
|
|
color: #ea79d8;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.search-form input[type="submit"] {
|
|
padding: 8px 16px;
|
|
background-color: #c016c6;
|
|
color: #12120f;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
transition: background-color 0.3s;
|
|
}
|
|
|
|
.search-form input[type="submit"]:hover {
|
|
background-color: #ea79d8;
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
.search-form input[type="text"] {
|
|
width: 70%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 480px) {
|
|
.search-form form {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.search-form input[type="text"] {
|
|
width: 90%;
|
|
}
|
|
|
|
.search-form input[type="submit"] {
|
|
width: 90%;
|
|
}
|
|
}
|