fix(css): cleanup footer license display by removing CRT overlay effects

2026-06-20 20:48:00 +02:00 · 2026-06-14 13:39:42 -04:00
parent 4579c5f14e
commit 9dee4c7691
14 changed files with 1067 additions and 375 deletions
@@ -0,0 +1,126 @@
+/* ================================
+   NAVIGATION BRANDING - Terminal Prompt Style
+   Matches anonymousplanet.net header
+   ================================ */
+
+/* Top-left terminal prompt branding */
+.md-header__topic {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 0.75rem;
+  letter-spacing: -0.02em;
+  opacity: 0.9;
+}
+
+/* Terminal prompt styling */
+.md-typeset h1::before,
+div[data-md-component="content"] > h1::before {
+  content: '>_ ';
+  color: var(--accent-green);
+  font-family: 'JetBrains Mono', monospace;
+  white-space: pre;
+}
+
+/* Clean navigation bar */
+.md-header__button.md-icon {
+  padding: 0.5em;
+}
+
+/* Top navigation bar - terminal style */
+nav[data-md-level="1"] .md-nav__link,
+nav[data-md-level="2"] .md-nav__link {
+  font-family: var(--code-font);
+  font-size: 0.875rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-secondary);
+}
+
+nav[data-md-level="1"] .md-nav__link:hover,
+nav[data-md-level="2"] .md-nav__link--active {
+  color: var(--accent-green);
+}
+
+/* Clean up page margins */
+.md-typeset {
+  max-width: none;
+}
+
+/* Subtle card-like containers for content sections */
+.md-typeset > :not(table) > :not(hr) > :first-of-type {
+  margin-top: 2em;
+}
+
+/* Quick Access Section - mimicking reference site */
+.quick-access,
+div[data-md-include]:has(h3:contains("Quick Access")) {
+  border-top: 1px solid var(--border-color);
+  margin-top: 3em;
+  padding-top: 2em;
+}
+
+/* Card grid for download sections */
+.md-typeset .md-typeset__grid,
+div[data-md-type="grid"] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 1.5em;
+}
+
+/* Card-style download boxes */
+.quick-access-card,
+.md-typeset__section:not(:last-child) {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 6px;
+  padding: 1.25em;
+}
+
+.quick-access-card h3 {
+  font-family: var(--code-font);
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+  color: var(--text-primary);
+}
+
+.quick-access-card > p {
+  color: var(--text-secondary);
+  font-size: 0.9rem;
+  margin-bottom: 1em;
+}
+
+/* Icons for download cards */
+.quick-access-card .md-icon,
+.quick-access-card svg {
+  width: 2.5em;
+  height: 2.5em;
+  color: var(--accent-green);
+  margin-bottom: 0.75em;
+}
+
+/* Link styling for download cards */
+.quick-access-card a:hover {
+  text-decoration-color: var(--accent-green);
+}
+
+/* Footer branding */
+.md-typeset .md-footer-meta {
+  background-color: var(--bg-secondary);
+  border-top: 1px solid var(--border-color);
+}
+
+/* Terminal-style code blocks with line numbers */
+pre[role="presentation"] [data-line] {
+  padding-left: calc(var(--per-page) * 0.75em + 1.25em);
+}
+
+/* Smooth fade-in for page transitions */
+.md-typeset h1,
+.md-typeset h2,
+.md-typeset h3 {
+  animation: fadeIn 0.4s ease-out;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(-10px); }
+  to { opacity: 1; transform: translateY(0); }
+}