Daftar Isi

#wuzz-sitemap-wrapper {
margin: 20px 0;
font-family: inherit;
color: var(–text-color, #333);
}
.sitemap-filter-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
background: var(–content-bg, #f9f9f9);
padding: 15px;
border-radius: 10px;
border: 1px solid rgba(128, 128, 128, 0.2);
margin-bottom: 15px;
}
.filter-item {
display: flex;
flex-direction: column;
gap: 5px;
}
.filter-item label {
font-size: 0.85em;
font-weight: 600;
opacity: 0.8;
}
.sitemap-select, .sitemap-input {
width: 100%;
padding: 8px 12px;
border: 1px solid rgba(128, 128, 128, 0.3);
border-radius: 6px;
background: var(–bg-color, #fff);
color: inherit;
font-size: 0.9em;
outline: none;
box-sizing: border-box;
}
.sitemap-select:focus, .sitemap-input:focus {
border-color: #743FDE;
}
.sitemap-info {
font-size: 0.9em;
font-weight: 600;
margin-bottom: 15px;
padding: 5px 0;
opacity: 0.85;
}
.sitemap-list {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex;
flex-direction: column;
gap: 12px;
}
.sitemap-item {
display: flex;
align-items: center;
gap: 15px;
padding: 12px;
background: var(–content-bg, #fff);
border: 1px solid rgba(128, 128, 128, 0.2);
border-radius: 8px;
transition: all 0.2s ease;
}
.sitemap-item:hover {
border-color: #743FDE;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}
.sitemap-thumb {
width: 75px;
height: 55px;
flex-shrink: 0;
border-radius: 6px;
object-fit: cover;
background-color: rgba(128, 128, 128, 0.1);
}
.sitemap-content {
flex-grow: 1;
overflow: hidden;
}
.sitemap-title {
display: block;
font-weight: 600;
font-size: 0.95em;
color: inherit;
text-decoration: none;
line-height: 1.4;
margin-bottom: 4px;
}
.sitemap-title:hover {
color: #743FDE;
text-decoration: underline;
}
.sitemap-meta {
font-size: 0.8em;
opacity: 0.65;
}
.sitemap-nav {
text-align: center;
margin-top: 20px;
}
.btn-sitemap {
background: #743FDE;
color: #fff !important;
border: none;
padding: 10px 20px;
border-radius: 6px;
cursor: pointer;
font-size: 0.9em;
font-weight: 600;
display: inline-block;
text-decoration: none !important;
}
.btn-sitemap:hover {
opacity: 0.9;
}
/* Dark Mode Support Wuzz */
.dark-mode .sitemap-filter-grid, [data-theme=’dark’] .sitemap-filter-grid { background: rgba(255, 255, 255, 0.05); }
.dark-mode .sitemap-item, [data-theme=’dark’] .sitemap-item { background: rgba(255, 255, 255, 0.02); border-color: rgba(255, 255, 255, 0.1); }
.dark-mode .sitemap-select, .dark-mode .sitemap-input, [data-theme=’dark’] .sitemap-select, [data-theme=’dark’] .sitemap-input { background: #1e1e1e; border-color: rgba(255, 255, 255, 0.2); }