Skip to content

suckless.css by marlonivo

Screenshot of suckless.css

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

UI configs regarding my philosophical principles.

Notes

Includes CSS Rules for:

  1. chatgpt.com
  2. wikipedia.org
  3. canva.com
  4. duckduckgo.com
  5. youtube.com
  6. studio.youtube.com
  7. ebay.com
  8. annas-archive.org
  9. 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....

Reviews

No reviews yet.