Startpage optimized & customizable for wide screens

Startpage website interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

/* ==UserStyle==
@name           Startpage optimized & customizable for wide screens
@description    Startpage website interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.
@version        1.0.3
@author         BreatFR (https://breat.fr)
@namespace      https://breat.fr
@homepageURL    https://usercssjs.breat.fr/s/startpage
@supportURL     https://discord.gg/W7FKesJ9aG
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor   stylus

@var	text        fontsize    	"Custom font size"		1.2rem
@var    checkbox    hideads  		"Hide ads"				1
@var 	checkbox   	hidefeedback	"Hide feedback button"	1
@var 	checkbox   	hidescrollbars	"Hide scrollbars"   	1
@var 	checkbox   	hidesupport		"Hide support banner"	1
@var    checkbox    widemode    	"Wide mode"         	1
==/UserStyle== */

/* ==Credits==
Website         https://breat.fr
Bluesky			https://bsky.app/profile/breatfroff.bsky.social
facebook        https://www.facebook.com/breatfroff
mastodon        https://mastodon.social/@breat_fr
telegram        https://t.me/breatfr
vk              https://vk.com/breatfroff
X (twitter)     https://x.com/breatfroff
==/Credits== */

/* ==Support==
brave Creators  https://publishers.basicattentiontoken.org/c/breatfr
Buy me a coffee https://buymeacoffee.com/breatfr
ko-fi           https://ko-fi.com/breatfr
PayPal          https://paypal.me/breat
==/Support== */

@-moz-document domain("startpage.com") {
/* ================================
	Startpage
================================ */
	/* Versions */
    :root {
        --themeversion: 'Theme v1.0.3 by BreatFR (https://breat.fr)';
        --install: ' usercssjs.breat.fr/s/startpage';
		--help: ' discord.gg/W7FKesJ9aG';
        --support1: ' ko-fi.com/breatfr ';
        --support2: ' paypal.me/breat';
    }

    @media screen and (min-width: 900px) {
		.search-form {
			position: relative;
		}
        .search-form::after,
		.search-form::before {
			background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
            background-clip: text;
            color: transparent;
			display: block;
            font-family: inherit;
            font-size: 1.2rem;
			line-height: calc(51px / 2);
            pointer-events: none;
            position: absolute;
            text-align: center;
			top: 0;
            width: auto;
            white-space: pre-line;
            z-index: 9999;
		}
        .search-form::after {
            content: var(--themeversion) '\A Help: ' url("https://code.breat.fr/share/images/icons/discord.png") var(--help);
			left: 42%;
        }
		.search-form::before {
            content: 'Install & Infos: ' url("https://code.breat.fr/share/images/icons/breat.fr.png") var(--install) '\A Support me: ' url("https://code.breat.fr/share/images/icons/ko-fi.png") var(--support1) ' · ' url("https://code.breat.fr/share/images/icons/paypal.png") var(--support2);
            right: 0;
        }
		@media screen and (min-width: 3000px) {
			.search-form::after {
				left: 40%;
			}
			.search-form::before {
				right: 15%;
			}
		}
    }

	/* Custom font size */
	[aria-label="safe search filter"] *,
	[aria-label="time filter"] *,
	[data-testid="pagination-button"],
	.anonymous-view-link-text,
	.description,
	.header-nav-item-text,
 	.result-title,
	.search-form-input,
	.startpage-hero-tagline,
	.w-gl-attribution,
 	.wgl-title-link-container > * {
		font-size: fontsize !important;
		line-height: 1.5 !important;
	}
	.dropdown-select > div > div > span {
		font-size: fontsize !important;
		line-height: 1.5 !important;
		max-width: unset !important;
		text-overflow: unset !important;
	}
	.w-gl-attribution {
		margin: 0;
	}
	div:has(> .privacy-indicator-wrapper) {
		display: flex;
		justify-content: space-evenly;
		width: 100%;
	}

    if hideads {
		.upper,
        [data-testid="ex-cl-link"] {
            display: none;
        }
    }

	if hidefeedback {
		.feedback-button-container {
			display: none;
		}
	}

	if hidesupport {
		.support-banner {
			display: none;
		}
	}

	if hidescrollbars {
		*,
 		:root {
        	scrollbar-width: none !important;
        }
    }

	if widemode {
		main {
			min-height: 81vh !important;
		}
		section#main {
			margin: 0;
			max-width: 100%;
		}
		.pagination-container {
			display: flex;
			justify-content: center;
			margin: 2em 0 0;
		}
		.pagination {
			gap: 1em;
		}
		[data-testid="pagination-button"] {
			height: auto !important;
			margin: 0 !important;
			padding: .5em 1em !important;
			width: auto !important;
		}
	}
}