/* Sarkari Result Portal - custom.css (loaded after tailwind.css) */ /* Breaking news ticker animation */ .ticker-track { animation: ticker-scroll 30s linear infinite; will-change: transform; } .ticker-track:hover { animation-play-state: paused; } @keyframes ticker-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } /* Line clamp fallback (native Tailwind 3.3+ line-clamp is used where available) */ .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* ----------------------------------------------------------------- Manual dark mode (toggled via #dark-mode-toggle in templates/topbar.php) Applied by adding class="dark-mode" to from assets/js/main.js ------------------------------------------------------------------ */ html.dark-mode body { background-color: #0f172a; color: #e2e8f0; } html.dark-mode header, html.dark-mode .card, html.dark-mode #mobile-menu { background-color: #1e293b !important; border-color: #334155 !important; color: #e2e8f0; } html.dark-mode .card, html.dark-mode a { color: #e2e8f0; } html.dark-mode .text-gray-800, html.dark-mode .text-gray-700, html.dark-mode .text-gray-600 { color: #cbd5e1 !important; } html.dark-mode .text-gray-500, html.dark-mode .text-gray-400 { color: #94a3b8 !important; } html.dark-mode .bg-gray-50 { background-color: #0f172a !important; } html.dark-mode .bg-amber-50 { background-color: #292414 !important; border-color: #4a3f1a !important; } /* Sticky sidebar breathing room under the sticky header */ /*@media (min-width: 1024px) { aside { max-height: calc(100vh - 6rem); overflow-y: auto; } }*/ @media (min-width: 1024px) { aside { max-height: none; overflow-y: visible; } }