Notice: This site works best with JavaScript enabled, but all content is accessible without it. Skip to main content

Category: free-service

Articles in category free-service

New FreshRSS freely available

2 min read

10/10/2022 04:21:07

by Stefano Marinelli

/* Ensure navigation works without JS */ .main-nav .menu { display: flex !important; flex-wrap: wrap !important; gap: 0.5rem !important; justify-content: center !important; } .menu-toggle { display: none !important; } .search-form { display: block !important; position: static !important; } .dark-mode-toggle { display: none !important; } .scroll-to-top { display: none !important; } /* Hide JS-dependent elements */ [id*="template"], template { display: none !important; } .js-only { display: none !important; } /* CSS-only dark mode support when JS is disabled */ @media (prefers-color-scheme: dark) { :root { --color-text: #f9fafb !important; --color-text-light: #d1d5db !important; --color-text-lighter: #9ca3af !important; --color-border: #374151 !important; --color-background: #0F192A !important; --color-background-light: #1f2937 !important; --color-background-dark: #111827 !important; } .site-header { background-color: var(--color-background) !important; } pre, code { background-color: #1e293b !important; color: #e2e8f0 !important; } blockquote { background-color: var(--color-background-light) !important; } } /* Graceful degradation for images */ img { max-width: 100% !important; height: auto !important; } img::after { content: "[Image: " attr(alt) "]" !important; display: block !important; padding: 1rem !important; background: #f5f5f5 !important; border: 1px solid #ddd !important; color: #666 !important; font-style: italic !important; text-align: center !important; } /* Ensure SVG icons have text alternatives */ svg + .sr-only { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; overflow: visible !important; clip: auto !important; white-space: normal !important; font-size: 0.9rem !important; } /* Compact header for no-JS */ .site-header { padding: 0.5rem 0 !important; margin-bottom: 1rem !important; background-color: var(--color-background) !important; } .site-header-inner { min-height: 40px !important; gap: 0.5rem !important; } .menu-item a { padding: 0.5rem 0.75rem !important; font-size: 0.85rem !important; white-space: nowrap !important; } /* Responsive adjustments for no-JS */ @media (max-width: 767px) { .main-nav .menu { justify-content: flex-start !important; gap: 0.25rem !important; } .menu-item a { padding: 0.4rem 0.6rem !important; font-size: 0.8rem !important; } .site-header-inner { flex-wrap: wrap !important; gap: 0.25rem !important; } .main-nav { order: 3; flex-basis: 100% !important; margin: 0.25rem 0 0 0 !important; } }