Skip to content

Instantly share code, notes, and snippets.

@Eklei
Created February 6, 2024 00:15
Show Gist options
  • Save Eklei/79e5c7519154c05b53a08f111dc0d43e to your computer and use it in GitHub Desktop.
Save Eklei/79e5c7519154c05b53a08f111dc0d43e to your computer and use it in GitHub Desktop.
CSS - Infinite Craft (neal.fun) BEAUTIFIED - Reshapes the interface and compresses the spacing to allow far more items on-screen at once.
/* ==UserStyle==
@name Infinite Craft (neal.fun) BEAUTIFIED
@namespace github.com/openstyles/stylus
@version 2024.02.05
@description Reshapes the interface and compresses the spacing to allow far more items on-screen at once.
@author Eklei
==/UserStyle== */
@-moz-document url-prefix("https://neal.fun/infinite-craft/") {
@media screen and (min-width: 801px) {
/*html, .container, input { font-family: Arial, sans-serif !important; }/**/
html, .sidebar { background: #eeee !important; }
.container > .logo, .side-controls { right: calc(50% + 10px) !important; }
.sidebar { width: 50% !important; }
.sidebar .items { max-width: none !important; padding-bottom: 5em !important; min-height: calc(100vh - 30px) !important; }
.item { padding: 7px 7px 8px 7px !important; margin: 0px !important; }
.sidebar .items .item { padding: 6px 3px !important; margin: 0.5px !important; }
.sidebar .item > span { margin-right: -0.25em !important; }
.instances .item > span { margin-right: 0 !important; }
.instances .item { box-shadow: 0 3px 8px #0005 !important; }
#known-combos-tooltip { line-height: 0.5; box-shadow: 0 3px 8px #0002; }
#known-combos-tooltip > b { font-size: 0.9625em; line-height: 1.3; }
#known-combos-tooltip div { font-size: 0.933em; line-height: 1.0; opacity: 0.933; }
#known-combos-tooltip div > div > div > div > div > div > div > div > div div { font-size: 100%; opacity: 1.0; }
.sidebar-controls, .sidebar-controls .sidebar-input { height: 30px !important; }
.sidebar-controls .sidebar-input { padding-block: 0px 3px !important; background-position-y: 3px !important; }
input::placeholder { opacity: 0.333 !important; font-style: italic !important; }
}
canvas.particles { display: none !important; }/**/
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment