UI configs regarding my philosophical principles.
suckless.css by marlonivo
Details
Authormarlonivo
LicenseMIT/X Consortium License
Categorysurf
Created
Updated
Size28 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Includes CSS Rules for:
- chatgpt.com
- wikipedia.org
- canva.com
- duckduckgo.com
- youtube.com
- studio.youtube.com
- ebay.com
- annas-archive.org
- deepl.com
10.github.com
11.founderio.com
12.soundcloud.com
13.buhl.de
14.tk.com
15.mail.google.com
16.simpleswap.io
17.njal.la
18.konsoleh.hetzner.com
19.wiki.marlonivo.xyz
20.nga.gov
21.depop.com
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name suckless.css
@description suckless css
@namespace surf
@version 1.0.0
==/UserStyle== */
@-moz-document domain("chatgpt.com") {
.md\:gap-6 {
gap: 1.5rem !important;
}
.gizmo\:md\:px-5 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.gizmo\:md\:max-w-3xl,
.md\:max-w-2xl {
max-width: 136rem !important;
}
@media (min-width: 1024px) {
.lg\:max-w-138rem,
.gizmo\:lg\:max-w-140rem {
max-width: 138rem !important;
}
.gizmo\:lg\:px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
}
@media (min-width: 1280px) {
.gizmo\:xl\:max-w-148rem,
.xl\:max-w-3xl {
max-width: 148rem !important;
}
.gizmo\:xl\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
@media (min-width: 768px) {
.md\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.md\:max-w-3xl {
max-width: 148rem !important;
}
}
.flex w-full items-center {
margin-left: 10px;
}
.md\:pt-0 {
margin-left: 5px;
padding-right: 10px;
padding-bottom: 10px;
border-color: transparent;
border-color: white;
}
@media (min-width: 1024px) {
.lg\:px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.lg\:max-w-40rem {
max-width: 140rem !important;
}
}
@media (min-width: 1280px) {
.xl\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-bottom: 0.25rem;
}
.xl\:max-w-48rem {
max-width: 148rem !important;
}
}
.w-\[72px\].h-\[72px\].mb-3 > .text-black.bg-white.rounded-full.justify-center.items-center.h-full.flex.relative.gizmo-shadow-stroke,
.md\:whitespace-normal.dark\:text-gray-300.text-gray-700.text-left.rounded-xl.whitespace-nowrap.w-full.group.btn-neutral.relative.btn,
.md\:px-\[60px\].dark\:text-gray-300.text-gray-600.text-xs.text-center.py-2.px-2.relative > span,
.text-xs.justify-center.items-center.w-6.h-6.flex,
.font-medium.text-2xl.mb-5,
#radix-\:r5o\: > div,
.text-token-text-tertiary,
#radix-\:r5f\: > div,
.md\:px-\[60px\].text-token-text-secondary.text-xs.text-center.py-2.px-2.relative > span,
.ml-2.focus\:ring-0.border-token-border-medium.border.rounded-lg.whitespace-nowrap.justify-center.items-center.w-9.h-9.flex.btn-small.btn-neutral.relative.btn,
.pr-1.gap-2.flex > .focus\:ring-0.border-token-border-medium.border.rounded-lg.whitespace-nowrap.justify-center.items-center.w-9.h-9.flex.btn-small.btn-neutral.relative.btn,
.bg-token-main-surface-primary.font-semibold.p-2.h-14.z-10.justify-between.items-center.flex.mb-1\.5.top-0.sticky,
.justify-between.flex-wrap-reverse.flex-row.w-full.flex,
[href="/gpts"],
.hover\:bg-token-sidebar-surface-secondary.juice\:font-normal.juice\:gap-2\.5.font-semibold.px-2.bg-token-sidebar-surface-primary.rounded-lg.gap-2.items-center.h-10.flex.group,
.justify-between.flex-wrap-reverse.flex-row.w-full.flex,
.pt-2.pb-3\.5.gap-3\.5.flex-col.flex > div,
.gap-4.justify-center.items-stretch.flex-wrap.max-w-3xl.flex.mt-12.mx-3,
.pr-1.gap-2.flex > span > .focus-visible\:bg-token-main-surface-secondary.hover\:bg-token-main-surface-secondary.focus-visible\:outline-0.text-token-text-secondary.px-2.rounded-lg.h-10,
.px-3.border-token-border-sharp.border-t.-mx-3.dark\:border-white\/20.empty\:hidden.py-2.flex-col.flex,
#enforcement-containerchatgpt-freeaccount,
.md\:px-\[60px\].text-token-text-secondary.text-xs.text-center.py-2.px-2.relative,
.z-20.right-0.left-0.bottom-full.absolute,
.text-token-text-primary.btn-secondary.relative.btn,
.items-end.relative.flex-col.flex.flex-shrink-0,
.juice\:gap-1.pr-1.gap-2.flex,
.text-xs.justify-center.items-center.w-6.h-6.flex,
.px-3.border-token-border-sharp.border-t.-mx-3.dark\:border-white\/20.empty\:hidden.py-2.flex-col.flex,
[href="/gpts"],
.hover\:bg-token-sidebar-surface-secondary.juice\:font-normal.juice\:gap-2\.5.font-semibold.px-2.bg-token-sidebar-surface-primary.rounded-lg.gap-2.items-center.h-10.flex.group,
.justify-between.flex-wrap-reverse.flex-row.w-full.flex,
.pt-2.pb-3\.5.gap-3\.5.flex-col.flex > div,
.gap-4.justify-center.items-stretch.flex-wrap.max-w-3xl.flex.mt-12.mx-3,
.pr-1.gap-2.flex > span > .focus-visible\:bg-token-main-surface-secondary.hover\:bg-token-main-surface-secondary.focus-visible\:outline-0.text-token-text-secondary.px-2.rounded-lg.h-10,
.pr-1.gap-2.flex > .focus\:ring-0.border-token-border-medium.border.rounded-lg.whitespace-nowrap.justify-center.items-center.w-9.h-9.flex.btn-small.btn-neutral.relative.btn,
#enforcement-containerchatgpt-freeaccount,
.hover\:bg-token-main-surface-secondary.text-token-text-secondary.rounded-lg > .justify-center.items-center.w-\[30px\].h-\[30px\].flex > .icon-md-heavy,
.flex.p-1.rounded-xl.justify-start.items-center > .items-center.flex > .flex > span > .hover\:bg-token-main-surface-secondary.text-token-text-secondary.rounded-lg > .justify-center.items-center.w-\[30px\].h-\[30px\].flex > .icon-md-heavy > path,
.w-4.h-4.icon-md.\[\&_svg\]\:w-full.\[\&_svg\]\:h-full > svg,
.text-token-text-quaternary.icon-sm,
#floating-button-wrapper,
#gpt4-counter,
.select-none.text-token-text-secondary,
.dark\:border-white\/20.juice\:py-2.empty\:hidden.pt-2.flex-col.flex,
.px-3.flex-col.w-full.h-full.flex > .flex-col.flex-1.flex,
.bg-token-main-surface-primary.group.text-token-text-primary.border-token-border-light.border-b.justify-center.items-center.relative.flex.w-full,
.text-token-text-primary.h-4.w-4.relative,
.dark\:border-white\/20.empty\:hidden.py-2.flex-col.flex {
display: none !important;
}
}
@-moz-document domain("wikipedia.org"), domain("en.wikipedia.org") {
#p-personal,
#left-navigation,
#p-views,
#siteNotice,
#p-navigation,
#p-participation,
#p-tb,
#p-coll-print_export,
#p-wikibase-otherprojects,
#p-lang-label,
.uls-settings-trigger,
.after-portlet-lang,
#siteSub,
#mw-fr-reviewnotice,
.mw-editsection,
.toctoggle,
table.ambox {
display: none;
}
* {
border: none !important;
}
.mw-body-content p,
.mw-content-ltr ul,
.mw-content-rtl .mw-content-ltr ul {
padding: 0 10% 0 0;
max-width: 45em;
}
.mw-body h1,
.mw-body-content h1 {
font-size: 2.5em;
}
h1,
.mw-body-content h2 {
font-family: 'PT Serif' !important;
}
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
margin-top: 1em;
}
.mw-body-content h2 {
margin-top: 2em;
font-size: 1.8em;
}
div#simpleSearch {
background: none;
border: solid 1px #efefef !important;
}
div#simpleSearch input::placeholder {
color: #ccc;
}
#right-navigation {
margin-top: 0;
}
div#simpleSearch:hover {
border: solid 1px #ccc !important;
}
#mw-head-base {
height: 2em;
}
.reference {
position: relative;
background-color: white;
margin-left: -1px;
opacity: 0.4;
font-size: 60% !important;
}
.reference:hover {
opacity: 1;
}
.reference:before,
.reference:after {
content: " ";
position: absolute;
top: 2px;
background-color: white;
color: white;
}
ul {
list-style-type: none;
list-style-image: none;
}
li {
margin: 0.5em 0;
}
blockquote {
font-style: italic;
font-family: 'PT serif';
background: none;
font-size: 1.2em;
letter-spacing: 0.015em;
max-width: 40em;
margin-top: 1.3em;
}
div.thumbinner {
background: none;
}
.thumb.tleft {
clear: right;
float: right;
margin: 0.5em 0 1.3em 4.4em;
}
div.tright {
margin-left: 4.4em;
}
.geo-services {
display: none;
}
.mw-kartographer-maplink {
width: 0;
height: 20px;
overflow: hidden;
display: inline-block;
}
.dablink,
.rellink {
padding-left: 0;
color: gray;
font-size: 80%;
}
#toc,
.toc,
.mw-warning,
.toccolours {
padding: 15px 30px 10px 15px;
font-size: 70%;
line-height: 1.2em;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
text-align: left;
}
.mw-body-content #toc h2 {
font-family: sans-serif !important;
}
table.standard {
margin-left: 0;
}
table,
tr {
background: none !important;
}
.infobox td,
.infobox td div {
background: none !important;
}
td,
th {
text-align: left !important;
vertical-align: top;
font-weight: inherit;
}
td {
vertical-align: top;
}
.infobox {
margin-left: 4.4em;
background: none;
}
.infobox td,
.infobox th {
text-align: left !important;
background: none !important;
padding-bottom: 0.4em;
vertical-align: top;
}
.center,
caption {
text-align: left !important;
}
.fn.org {
font-weight: bold;
}
.nickname {
font-weight: normal;
}
b {
font-weight: normal;
}
#contentSub {
margin-left: 0;
}
.collapseButton {
background-color: rgb(226, 241, 253);
border-radius: 4px;
padding: 2px 1px;
line-height: 1.2;
font-size: 75%;
color: rgb(226, 241, 253);
}
.collapseButton:hover {
background-color: #c7e6ff;
color: #c7e6ff;
}
.collapseButton:hover a,
.collapseButton:link a,
.collapseButton:active a {
text-decoration: none;
}
.vector-page-toolbar,
.navigation-not-searchable.hatnot,
div.Vorlage_Lueckenhaft.noprint.navigation-not-searchable.rahmenfarbe1.hintergrundfarbe1:nth-of-type(1),
.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search,
.vector-button-flush-right.vector-button-flush-left.vector-main-menu-dropdown.vector-dropdown,
.mw-footer-container,
.catlinks,
.mw-footer {
display: none !important;
}
}
@-moz-document domain("canva.com") {
.b2YB7Q {
padding-top: 0px;
}
.xkGWrg.WsdxgA,
div.YFsnzw:nth-of-type(3),
.BMOCzQ.ocGgIA....