/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification for details on configuring this project to bundle and minify static web assets. */ a.navbar-brand { white-space: normal; text-align: center; word-break: break-all; } a { color: #0077cc; } .btn-primary { color: #fff; background-color: #1b6ec2; border-color: #1861ac; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #1b6ec2; border-color: #1861ac; } .nav-user { padding: .75rem; } .nav-link { padding: .75rem; } .border-top { border-top: 1px solid #e5e5e5; } .border-bottom { border-bottom: 1px solid #e5e5e5; } .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); } button.accept-policy { font-size: 1rem; line-height: inherit; } .footer { position: absolute; bottom: 0; width: 100%; white-space: nowrap; line-height: 60px; } .container { margin-left: 10% !important; margin-right: 10% !important; max-width: 80% !important; min-height: 90% !important; } /* Hide your standard footer on search pages */ body.searxng footer { display: none !important; } main { width: 100% !important; min-height: 100% !important; } main #main_index { width: 100% !important; min-height: 100% !important; margin-bottom: 30% !important; } /* Full-width wrapper around the entire SearXNG UI */ body.searxng #searxng-wrapper { width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border-radius: 4px !important; box-shadow: 0 0 8px rgba(0,0,0,0.2) !important; } /* Light-mode variables (when your site is in light mode) */ body.searxng:not(.dark-mode) #searxng-wrapper { background: #fff !important; --bg: #fff; --fg: #000; --text-color: #000; --link-color: #0077cc; --header-bg: #f8f9fa; --header-text: #000; border: 1px solid #ddd !important; } /* Dark-mode variables (when your site has .dark-mode on ) */ body.searxng.dark-mode #searxng-wrapper { background: #1e1e1e !important; --bg: #1e1e1e; --fg: #fff; --text-color: #ddd; --link-color: #4ea8de; --header-bg: #2a2a2a; --header-text: #ddd; border: 1px solid #333 !important; } /* Scope text & backgrounds to our variables */ body.searxng #searxng-wrapper, body.searxng #searxng-wrapper * { color: var(--text-color) !important; background-color: var(--bg) !important; } /* Links in the search UI */ body.searxng #searxng-wrapper a, body.searxng #searxng-wrapper a:visited { color: var(--link-color) !important; } /* Headers, navbars, search header backgrounds & text */ body.searxng #searxng-wrapper header, body.searxng #searxng-wrapper .navbar, body.searxng #searxng-wrapper .search_header { background-color: var(--header-bg) !important; color: var(--header-text) !important; } /* Form controls & autocomplete dropdown */ body.searxng #searxng-wrapper input, body.searxng #searxng-wrapper textarea, body.searxng #searxng-wrapper select, body.searxng #searxng-wrapper button, body.searxng #searxng-wrapper .autocomplete { background-color: var(--bg) !important; color: var(--text-color) !important; border: 1px solid var(--header-bg) !important; } /* Ensure any .container in SearXNG is full-width */ body.searxng #searxng-wrapper .container { width: 100% !important; padding: 0 !important; }