It was brought to my attention that some style stopped working as userscript…
当前为
/* ==UserStyle==
@name Test style for debugging conversion to userscript
@namespace github.com/openstyles/stylus
@version 7.0.0
@license CC0
@description It was brought to my attention that some style stopped working as userscript…
==/UserStyle== */
/*
Global and aggresive
*/
*:not(#u#n#r#o#u#n#d):not(input[type="radio" i]),
*:not(#u#n#r#o#u#n#d):not(input[type="radio" i])::before,
*:not(#u#n#r#o#u#n#d):not(input[type="radio" i])::after {
border-radius: 0 !important;
}
/*
Not that aggresive
as seen at https://not-checklist.intopia.digital/
*/
label input[type="checkbox" i] + svg rect[rx] {
rx: 0 !important;
}
label input[type="checkbox" i] + svg rect[ry] {
ry: 0 !important;
}
/*
Firefox on Windows bug(?): touching any border property
reverts "fancy" modern thin 1px borders
to "ugly" retro old 3px outset look.
This is an attempt to circumnvent it by setting it back to 1px
at lowest possible specifity, so any (unlayered) author declaration wins over this.
Using :where() here is insufficient, because this this "wannabe userstyle" is injected as
the last author style, so it would win over prior `*` declarations anyway.
*/
@layer i_miss_true_user_origin_level_stylesheets {
:where(input, button, select) {
border-width: 1px;
}
}
/*
FB & Workplace extra fixes
*/
:root#facebook svg[role] > mask[id]:first-child + g[mask]:last-child
{
mask: none !important;
/* circle outline, some status perhaps */
& circle { opacity: 0.1 !important; }
/* circle outline to real outline */
& image:has(~ circle[stroke="var(--accent)"])
{
outline: 2px solid var(--accent);
outline-offset: 2px;
& ~ circle { display: none; }
}
}
/*
FB Logo
*/
@-moz-document domain("facebook.com") {
:root#facebook svg[viewBox="0 0 36 36"] path {
/*
logo - circle to square
original path is circle with tiny notch on the bottom that lets (curved!) bottom edge of "f" be pushed up
presumably because otherwise it could be percieved as "sticing out" of the circle due white-blue contrast
second paths are older, first is from 2023-09-21
*/
&[d="M20.181 35.87C29.094 34.791 36 27.202 36 18c0-9.941-8.059-18-18-18S0 8.059 0 18c0 8.442 5.811 15.526 13.652 17.471L14 34h5.5l.681 1.87Z"] ,
&[d="M15 35.8C6.5 34.3 0 26.9 0 18 0 8.1 8.1 0 18 0s18 8.1 18 18c0 8.9-6.5 16.3-15 17.8l-1-.8h-4l-1 .8z"] {
d: path("M0 0 H 36 V 36 H 0 z");
}
/*
logo - "f" not curved on the bottom
this removes the bottom curvature (v12.7c1 .2 2 .3 3 .3s2-.1 3-.3) and sticks it (almost) to viewbox bondary.
(1px -- V–instead of V 36 -- difference to prevent aforementioned perceptual overhang.)
I guess this is the most nitpick-ish thing I have ever done.
*/
&[d="M13.651 35.471v-11.97H9.936V18h3.715v-2.37c0-6.127 2.772-8.964 8.784-8.964 1.138 0 3.103.223 3.91.446v4.983c-.425-.043-1.167-.065-2.081-.065-2.952 0-4.09 1.116-4.09 4.025V18h5.883l-1.008 5.5h-4.867v12.37a18.183 18.183 0 0 1-6.53-.399Z"],
&[d="M25 23l.8-5H21v-3.5c0-1.4.5-2.5 2.7-2.5H26V7.4c-1.3-.2-2.7-.4-4-.4-4.1 0-7 2.5-7 7v4h-4.5v5H15v12.7c1 .2 2 .3 3 .3s2-.1 3-.3V23h4z"] {
d: path("M25 23l.8-5H21v-3.5c0-1.4.5-2.5 2.7-2.5H26V7.4c-1.3-.2-2.7-.4-4-.4-4.1 0-7 2.5-7 7v4h-4.5v5H15 V 35 h 6 V23h4z");
}
}
}