diff --git a/public/styles.css b/public/styles.css index b130757..4cf744d 100644 --- a/public/styles.css +++ b/public/styles.css @@ -273,7 +273,7 @@ select.form-input { cursor: pointer; } /* ----------------------------------------------------------------- - 3.6 SweetAlert2 Font Override + 3.6 SweetAlert2 Override ----------------------------------------------------------------- */ .swal2-input, .swal2-textarea, @@ -285,6 +285,26 @@ select.form-input { cursor: pointer; } z-index: 3000 !important; } +.swal-label { + display: block; + font-weight: 600; + font-size: var(--font-md); + margin-bottom: var(--space-xs); +} + +.detail-block { + padding: var(--space-sm) 0; + font-size: var(--font-base); + line-height: 1.6; + color: var(--color-text); + margin-bottom: var(--space-sm); +} + +.detail-block-meta { + font-size: var(--font-sm); + color: #999; +} + /* ----------------------------------------------------------------- 3.7 Warning Notices @@ -600,6 +620,23 @@ select.form-input { cursor: pointer; } .contribution-card-votes { display: flex; gap: var(--space-sm); } +/* Category Filter Labels */ +.category-filter-label { + display: flex; + align-items: center; + gap: var(--space-sm); + margin-bottom: 6px; + cursor: pointer; + font-size: var(--font-sm); + color: var(--color-text-secondary); +} + +.category-filter-total { + margin-top: 10px; + font-size: var(--font-sm); + color: var(--color-text-secondary); +} + /* ----------------------------------------------------------------- 4.5 Sidebar News Items @@ -1268,6 +1305,21 @@ select.form-input { cursor: pointer; } } +/* News and Comments Tab Headers */ +.tab-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 20px; +} + +.tab-header h2 { + margin: 0; + border: none; + padding: 0; +} + + /* ----------------------------------------------------------------- 5.6 Placeholder Tabs ----------------------------------------------------------------- */