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.

Vous devrez installer une extension telle que Tampermonkey, Greasemonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Userscripts pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension de gestionnaire de script utilisateur pour installer ce script.

(J'ai déjà un gestionnaire de scripts utilisateur, laissez-moi l'installer !)

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

(J'ai déjà un gestionnaire de style utilisateur, laissez-moi l'installer!)

/* ==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;
		}
	}
}