CSS cleanup: dead CSS removal, !important reduction, missing CSS, pseudo-element syntax, dead macros

[1aeo]

CSS Cleanup — Dead CSS, !important reduction, missing CSS, pseudo-element syntax, dead macros

Pure CSS + template housekeeping — no behavioral changes, zero HTML output diff.

Dead CSS Removed (11 selectors)

aroi-leaderboards.css (10 selectors):

• .aroi-flex-nav, .aroi-nav-spacing (+h4), .aroi-primary-nav, .aroi-category-nav
• .aroi-compact-nav-row, .aroi-nav-label, .aroi-nav-separator
• .aroi-top-margin, .aroi-contact-link

allium-base.css (1 selector):

• .al-section-title
• .al-box-success / .al-box-info / .al-box-primary annotated as unused but kept to complete the semantic design system set

Dead Macros Removed (194 lines)

aroi_macros.html:

• paginated_ranking_table (88 lines) — defined but never called
• top5_paginated_ranking_table (106 lines) — imported but never called
• Both had latent bugs: pagination IDs (-1-25, -1-5) didn't match the CSS default-show rules ([id$="-1-10"]), so no page would show by default if reactivated
• Dead import cleaned up from aroi-leaderboards.html

!important Reduction (5 → 0 removable; 5 justified keeps)

Declaration	File	Reason safe to remove
navbar-collapse { display/height/overflow } (3)	allium-base.css	Mutually exclusive media queries (min-width: 768px vs max-width: 767px) — no competing rules
.panel-body:hover { box-shadow }	aroi-leaderboards.css	Hover selector (0,3,0) already outranks tier class (0,1,0)
.pagination-section:target ~ ...	aroi-leaderboards.css	Selector (0,4,0) already outranks default page rule (0,2,0)

Remaining 5 !important usages are justified (documented in code comments):

• Search bar responsive (4): Required to override Bootstrap's !important on .hidden-xs/.visible-xs
• :target highlight (1): Required to override inline style="background:..." attributes

Missing CSS Added

Class	File	Purpose
.row-not-voted	relay-info.css	Dim authority table rows where the authority did not vote (opacity: 0.55)
.aroi-validation-table	aroi-leaderboards.css	Column widths for Validation Champions table (7 columns)
.aroi-ip-address-table	aroi-leaderboards.css	Column widths for IPv4/IPv6 Leaders tables (9 columns)

Pseudo-element Syntax

• Updated :before/:after → ::before/::after in authorities-page-mockup.html
• Added comment documenting the tooltip CSS duplication with allium-base.css

Stale Comments Fixed

Fixed 4 comments in allium-base.css that referenced .html template files instead of the actual .css files where styles were moved:

• relay-info.html → relay-info.css
• aroi-leaderboards.html → aroi-leaderboards.css
• network-health-dashboard.html → network-health.css
• api-diagnostics.html → api-diagnostics.css

Verification

• Output comparison: 27,601 files compared — only CSS file diffs (expected) + live API data drift
• All 827 tests pass
• Lint clean
• Visual verification: homepage badges, pagination, responsive navbar, relay detail pages all working correctly
• Dead macro removal produces zero output diff (macros were never called)

Out of Scope (as agreed)

• ~618 inline style="..." attributes → separate effort
• External CSS file extraction
• CSS minification
• Converting ~200+ inline style="color: #28a745" to CSS classes

  

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: 4e542799-e4ec-4e5a-8603-d25b6718fdb2

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch cursor/development-environment-setup-b734

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}