Tweaks for userstyles.world - Change screenshot size, Details and Statistics next to each other, Code wrap, Hide [π] from links and more!
smol tweaks for UserStyles.World by pabli
Details
Authorpabli
LicenseMIT
Categoryuserstyles.world
Created
Updated
Size1.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Source code
/* ==UserStyle==
@name smol tweaks for USw
@namespace https://userstyles.world/user/pabli
@version 1.4.0
@description Tweaks for userstyles.world - Change screenshot size, Details and Statistics next to each other, Code wrap, Hide [π] from links and more!
@author Pabli
@preprocessor stylus
@var number imgSize "Screenshot size %" ['%', 75, 0, 100, 1]
@var select imgH "Enlarge screenshot on" ["hover", "click", "disabled"]
@var number imgSizeH "Screenshot size on hover/click %" ['%', 100, 0, 100, 1]
@var checkbox linkIco "Hide [π] from links" 1
@var checkbox detStat "Details and Statistics next to each other" 1
@var checkbox codeWrap "Code wrap" 0
==/UserStyle== */
@-moz-document url-prefix("https://userstyles.world/style/") {
#preview > .card {
width: imgSize
transition: 0.3s
margin: auto
}
if imgH == "hover" {
#preview > .card {
cursor: zoom-in
&:hover {
width: imgSizeH
}
}
}
if imgH == "click" {
#preview > .card {
cursor: zoom-in
&:active {
width: imgSizeH
}
}
}
if detStat {
html body > main {
container: maincontent / inline-size
flex-direction: row
flex-wrap: wrap
justify-content: center
margin: 0 auto
max-width: var(--layout-max-width)
}
@container maincontent (min-width: 1280px) {
#details, #stats {
max-width: calc(var(--layout-max-width)/2)
}
}
}
if codeWrap {
#code code {
white-space: break-spaces
overflow-wrap: break-word
}
}
}
@-moz-document domain("userstyles.world") {
if linkIco {
a[href^='/link/']::after,
a[href^='http']::after {
content: unset
}
}
}