2023-06-22 18:05:23 +00:00
|
|
|
.index-link {
|
2023-06-15 09:18:46 +00:00
|
|
|
font-size: 1.6rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.psa {
|
|
|
|
font-weight: 700;
|
|
|
|
font-size: 1.4rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mod-entry {
|
|
|
|
background: #241445;
|
2023-06-15 15:14:06 +00:00
|
|
|
max-width: 900px;
|
2023-06-15 09:18:46 +00:00
|
|
|
position:relative;
|
|
|
|
margin: 1em 0;
|
|
|
|
padding: 1em 1.5em 1.5em 1.5em;
|
|
|
|
}
|
|
|
|
|
2023-06-22 18:05:23 +00:00
|
|
|
.filter-div {
|
2023-06-15 09:18:46 +00:00
|
|
|
display: none; /* Hidden by default */
|
|
|
|
}
|
|
|
|
|
2023-06-22 18:05:23 +00:00
|
|
|
/* The "show-items" class is added to the filtered elements */
|
|
|
|
.show-items {
|
2023-06-15 09:18:46 +00:00
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2023-06-22 18:05:23 +00:00
|
|
|
.filter-btn {
|
2023-06-15 09:18:46 +00:00
|
|
|
border: none;
|
|
|
|
outline: none;
|
2023-06-15 15:14:06 +00:00
|
|
|
padding: 0.75rem 1rem;
|
|
|
|
margin: 0.1875rem 0;
|
2023-06-15 09:18:46 +00:00
|
|
|
background-color: #d3aad5;
|
|
|
|
color: #241445;
|
|
|
|
cursor: pointer;
|
2023-06-22 18:05:23 +00:00
|
|
|
font-weight: 800;
|
2023-06-15 09:18:46 +00:00
|
|
|
font-size: 1.1rem;
|
|
|
|
}
|
|
|
|
|
2023-06-22 18:05:23 +00:00
|
|
|
.filter-btn:hover {
|
2023-06-15 09:18:46 +00:00
|
|
|
background-color: #d5c2d6;
|
|
|
|
}
|
|
|
|
|
2023-06-22 18:05:23 +00:00
|
|
|
.filter-btn.active {
|
2023-06-15 09:18:46 +00:00
|
|
|
background-color: #241445;
|
|
|
|
color: #ED64F5;
|
|
|
|
}
|