AlternativeTo website interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.
/* ==UserStyle==
@name AlternativeTo optimized & customizable for wide screens
@description AlternativeTo website interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.
@version 1.0.7
@author BreatFR (https://breat.fr)
@namespace https://breat.fr
@homepageURL https://usercssjs.breat.fr/a/alternativeto
@supportURL https://discord.gg/W7FKesJ9aG
@license AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor stylus
@var text hideads "Hide ads" 1
@var checkbox hidescrollbars "Hide scrollbars" 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("alternativeto.net") {
/* =========================================
AlternativeTo
========================================= */
/* Versions */
:root {
--themeversion: 'Theme v1.0.7 by BreatFR (https://breat.fr)';
--install: ' usercssjs.breat.fr/a/alternativeto';
--help: ' discord.gg/W7FKesJ9aG';
--support1: ' ko-fi.com/breatfr ';
--support2: ' paypal.me/breat';
}
@media screen and (min-width: 900px) {
[data-testid="headerLinks"]::after,
[data-testid="headerLinks"]::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: inherit;
line-height: calc(58px / 2);
pointer-events: none;
position: absolute;
text-align: center;
top: calc(var(--spacing) * 4);
width: 100vw;
white-space: pre-line;
z-index: 9999;
}
[data-testid="headerLinks"]::after {
content: var(--themeversion) '\A Help: ' url("https://code.breat.fr/share/images/icons/discord.png") var(--help);
left: -10%;
}
[data-testid="headerLinks"]::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);
left: 15%;
}
}
if hideads {
#alternatives-heading.sr-only,
div[class*="ad-lg"],
[style="min-height:280px"]:has([data-testid="adsense-wrapper"]),
[style="min-height:280px"] + .spacer-8,
[data-testid="adsense-wrapper"],
.bannerLink,
.border-t-brandLight6,
.GamAds_food__Gas_2,
.in-list,
.spacer-6,
.spacer-12,
.spacer-16,
li:has([data-testid="adsense-wrapper"]),
li.w-full.py-6 {
display: none !important;
}
}
if hidescrollbars {
*,
:root ::-webkit-scrollbar {
scrollbar-width: none !important;
}
}
body {
overflow-x: hidden;
}
if widemode {
[class="grid grid-cols-[10%_58%_32%] md:grid-cols-[6%_48%_46%] lg:grid-cols-[22%_38%_40%] xl:grid-cols-[20%_36%_44%] gap-x-0 gap-y-0 items-center min-h-[58px] px-3 xl:px-3.5"] {
grid-template-columns: 220px auto auto !important;
}
[class="grid grid-cols-[10%_58%_32%] md:grid-cols-[6%_48%_46%] lg:grid-cols-[22%_38%_40%] xl:grid-cols-[20%_36%_44%] gap-x-0 gap-y-0 items-center min-h-[58px] px-3 xl:px-3.5"] > span {
margin-right: auto;
width: auto;
}
nav {
flex-wrap: wrap;
gap: .5em;
margin-right: 0;
}
nav > span {
display: none;
}
nav a {
flex-basis: 33%;
width: auto;
white-space: nowrap;
}
nav a:nth-of-type(1),
nav a:nth-of-type(3) {
border-right: 1px solid white;
}
.container,
.max-w-7xl,
.wide-container {
max-width:100%;
width: 100%;
}
.HeaderLinks_header__Ia2QY {
max-width:100%;
margin-left: 10px;
margin-right: 10px;
width: 100%;
}
.PageIntroImage_a2-header-left__jKwJJ {
margin-left: 10%;
}
[class="lg:px-8"] {
padding-inline: 0;
}
.react-tiny-popover-container {
left: auto !important;
right: 0 !important;
top: 69px !important;
transform: none !important;
}
div[style="display: flex; justify-content: center; margin: 12px auto;"] {
margin: 0 !important;
}
li.py-6 {
padding-block: 0;
}
/* Browse All Apps page */
[class="flex flex-col lg:flex-row gap-8 lg:gap-6 w-full max-w-6xl mx-auto"] {
max-width:100%;
}
/* List page*/
[class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"] {
grid-auto-rows: auto !important;
}
.commonBoxList {
height: fit-content !important;
}
[class="grid grid-rows-[auto_1fr] text-inherit h-full"] {
height: auto !important;
}
img[style="width: 320px; height: 160px;"] {
height: auto !important;
width: 100% !important;
}
}
}